:root{--red:#6b1020;--red2:#8b1e32;--red3:#b34a5e;--ink:#171419;--muted:#756f73;--line:rgba(107,16,32,.13);--glass:rgba(255,255,255,.74);--shadow:0 20px 60px rgba(58,10,20,.10);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 90% 0%,rgba(139,30,50,.08),transparent 24%),linear-gradient(135deg,#fff,#fcfafb);min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:270px;padding:20px 15px;background:rgba(255,255,255,.84);backdrop-filter:blur(24px);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:7px 8px 22px}.brand-mark,.login-logo{display:grid;place-items:center;background:linear-gradient(145deg,var(--red2),var(--red));color:#fff;font-weight:900;letter-spacing:.03em;box-shadow:0 10px 30px rgba(107,16,32,.25)}.brand-mark{width:45px;height:45px;border-radius:14px}.brand strong{display:block;font-size:11px;letter-spacing:.08em}.brand span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.sidebar nav{overflow:auto;padding-right:3px}.sidebar nav a,.side-bottom a{display:flex;gap:10px;align-items:center;padding:11px 12px;margin:4px 0;border-radius:13px;color:#575156;text-decoration:none;font-size:12px;transition:.25s}.sidebar nav a:hover,.sidebar nav a.active,.side-bottom a:hover{color:var(--red);background:rgba(107,16,32,.07);transform:translateX(2px)}.ico{flex:none}.nav-label{font-size:9px;color:#a49da1;letter-spacing:.18em;margin:20px 12px 7px}.side-bottom{margin-top:auto}.main{margin-left:270px;width:calc(100% - 270px)}.topbar{height:92px;position:sticky;top:0;z-index:15;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:rgba(255,255,255,.68);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:.22em;color:var(--red);font-weight:900}.eyebrow.light{color:#f2cbd1}.clock{font-size:16px;font-weight:800;margin-top:3px}.update{font-size:9px;color:var(--muted);margin-top:3px}.top-actions,.actions{display:flex;gap:9px;align-items:center}.icon-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.78);color:var(--red);box-shadow:0 8px 22px rgba(0,0,0,.05);text-decoration:none}.icon-btn b{position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:var(--red);color:#fff;font-size:9px}.user-chip{padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72)}.user-chip span{display:block;font-size:11px;font-weight:800}.user-chip small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.content{max-width:1500px;margin:auto;padding:28px 30px}.hero{position:relative;overflow:hidden;padding:32px;border-radius:27px;color:#fff;background:linear-gradient(135deg,rgba(107,16,32,.98),rgba(139,30,50,.92));box-shadow:0 28px 70px rgba(107,16,32,.20)}.hero:before{content:'';position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-150px;top:-220px}.hero h1{position:relative;margin:6px 0 8px;font-size:29px}.hero p,.hero-meta{position:relative;color:rgba(255,255,255,.78);max-width:720px;font-size:12px;line-height:1.7}.hero-meta{margin-top:16px}.grid{display:grid;gap:16px;margin:18px 0}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:var(--glass);border:1px solid rgba(107,16,32,.10);box-shadow:var(--shadow);border-radius:var(--radius);padding:20px;backdrop-filter:blur(18px)}.stat .label,.label{font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:900}.stat .value{font-size:30px;color:var(--red);font-weight:900;margin-top:8px}.stat .value small{font-size:12px;color:var(--muted)}.small-value{font-size:14px!important;margin-top:13px!important}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:27px 0 12px}.section-title h2{margin:0;font-size:18px}.section-title p{margin:5px 0 0}.muted{color:var(--muted);font-size:11px}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border-radius:13px;border:1px solid rgba(255,255,255,.38);background:linear-gradient(135deg,var(--red2),var(--red));color:#fff;text-decoration:none;font-weight:800;font-size:11px;box-shadow:0 9px 24px rgba(107,16,32,.20);transition:transform .25s,box-shadow .25s,filter .25s;cursor:pointer}.btn:before{content:'';position:absolute;inset:0;transform:translateX(-120%) skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);animation:shine 4.2s infinite}.btn:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(107,16,32,.28);filter:saturate(1.06)}.btn.secondary{color:var(--red);background:rgba(255,255,255,.82);border-color:var(--line)}.btn.small{padding:7px 10px;font-size:10px;border-radius:10px}.btn:focus-visible{outline:3px solid rgba(139,30,50,.16);outline-offset:2px}@keyframes shine{0%,65%{transform:translateX(-120%) skewX(-20deg)}80%,100%{transform:translateX(240%) skewX(-20deg)}}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:11px;vertical-align:middle}.table th{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);white-space:nowrap}.table td{white-space:nowrap}.table td .muted{white-space:normal}.badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:rgba(107,16,32,.07);color:var(--red);font-size:9px;font-weight:900;text-transform:uppercase}.badge.ok{background:#eaf7ef;color:#24633d}.badge.warn{background:#fff4dc;color:#855f0a}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:900;color:#5a5357}.field input,.field select,.field textarea{width:100%;font:inherit;color:var(--ink);padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.88);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red2);box-shadow:0 0 0 4px rgba(107,16,32,.06)}.alert{padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:11px}.alert.success{background:#eaf7ef;color:#24633d}.alert.error{background:#fff0f2;color:#8b1b2f}.alert.warn{background:#fff4dc;color:#795b13}.timeline{position:relative;margin-left:7px}.timeline:before{content:'';position:absolute;left:6px;top:2px;bottom:0;width:1px;background:rgba(107,16,32,.14)}.event{position:relative;padding:0 0 19px 27px}.event:before{content:'';position:absolute;left:2px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(107,16,32,.08)}.event strong{font-size:12px}.event div{font-size:11px;margin-top:3px}.event small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.modal{width:min(700px,92vw);max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:22px;padding:22px;background:rgba(255,255,255,.94);box-shadow:0 35px 100px rgba(35,7,15,.25);backdrop-filter:blur(24px)}.modal.wide{width:min(850px,94vw)}dialog::backdrop{background:rgba(28,6,12,.34);backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-head h3{margin:0}.close-dialog{border:0;background:transparent;font-size:24px;color:var(--muted);cursor:pointer}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:15px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.notification{display:flex;justify-content:space-between;gap:15px;margin-bottom:10px}.notification.read{opacity:.65}.notification p{margin:6px 0;font-size:11px}.notification small{font-size:9px;color:var(--muted)}.question{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.question-no{flex:none;width:30px;height:30px;border-radius:10px;background:rgba(107,16,32,.08);color:var(--red);display:grid;place-items:center;font-weight:900}.options,.option-line{margin-top:8px;font-size:11px;color:var(--muted)}.answer-block{padding:16px 0;border-bottom:1px solid var(--line)}.answer-block>label:first-child{display:block;margin-bottom:10px;font-size:12px}.radio{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:8px 0;font-size:11px}.radio input{width:auto!important}.review{padding:12px 0;border-bottom:1px solid var(--line)}.review p{font-size:11px}.review small{font-size:9px;color:var(--muted)}.card-id{width:min(760px,100%);display:grid;grid-template-columns:140px 1fr;gap:24px;padding:25px;border-radius:25px;background:linear-gradient(145deg,#fff,#f6edef);border:1px solid rgba(107,16,32,.17);box-shadow:0 30px 75px rgba(107,16,32,.16)}.card-id h2{margin:6px 0;font-size:20px}.card-id h3{margin:8px 0 3px;font-size:22px}.card-id p{margin:0 0 12px;color:var(--muted);font-size:11px}.photo{width:140px;height:170px;border-radius:15px;object-fit:cover;background:#eee}.placeholder{display:grid;place-items:center;color:#aaa;font-weight:900}.meta-line{display:flex;justify-content:space-between;gap:20px;padding:7px 0;border-bottom:1px solid var(--line);font-size:10px}.meta-line span{color:var(--muted)}.barcode-box{margin-top:13px;padding:9px;border-radius:12px;background:#fff;border:1px solid var(--line);text-align:center}.barcode-svg{max-width:100%;height:54px}.barcode-box small{display:block;font-family:monospace;font-size:9px;letter-spacing:.12em}.premium-card{position:relative;overflow:hidden}.premium-card:after{content:'';position:absolute;right:-70px;bottom:-100px;width:250px;height:250px;border:1px solid rgba(107,16,32,.09);border-radius:50%}.footer{text-align:center;padding:30px;color:#a09a9d;font-size:9px}.login{display:grid;place-items:center;min-height:100vh;padding:22px;background:radial-gradient(circle at 20% 20%,rgba(107,16,32,.11),transparent 28%),#fff}.login-card{width:min(470px,100%);padding:34px;border-radius:30px;background:rgba(255,255,255,.80);backdrop-filter:blur(25px);border:1px solid var(--line);box-shadow:0 35px 100px rgba(48,8,18,.15)}.login-logo{width:60px;height:60px;border-radius:18px;margin-bottom:18px}.login-card h1{margin:6px 0;color:var(--red);font-size:28px}.login-card>p{color:var(--muted);font-size:11px;line-height:1.6}.login-links{text-align:center}.login-links a{color:var(--red);font-weight:800;text-decoration:none}.content-copy{line-height:1.8;font-size:13px;padding:18px 0}.material-detail{max-width:1000px}.end{justify-content:flex-end}.print-only{display:none}@media(max-width:1150px){.grid.four{grid-template-columns:repeat(2,1fr)}.sidebar{width:235px}.main{margin-left:235px;width:calc(100% - 235px)}}@media(max-width:800px){.sidebar{position:static;width:100%;height:auto;min-height:auto}.app-shell{display:block}.main{margin-left:0;width:100%}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr);max-height:none}.side-bottom{margin-top:8px}.topbar{height:auto;min-height:80px;padding:12px 16px}.content{padding:18px 14px}.grid.four,.grid.two,.form-grid{grid-template-columns:1fr}.card-id{grid-template-columns:95px 1fr;padding:18px;gap:15px}.photo{width:95px;height:120px}.user-chip{display:none}.section-title{align-items:flex-start;flex-wrap:wrap}.table td,.table th{font-size:10px}.notification{flex-direction:column}.hero{padding:24px}.hero h1{font-size:24px}}@media(max-width:520px){.sidebar nav{grid-template-columns:1fr}.card-id{grid-template-columns:1fr}.photo{width:100px}.topbar .clock{font-size:12px}.actions{flex-wrap:wrap}}@media print{.sidebar,.topbar,.btn,.no-print,.footer,.section-title .actions{display:none!important}.main{margin:0;width:100%}.content{padding:0}.card{box-shadow:none;border:1px solid #ddd;background:#fff}.print-only{display:block}.premium-card{page-break-inside:avoid}}