:root{color:#162033;font-synthesis:none;--navy:#0c1526;--gold:#d9b85f;--blue:#2457e6;--border:#dce2ec;--muted:#687286;background:#f3f5f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}aside{color:#dbe4f4;background:var(--navy);flex-direction:column;height:100vh;padding:24px 15px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 9px 25px;display:flex}.brand>span{color:#111b2c;background:linear-gradient(145deg,#f0d98e,#b99035);border-radius:50%;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:22px;font-weight:900;display:grid}.brand strong{letter-spacing:.12em;font-size:14px}.brand small{color:var(--gold);letter-spacing:.18em;margin-top:3px;font-size:9px;display:block}nav{gap:17px;display:grid;overflow:auto}nav section>p{color:#75829a;letter-spacing:.16em;margin:0 10px 6px;font-size:9px;font-weight:800}nav button,.logout{color:#aebbd0;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;height:38px;padding:0 11px;font-size:12px;font-weight:650;display:flex}nav button:hover,nav button.active{color:#fff;background:#1b2b47}.logout{border-top:1px solid #263652;border-radius:0;margin-top:auto}main>header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:18px;height:78px;padding:0 30px;display:flex}main>header h1{margin:2px 0 0;font-size:22px}main>header small,.panel header small{color:var(--blue);letter-spacing:.15em;font-size:9px;font-weight:850}.header-actions{align-items:center;gap:18px;display:flex}.header-actions>span{text-align:right;font-size:12px;display:grid}.header-actions>span small{color:var(--muted);letter-spacing:0;margin-top:2px;font-weight:500}.header-actions select{border:1px solid var(--border);background:#fff;border-radius:6px;height:38px;padding:0 10px}.content{padding:26px 30px 48px}.metrics{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px;display:grid}.metrics article{border:1px solid var(--border);background:#fff;border-radius:12px;gap:7px;padding:20px;display:grid;box-shadow:0 6px 20px #1f2a3d08}.metrics small{color:var(--muted);letter-spacing:.1em;font-size:9px;font-weight:800}.metrics strong{font-size:28px}.metrics span{color:var(--muted);font-size:11px}.panel{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:18px;padding:21px;box-shadow:0 6px 20px #1f2a3d08}.panel>header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:17px;display:flex}.panel h2{margin:3px 0 0;font-size:16px}.panel-copy{color:var(--muted);font-size:12px}.inline-form,.item-form{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.inline-form input,.inline-form select,.item-form input,.item-form select,.posting-form input,.posting-form select{border:1px solid var(--border);background:#fff;border-radius:5px;height:38px;padding:0 10px}.inline-form button,.item-form button,.posting-form button,.login form button,.filter-bar button,.button-row button,.scanner button,.recall-form button,.pager button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:5px;height:38px;padding:0 14px;font-weight:750}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.card-grid article{border:1px solid var(--border);background:#fafbfc;border-radius:8px;gap:5px;padding:15px;display:grid}.card-grid small{color:var(--blue);letter-spacing:.1em;font-size:9px;font-weight:800}.card-grid span{color:var(--muted);font-size:11px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid #edf0f4;padding:11px 10px}td>small{color:var(--muted);margin-top:3px;display:block}th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.tag{color:#38506f;background:#eef3f9;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:800;display:inline-flex}.positive{color:#16834a}.negative{color:#c23939}.posting-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:900px;display:grid}.posting-form label{color:#4f596c;gap:6px;font-size:11px;font-weight:700;display:grid}.posting-form button{align-self:end}.error,.success{border-radius:6px;padding:11px 13px;font-size:12px}.error{color:#b42318;background:#fff0ef}.success{color:#087443;background:#ecfdf3}.state{min-height:300px;color:var(--muted);border:1px dashed var(--border);background:#fff;border-radius:12px;align-content:center;place-items:center;gap:10px;display:grid}.login{background:radial-gradient(circle at 50% 0, #243652, var(--navy) 65%);place-items:center;min-height:100vh;padding:24px;display:grid}.login>section{background:#fff;border-radius:14px;width:min(430px,100%);padding:38px;box-shadow:0 28px 80px #0006}.login .brand{padding:0 0 26px}.login .brand strong{color:#162033}.login .eyebrow{color:var(--blue);letter-spacing:.18em;margin:0;font-size:10px;font-weight:850}.login h1{margin:7px 0;font-size:32px}.login>section>p:not(.eyebrow,.error){color:var(--muted)}.login form{gap:15px;margin-top:26px;display:grid}.login label{gap:7px;font-size:12px;font-weight:700;display:grid}.login input{border:1px solid var(--border);border-radius:6px;height:42px;padding:0 11px}.login form button{height:42px}.trace-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.trace-metrics article{border:1px solid var(--border);border-left:3px solid var(--gold);background:#fff;border-radius:7px;gap:6px;padding:14px 16px;display:grid}.trace-metrics small{color:var(--muted);letter-spacing:.08em;font-size:9px;font-weight:800}.trace-metrics strong{font-size:20px}.trace-panel h3{margin:24px 0 10px;font-size:13px}.filter-bar,.button-row,.scanner,.scanner form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-bar{margin-bottom:16px}.filter-bar input,.filter-bar select,.scanner input{border:1px solid var(--border);border-radius:5px;min-width:220px;height:38px;padding:0 10px}.secondary,.button-row .secondary,.scanner .secondary{color:#30415c;background:#eef2f7}.create-box{border:1px solid var(--border);border-radius:8px;margin:14px 0;padding:12px}.create-box summary{cursor:pointer;font-weight:750}.create-box .item-form{justify-content:flex-start;margin-top:14px}.create-box label{color:var(--muted);gap:4px;font-size:10px;display:grid}.check{align-items:center;gap:6px;display:flex!important}.check input{width:auto;height:auto}.table-wrap{overflow:auto}.clickable{cursor:pointer}.clickable:hover{background:#f7f9fc}.status{color:#3d4b60;background:#f5f7fa;border:1px solid #cfd8e5;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:850;display:inline-flex}.status.available,.status.open,.status.contained{color:#087443;background:#ecfdf3;border-color:#a6e8c8}.status.qc_hold{color:#805b00;background:#fff8df;border-color:#eed48a}.status.blocked,.status.expired,.status.danger,.status.critical{color:#b42318;background:#fff0ef;border-color:#ffc9c3}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.detail-grid article{border:1px solid var(--border);background:#f8fafc;border-radius:6px;gap:5px;padding:12px;display:grid}.detail-grid small{color:var(--muted);text-transform:uppercase;font-size:9px}.detail-grid strong{overflow-wrap:anywhere;font-size:11px}.trace-card{text-align:left;border:1px solid var(--border);cursor:pointer;background:#fafbfc;border-radius:8px;gap:5px;padding:14px;display:grid}.trace-card small{color:var(--blue)}.trace-card span{color:var(--muted)}.recall-form{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.recall-form input,.recall-form select,.recall-form textarea{border:1px solid var(--border);border-radius:5px;min-height:38px;padding:9px 10px}.recall-form fieldset{border:1px solid var(--border);grid-column:1/-1;max-height:180px;overflow:auto}.recall-form button{width:max-content}.scanner video{background:#0c1526;border-radius:6px;width:240px;max-height:180px}.pager{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;font-size:11px;display:flex}.pager button:disabled,.button-row button:disabled{cursor:not-allowed;opacity:.45}.empty{text-align:center;color:var(--muted);padding:30px}.split-view{grid-template-columns:minmax(260px,.75fr) minmax(420px,1.6fr);gap:16px;display:grid}.document-list,.detail-sections,.comparison{align-content:start;gap:8px;display:grid}.document-card{text-align:left;width:100%;color:inherit;border:1px solid var(--border);cursor:pointer;background:#fafbfc;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.document-card.selected{border-color:var(--blue);box-shadow:0 0 0 2px #2457e61a}.document-card span:first-child{gap:4px;display:grid}.document-card small,.detail-title small{color:var(--blue);letter-spacing:.08em;font-size:9px;font-weight:800}.detail-card{border:1px solid var(--border);background:#fafbfc;border-radius:10px;padding:18px}.detail-title,.comparison>div{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-title h3{margin:4px 0;font-size:18px}.detail-card>p{color:var(--muted);font-size:12px}.detail-sections{margin-top:16px}.detail-sections details,.comparison>div{border:1px solid var(--border);background:#fff;border-radius:7px;padding:10px 12px}.detail-sections summary{cursor:pointer;font-size:11px;font-weight:800}.mini-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.mini-form input,.mini-form select{border:1px solid var(--border);border-radius:5px;height:36px;padding:0 9px}.mini-form button,.comparison button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:5px;height:36px;padding:0 12px;font-weight:750}.line-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.line-grid article{border:1px solid var(--border);background:#fff;border-radius:6px;gap:5px;padding:11px;display:grid}.line-grid small{color:var(--muted);overflow-wrap:anywhere}.comparison{margin-top:16px}.comparison h4{margin:0 0 4px}.comparison>div{align-items:center;font-size:11px}.state.compact{min-height:150px}.procurement-form{max-width:900px}@media print{aside,main>header,.filter-bar,.create-box,.scanner,.button-row{display:none!important}.app-shell{display:block}.content{padding:0}.panel{box-shadow:none;border:0}}@media (width<=980px){.app-shell{grid-template-columns:82px 1fr}aside{padding-inline:10px}.brand strong,nav p,nav button:not(.active){font-size:0}.brand{padding-inline:8px}.brand>span{flex:none}nav button{justify-content:center}.logout{justify-content:center;font-size:0}.metrics,.card-grid{grid-template-columns:repeat(2,1fr)}.trace-metrics{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}.split-view{grid-template-columns:1fr}.panel>header{flex-direction:column;align-items:stretch}}@media (width<=680px){.app-shell{display:block}aside{width:100%;height:auto;padding:10px;display:block;position:static}.brand{padding:3px 8px 10px}.brand strong{display:block}nav{display:flex;overflow:auto}nav section{display:flex}nav section>p{display:none}nav button,nav button:not(.active){width:max-content;font-size:11px}.logout{display:none}main>header{height:auto;padding:14px 16px}.header-actions>span{display:none}.content{padding:16px}.metrics,.card-grid,.posting-form,.trace-metrics,.detail-grid,.recall-form,.mini-form,.line-grid{grid-template-columns:1fr}.panel{padding:16px}.panel>header{gap:12px}.inline-form,.item-form{grid-template-columns:1fr;display:grid}table{min-width:680px}.panel{overflow:auto}}