:root{--bg:#f4f7fb;--surface:#fff;--surface2:#eef3f8;--text:#0f172a;--muted:#64748b;--line:#dbe3ec;--brand:#0284c7;--accent:#f59e0b;--danger:#dc2626;--shadow:0 12px 32px #0f172a12}
[hidden]{display:none!important}
html.dark{--bg:#07111f;--surface:#0d1b2d;--surface2:#13243a;--text:#e8f2ff;--muted:#91a4bc;--line:#243954;--brand:#38bdf8;--shadow:0 12px 32px #0005}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button{border:0;border-radius:12px;padding:.75rem 1rem;background:var(--brand);color:white;font-weight:750;cursor:pointer}button.secondary{background:var(--surface2);color:var(--text)}button.ghost,.icon-btn,.link{background:transparent;color:var(--text)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:.8rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0ea5e933}label{display:grid;gap:.4rem;color:var(--muted);font-weight:650}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 70% 20%,#0ea5e933,transparent 35%),#07111f}.login-card{width:min(410px,100%);text-align:center}.login-card label{text-align:left;margin-top:1rem}.login-card button{width:100%;margin-top:1.25rem}.logo{width:82px}.login-card h1{letter-spacing:.04em}.login-card h1 span{font-size:.65em;color:var(--brand)}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.25rem;box-shadow:var(--shadow)}header{height:70px;position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(1rem,calc((100vw - 1180px)/2))}header strong{display:block;letter-spacing:.1em}header small{display:block;color:var(--brand);font-weight:800;font-size:.65rem;letter-spacing:.1em}.header-actions{display:flex;align-items:center}.icon-btn{font-size:1.3rem;padding:.6rem}nav{position:fixed;z-index:10;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:.4rem env(safe-area-inset-right) calc(.4rem + env(safe-area-inset-bottom)) env(safe-area-inset-left)}nav button{background:transparent;color:var(--muted);display:grid;gap:.15rem;place-items:center;font-size:1.25rem;padding:.25rem .65rem}nav button span{font-size:.68rem}nav button.active{color:var(--brand)}main{max-width:1180px;margin:auto;padding:1.2rem 1rem 6rem}.page{display:none}.page.active{display:block}.hero{border-radius:24px;padding:2rem;background:linear-gradient(120deg,#075985,#0ea5e9);color:#fff;display:flex;align-items:end;justify-content:space-between;box-shadow:var(--shadow)}.hero h2{font-size:clamp(1.6rem,5vw,2.5rem);margin:.2rem 0}.hero p{margin:.2rem 0}.hero button{background:white;color:#075985}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:850;color:var(--brand);margin:0}.hero .eyebrow{color:#bae6fd}.muted{color:var(--muted)}.error{color:#ef4444}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1rem 0}.stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem}.stat strong{display:block;font-size:1.6rem}.stat small{color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0 .8rem}.section-title h2,.section-title h3{margin:.2rem 0}.toolbar{display:grid;grid-template-columns:1fr;gap:.6rem;margin:1rem 0}.box-grid{display:grid;gap:.75rem}.box-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;cursor:pointer}.box-number{font-weight:900;color:var(--brand);background:var(--surface2);border-radius:11px;padding:.6rem}.box-card h4{margin:0}.box-card p{margin:.2rem 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}.status{font-size:.7rem;padding:.3rem .55rem;border-radius:99px;background:#22c55e22;color:#16a34a;font-weight:800}.status.missing{background:#ef444422;color:#ef4444}.status.in_transit{background:#f59e0b22;color:#d97706}.form-grid{display:grid;gap:1rem}.wide{grid-column:1/-1}.pill{font-size:.75rem;background:var(--surface2);padding:.2rem .5rem;border-radius:99px}.big-action{width:100%;margin-top:1rem;padding:1rem}.location-tree{display:grid;gap:.75rem}.location{border-left:5px solid var(--color);background:var(--surface);border-radius:12px;padding:.8rem 1rem;margin-left:calc(var(--depth)*1rem);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.settings-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin:1rem 0}.settings-grid button{min-height:70px}.settings-grid+.card,.settings-grid~.card{margin-top:1rem}dialog{border:0;border-radius:20px;background:var(--surface);color:var(--text);padding:0;width:min(680px,calc(100% - 1.5rem));max-height:90vh;overflow:auto;box-shadow:0 30px 80px #0008}dialog::backdrop{background:#020617aa;backdrop-filter:blur(4px)}dialog>form{padding:1.5rem}.close{float:right;background:transparent;color:var(--text);font-size:1.5rem}.modal-grid{display:grid;gap:.8rem}.chips{display:flex;gap:.4rem;flex-wrap:wrap}.chip{display:flex;gap:.35rem;align-items:center;background:var(--surface2);padding:.45rem .7rem;border-radius:99px;color:var(--text);font-size:.8rem}.chip input{width:auto}.detail-head{display:flex;gap:1rem;align-items:center}.qr{width:130px;background:white;padding:.4rem;border-radius:12px}.history{border-left:2px solid var(--line);padding-left:1rem}.history p{margin:.3rem 0}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}#toast{position:fixed;z-index:30;bottom:6rem;left:50%;transform:translateX(-50%) translateY(30px);background:#0f172a;color:white;border-radius:12px;padding:.75rem 1rem;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:760px){nav{top:70px;bottom:0;right:auto;width:210px;display:block;padding:1rem;border-top:0;border-right:1px solid var(--line)}nav button{display:flex;width:100%;gap:.8rem;font-size:1rem;margin:.3rem 0;padding:.8rem}nav button span{font-size:.85rem}main{padding:2rem 2rem 3rem;margin-left:max(210px,calc((100vw - 1180px)/2 + 105px))}.stats{grid-template-columns:repeat(5,1fr)}.toolbar{grid-template-columns:1fr 200px auto}.box-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:repeat(2,1fr)}.box-card p{max-width:250px}}