:root{--navy:#0b1f44;--blue:#1268f3;--teal:#0dba91;--amber:#f5a524;--red:#e5484d;--bg:#f6f8fc;--surface:#fff;--text:#14213d;--muted:#667085;--border:#e3e8f2}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;height:100vh;padding:24px 16px;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:8px;margin-bottom:34px;font-size:18px;font-weight:750;display:flex}.brand span{background:var(--blue);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.sidebar nav{gap:7px;display:grid}.sidebar button{color:#cdd8ed;text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:12px 14px}.sidebar button:hover,.sidebar button.active{background:var(--blue);color:#fff}.sidebar button.logout{color:#ffb8b8;margin-top:24px}.content{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.eyebrow{color:var(--muted);margin:0 0 6px;font-size:13px}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:28px}h2{margin-bottom:5px;font-size:17px}.status{border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.status.warning{color:#855300;background:#fff3d6}.status.success{color:#08755d;background:#dff8f0}.status.info{color:#0b55c4;background:#e3efff}.status.danger{color:#a52328;background:#ffe7e8}.success-text{color:#078b6d}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.summary-grid article,.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 6px 20px #0d27500d}.summary-grid article{gap:8px;padding:18px;display:grid}.summary-grid small,.summary-grid span,.panel p{color:var(--muted)}.summary-grid strong{font-size:17px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.kpi-grid.compact-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-grid article{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:7px;padding:18px;display:grid;box-shadow:0 6px 20px #0d27500d}.kpi-grid span,.kpi-grid small{color:var(--muted)}.kpi-grid strong{color:var(--navy);font-size:25px}.workspace{grid-template-columns:minmax(0,1fr) 330px;gap:16px;display:grid}.panel{padding:18px}.panel-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px;display:flex}.panel-heading p{margin-bottom:0;font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 10px}th{color:var(--muted);background:#f9fafe;font-weight:650}td input{accent-color:var(--blue);margin-right:7px}.right-column{align-content:start;gap:16px;display:grid}.link-box{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border);color:var(--muted);border-radius:9px;margin:13px 0;padding:10px;font-size:12px;overflow:hidden}.validation{color:#08755d;background:#e5faf4;border-radius:10px;gap:4px;padding:12px;display:grid}.validation span{font-size:12px}.timeline ol{gap:14px;margin:16px 0 0;padding:0;list-style:none;display:grid}.timeline li{color:var(--muted);padding-left:24px;position:relative}.timeline li:before{content:"";background:#d5dbe6;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:0}.timeline li.done:before{background:var(--teal)}.timeline li.current{color:var(--text);font-weight:700}.timeline li.current:before{background:var(--blue);box-shadow:0 0 0 4px #dce9ff}.timeline li small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:400;display:block}.right-column button{color:#fff;background:var(--blue);border:0;border-radius:11px;padding:14px 18px;font-weight:750;box-shadow:0 8px 18px #1268f338}.action-card{gap:13px;display:grid}.progress-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.progress-heading p{margin-bottom:0;font-size:13px}.progress-heading strong{color:var(--blue);font-size:20px}.action-card progress{width:100%;height:9px;accent-color:var(--blue);border:0;border-radius:999px;overflow:hidden}.requirement-note,.ready-note{border-radius:9px;padding:10px 11px;font-size:13px}.requirement-note{color:#855300;background:#fff5df}.ready-note{color:#08755d;background:#e5faf4}.checkin-done{color:#08755d;background:#dff8f0;border:0;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:750}.error-banner,.form-error{color:#a52328;background:#fff1f1;border:1px solid #ffc4c6;border-radius:10px;padding:11px 13px}.error-banner{margin-bottom:16px}.success-banner{color:#08755d;background:#e5faf4;border:1px solid #a7ead8;border-radius:10px;margin-bottom:16px;padding:11px 13px}.login-page{background:radial-gradient(circle at top, #e7f0ff, var(--bg) 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);background:#fff;border-radius:18px;gap:16px;width:min(430px,100%);padding:28px;display:grid;box-shadow:0 20px 55px #0d27501f}.login-card .brand.dark{color:var(--navy);margin-bottom:8px}.login-card label,.inventory-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:650;display:grid}.login-card input,.inventory-form input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:11px 12px}.login-card input:focus,.inventory-form input:focus{border-color:var(--blue);outline:2px solid #b9d2ff}.login-card>button,.inventory-form>button{color:#fff;background:var(--blue);border:0;border-radius:11px;padding:13px 16px;font-weight:750}.table-action,.back-button{color:var(--blue);background:0 0;border:0;font-weight:700}.back-button{padding:0 0 10px}.inventory-grid{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:16px;display:grid}.inventory-form{gap:13px;display:grid}.inventory-form p{margin-bottom:2px;font-size:13px}.form-message{color:#37506e;background:#eef4ff;border-radius:9px;padding:10px;font-size:13px}.button-stack,.compact-form{gap:10px;display:grid}.button-stack .danger-button{background:var(--red)}.compact-form label{color:var(--muted);gap:5px;font-size:12px;font-weight:650;display:grid}.compact-form input,.compact-form select,.compact-form textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;padding:9px 10px}.compact-form>button{color:#fff;background:var(--blue);border:0;border-radius:9px;padding:11px;font-weight:700}.muted-text{color:var(--muted)}.list-toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.list-toolbar .search-field{flex:1}.list-toolbar input,.list-toolbar select,.list-toolbar>select{border:1px solid var(--border);width:100%;min-height:42px;color:var(--text);background:#fff;border-radius:10px;padding:9px 12px}.list-toolbar>select{width:min(230px,100%)}.list-toolbar>span{color:var(--muted);white-space:nowrap;font-size:13px}.empty-cell{color:var(--muted);text-align:center;padding:34px 12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}code{color:#37506e;background:#eef4ff;border-radius:5px;padding:3px 6px;font-size:11px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #1268f34d}@media (max-width:1050px){.summary-grid,.kpi-grid{grid-template-columns:repeat(2,1fr)}.workspace,.inventory-grid{grid-template-columns:1fr}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{z-index:10;height:auto;padding:10px 12px;position:sticky;top:0}.sidebar .brand{margin:0 0 9px;font-size:14px}.sidebar .brand span{width:30px;height:30px}.sidebar nav{gap:6px;display:flex;overflow-x:auto}.sidebar button{flex:none;width:auto;padding:9px 11px;font-size:12px}.sidebar button.logout{margin-top:0}.content{padding:18px}.summary-grid,.kpi-grid,.kpi-grid.compact-kpis{grid-template-columns:1fr}.list-toolbar{flex-direction:column;align-items:stretch}.list-toolbar>select{width:100%}.topbar{flex-direction:column;align-items:flex-start}}