:root{font-family:Inter,Arial,sans-serif;color:#242344;background:#f4f7fb;--cyan:#009fd0;--purple:#332478;--line:#e5e9f2}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:9px;background:var(--purple);color:white;padding:12px 17px;font-weight:600}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#eef0f8;color:var(--purple)}button.small{padding:8px 12px;font-size:12px}a{color:var(--cyan)}input,select,textarea{width:100%;padding:12px;border:1px solid #d6dce8;border-radius:8px;background:white;color:#272540}textarea{min-height:90px}label{display:block;font-size:13px;font-weight:600;margin:16px 0 7px}h1{font-size:30px;letter-spacing:-1px;margin:10px 0}h2{font-size:20px;margin:0 0 15px}h3{margin:0 0 10px}p{line-height:1.6}.muted{color:#76798d;font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--cyan)}.login{min-height:100vh;display:grid;grid-template-columns:1.12fr 1fr}.login-photo{background:linear-gradient(180deg,#19154718,#191547e6),url('/facility.jpg') center/cover;display:flex;flex-direction:column;justify-content:space-between;padding:48px;color:white}.login-photo .tag{background:#ffffff25;border:1px solid #ffffff50;border-radius:30px;padding:9px 17px;align-self:flex-start;font-size:12px}.login-photo h1{font-size:48px;max-width:480px;line-height:1.12}.login-photo p{max-width:430px;color:#e0e5f8}.login-form{background:white;display:flex;align-items:center;justify-content:center;padding:48px}.login-inner{max-width:380px;width:100%}.login-inner img{width:145px;height:145px;object-fit:contain;margin-bottom:23px}.login-inner button{width:100%;margin-top:24px;background:linear-gradient(100deg,var(--purple),#4a3a9c)}.login-foot{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;font-size:12px;color:#7e8094}.error{color:#b3314e;font-size:13px;padding-top:12px}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{background:white;border-right:1px solid var(--line);padding:26px 17px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 24px}.brand img{width:57px;height:62px;object-fit:contain}.brand strong{font-size:18px;color:var(--purple)}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#77778b;margin-top:4px}.nav{display:grid;gap:5px}.nav button{text-align:left;background:transparent;color:#77758c;font-weight:500;display:flex;align-items:center;gap:12px;padding:12px 15px}.nav button.active{background:#edf7fc;color:#008eb8;border-left:3px solid var(--cyan)}.nav-icon{font-size:17px;width:20px;text-align:center}.side-bottom{margin-top:auto;font-size:11px;color:#9190a1;padding:20px 12px}.topbar{height:83px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 35px;gap:15px}.profile{display:flex;align-items:center;gap:12px}.avatar{height:38px;width:38px;border-radius:50%;background:#e6f6fc;color:var(--cyan);display:grid;place-items:center;font-weight:700}.topbar strong{font-size:12px}.topbar small{display:block;font-size:10px;color:#8d8b9c;margin-top:4px}.content{padding:32px 35px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-head p{margin:7px 0 0;color:#858398;font-size:13px}.hero{border-radius:16px;background:linear-gradient(110deg,#30246c,#44418a);color:white;padding:30px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px;overflow:hidden}.hero h2{font-size:25px;margin:8px 0}.hero p{color:#dcdaee;font-size:13px;margin:8px 0}.hero .eyebrow{color:#75dcf3}.hero-mark{font-size:75px;color:#ffffff25}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:23px}.stat-top{display:flex;justify-content:space-between;color:#8e8a9e;font-size:12px}.stat-value{font-size:31px;font-weight:700;margin-top:14px;letter-spacing:-1px}.stat-note{font-size:11px;color:#9793a6;margin-top:9px}.dot{color:var(--cyan)}.grid-two{display:grid;grid-template-columns:1.8fr 1fr;gap:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-head h2{font-size:16px;margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.7px;background:#f8fafc;color:#9692a7;padding:14px 12px}td{padding:15px 12px;border-bottom:1px solid #f0f1f7;vertical-align:middle}td button{margin:2px}.badge{display:inline-block;font-size:10px;padding:6px 9px;border-radius:6px;white-space:nowrap;background:#eef0f8;color:#72688e}.badge.released{background:#e8f8f0;color:#26865d}.badge.processing{background:#eaf5fd;color:#2192bf}.badge.awaiting-approval,.badge.urgent{background:#fff0e7;color:#ce7e40}.empty{text-align:center;padding:36px;color:#9490a7;font-size:13px}.workflow{display:grid;gap:20px}.workflow-row{display:flex;justify-content:space-between;font-size:12px}.bar{height:6px;background:#f0f2f8;border-radius:5px;margin-top:10px}.bar span{display:block;height:6px;background:var(--cyan);border-radius:5px}.info{background:#eaf8fc;border:1px solid #cdeaf4;padding:15px 18px;border-radius:10px;color:#39768c;font-size:12px;line-height:1.7;margin-bottom:22px}.alert-item{border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:12px}.alert-item p{font-size:13px}.alert-meta{color:#9790a6;font-size:11px;margin:7px 0}.toolbar{display:flex;gap:12px;margin-bottom:20px;align-items:center}.toolbar input{max-width:400px}.split{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}dialog{border:0;border-radius:15px;padding:28px;width:min(780px,94vw);max-height:92vh;box-shadow:0 20px 90px #1b153b55}dialog::backdrop{background:#18152d85}#close-modal{margin-top:20px}.result-row{display:grid;grid-template-columns:1.5fr 1fr .8fr 1.4fr .7fr;gap:7px;margin-bottom:8px}.result-row input,.result-row select{font-size:12px;padding:9px}.result-head{font-size:10px;color:#8a849c;margin-bottom:7px}#toast{position:fixed;bottom:25px;right:25px;background:#29234c;color:white;padding:14px 22px;border-radius:10px;display:none;z-index:100}.report{background:white;color:#111;padding:35px}.report-brand{text-align:right;border-bottom:2px solid var(--cyan);padding-bottom:16px}.report-brand img{height:100px}.report-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid #ccc;padding:20px 0;font-size:12px}.report table{margin:25px 0}.report th{background:white;color:#111;border-bottom:1px solid #111}.report-footer{margin-top:45px;border-top:1px solid var(--purple);padding-top:12px;font-size:10px;text-align:center;color:var(--purple)}.mobile-menu{display:none}.user-pill{font-size:11px;background:#eff8fb;padding:8px 12px;border-radius:6px;color:#448097}@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.grid-two{grid-template-columns:1fr}.shell{grid-template-columns:210px 1fr}.content{padding:24px}.topbar{padding:0 24px}.user-pill{display:none}}@media(max-width:700px){.login{grid-template-columns:1fr}.login-photo{min-height:270px;padding:25px}.login-photo h1{font-size:32px;margin-top:35px}.login-photo p{display:none}.login-form{padding:30px}.login-inner img{width:100px;height:100px;margin-bottom:10px}.shell{display:block}.sidebar{display:none;position:fixed;z-index:10;width:230px;box-shadow:10px 0 40px #2222}.sidebar.open{display:flex}.mobile-menu{display:block}.topbar{height:70px;padding:0 16px}.topbar .muted{display:none}.content{padding:20px 15px}.page-head{align-items:flex-start}h1{font-size:25px}.hero{padding:25px}.hero-mark{display:none}.stats{gap:10px}.card{padding:17px}.stat-value{font-size:26px}.split{grid-template-columns:1fr}.result-row{grid-template-columns:1fr 1fr}.result-row input:first-child{grid-column:1/-1}.result-head{display:none}.profile strong{max-width:135px;display:block}.hero h2{font-size:21px}}@media print{body>*{display:none!important}body>dialog[open]{display:block!important;position:static;width:100%;max-height:none;box-shadow:none;padding:0}dialog #close-modal,dialog .actions{display:none!important}.report{padding:0}.report td{font-size:11px}.report h2{text-align:center}dialog::backdrop{display:none}}
.nav button{position:relative;display:block;padding-left:43px;padding-bottom:12px;font-size:12px}.nav-icon{position:absolute;left:12px;top:12px}.nav-help{display:block;font-size:9px;color:#9994a9;margin-top:4px;font-weight:400;line-height:1.4}.sidebar{overflow-y:auto}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}.quick-links button{text-align:left}.quick-links small{display:block;font-size:10px;font-weight:400;margin-top:7px;color:#79738f}.badge.re-order-now,.badge.expired{background:#ffeded;color:#b64343}.badge.ready-for-collection{background:#e5f9f1;color:#20815a}.toolbar select{max-width:230px}#alert-count:not(:empty){background:#009fd0;color:white;border-radius:20px;padding:2px 6px;margin-left:8px}@media(max-width:700px){.quick-links{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}}