:root{--navy:#102a43;--blue:#1769aa;--ice:#eef5f9;--ink:#172b3a;--muted:#647986;--line:#d8e3e9;--green:#16845b;--amber:#c57812;--red:#bc3d3d;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#f4f7f9;color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--blue);text-decoration:none}header{height:68px;padding:0 max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;background:var(--navy);color:white;gap:30px}.brand{font-size:1.25rem;color:white;letter-spacing:-.02em}.brand b{color:#63c6ee}nav{display:flex;align-items:center;gap:22px;margin-left:auto}nav a,nav button{color:#dcecf5;background:none;border:0;font:inherit;padding:8px;cursor:pointer}nav form{margin:0}.nav-toggle{display:none}.company{background:#dfeef5;color:#315568;padding:7px max(24px,calc((100% - 1240px)/2));font-size:.82rem;font-weight:650}main{max-width:1240px;margin:0 auto;padding:32px 24px 60px;min-height:calc(100vh - 130px)}footer{text-align:center;color:var(--muted);font-size:.8rem;padding:20px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.page-head h1{font-size:2rem;margin:2px 0}.page-head p{margin:4px 0;color:var(--muted)}.eyebrow{font-size:.76rem!important;font-weight:800;letter-spacing:.12em;color:var(--blue)!important}.button,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;padding:10px 16px;background:white;color:var(--ink);font-weight:700;cursor:pointer}.primary{background:var(--blue);color:white;border-color:var(--blue)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.stats article,.panel{background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px #102a4309}.stats article{padding:20px;border-top:4px solid var(--blue)}.stats .warning{border-top-color:var(--amber)}.stats .danger{border-top-color:var(--red)}.stats span{display:block;color:var(--muted);font-weight:650}.stats strong{display:block;font-size:2.5rem;line-height:1.2;margin:8px 0}.stats a{font-size:.9rem;font-weight:700}.panel{padding:22px;margin-bottom:20px}.panel h2{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--ice)}th,td{padding:13px;border-bottom:1px solid var(--line);vertical-align:top}td small,.record-list small,.user-list small{display:block;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:34px}.pill,.status{display:inline-block;border-radius:99px;padding:3px 8px;background:#e8f0f5;font-size:.76rem;text-transform:capitalize}.status.active{background:#dcf3e9;color:#116844}.status.needs_attention{background:#fff0d4;color:#895007}.status.out_of_service,.status.retired{background:#f9dddd;color:#8b2525}.search{display:flex;max-width:680px;margin-bottom:18px}.search input{border-radius:7px 0 0 7px}.search button{border-radius:0 7px 7px 0}label{display:block;font-size:.86rem;font-weight:700;color:#385263;margin-bottom:14px}input,select,textarea{width:100%;font:inherit;padding:10px 11px;margin-top:5px;border:1px solid #becdd5;border-radius:6px;background:white;color:var(--ink)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 18px}.wide{grid-column:1/-1}.actions{display:flex;gap:10px;justify-content:flex-end}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}dl{display:grid;grid-template-columns:150px 1fr;margin:0}dt,dd{padding:10px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;font-weight:650}.form-row{display:flex;gap:12px}.form-row>*{flex:1}.timeline article{display:grid;grid-template-columns:150px 1fr;gap:20px;border-left:3px solid #8cc5df;padding:3px 0 22px 18px}.timeline p{margin:5px 0}.record-list,.user-list{list-style:none;padding:0;margin:12px 0}.record-list li,.user-list li{padding:13px 0;border-bottom:1px solid var(--line)}.record-list span{float:right}.user-list li{display:flex;justify-content:space-between;align-items:center;gap:12px}.danger-button{color:var(--red)}.login-card{width:min(430px,calc(100% - 32px));margin:8vh auto;background:white;border:1px solid var(--line);border-radius:14px;padding:36px;box-shadow:0 15px 40px #102a4318}.login-card .mark{width:58px;height:58px;display:grid;place-items:center;border-radius:12px;background:var(--navy);color:#63c6ee;font-weight:900}.login-card h1{margin-bottom:0}.login-card p{color:var(--muted);margin-top:4px;margin-bottom:28px}.login-card button{width:100%}.flash{padding:12px 16px;border-radius:7px;margin-bottom:18px;background:#e3f2ea}.flash.error{background:#f9dddd;color:#8b2525}.qr-card{background:white;border:1px solid var(--line);padding:32px;text-align:center;width:min(540px,100%);margin:auto}.qr-card h1{font-size:2rem;margin-bottom:0}.qr-card h2{margin-top:0}.qr-card img{width:min(360px,100%)}.qr-card small{display:block;word-break:break-all;margin-bottom:20px}.message{max-width:620px;margin:8vh auto}@media(max-width:780px){header{height:auto;min-height:62px;flex-wrap:wrap;padding:14px 18px}.nav-toggle{display:block;margin-left:auto;color:white}nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:3px}nav.open{display:flex}.company{padding:7px 18px}main{padding:24px 14px}.page-head{align-items:flex-start;flex-direction:column}.stats,.detail-grid,.form-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}.timeline article{grid-template-columns:1fr;gap:3px}dl{grid-template-columns:120px 1fr}}@media print{header,.company,footer,.no-print{display:none!important}body,main{background:white;margin:0;padding:0}.panel,.qr-card{border:0;box-shadow:none}.qr-card{width:100%}a{color:black}}