:root{color:#eef6ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#07111d;--bg-deep:#040a12;--surface:#121f30ad;--surface-strong:#192b40c7;--surface-soft:#93c5fd12;--stroke:#aed5ff2e;--stroke-strong:#aed5ff57;--text:#eef6ff;--muted:#9bb0c4;--accent:#78bcff;--accent-strong:#b4dcff;--danger:#ff8997;--success:#82e4b1;--warning:#ffd579;--glass-blur:blur(18px);--shadow:0 18px 52px #00000047;background:#07111d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg-deep);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background-color:#0000;background-image:radial-gradient(circle at 8% 0,#4391ff2e,#0000 34rem),radial-gradient(circle at 94% 10%,#57d6bc1c,#0000 30rem),linear-gradient(135deg,#07111d 0%,#091827 48%,#050b14 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0}body:before{content:"";pointer-events:none;opacity:.23;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000 80%);mask-image:linear-gradient(#000000a6,#0000 80%)}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex}.app-sidebar{z-index:20;border-right:1px solid var(--stroke);min-height:100vh;-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(#0b1a2adb,#050e18c2);flex-direction:column;flex:0 0 244px;padding:20px 12px;display:flex;position:sticky;top:0;box-shadow:14px 0 48px #00000024}.app-brand{border-bottom:1px solid var(--stroke);align-items:center;gap:10px;margin:0 4px 12px;padding:7px 14px 22px;display:flex}.app-brand-mark{color:#062038;background:linear-gradient(135deg, var(--accent-strong), var(--accent));border-radius:9px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:900;display:grid;box-shadow:0 0 22px #78bcff57}.app-nav{flex:1;align-content:start;gap:4px;padding:4px;display:grid}.app-nav-link{min-height:42px;color:var(--muted);border:1px solid #0000;border-radius:11px;align-items:center;padding:10px 13px;font-size:14px;font-weight:550;text-decoration:none;transition:color .18s,background .18s,border-color .18s,transform .18s;display:flex}.app-nav-link:hover{color:var(--text);border-color:var(--stroke);background:#81c0ff17;text-decoration:none;transform:translate(2px)}.app-nav-link.active{color:#eef8ff;box-shadow:inset 3px 0 0 var(--accent), 0 8px 24px #4a99f41c;background:linear-gradient(100deg,#5da8ff38,#5396e112);border-color:#79beff47}.app-user{border-top:1px solid var(--stroke);margin:12px 4px 0;padding:16px 13px 4px}.app-user-name{color:var(--text);margin:0 0 3px;font-size:13px;font-weight:650}.app-user-role{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:700}.app-signout{border:1px solid var(--stroke);width:100%;color:var(--muted);cursor:pointer;background:#ffffff06;border-radius:9px;padding:9px 12px;transition:all .18s}.app-signout:hover{color:var(--text);border-color:var(--stroke-strong);background:#ffffff12}.app-content{flex:1;min-width:0;overflow-y:auto}.screen-shell{width:min(1180px,100% - 72px);margin:0 auto;padding:clamp(36px,5vw,68px) 0 72px}.screen-shell header{margin-bottom:30px}.screen-shell h1{color:var(--text);letter-spacing:-.035em;margin:4px 0 9px;font-size:clamp(30px,3.2vw,42px);line-height:1.12}.screen-shell h2,.screen-shell h3{color:var(--text)}.screen-shell p{color:var(--muted);line-height:1.55}.screen-shell header>p:last-child{max-width:660px;margin-top:0;font-size:15px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800;color:var(--accent)!important}.panel{border:1px solid var(--stroke);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0e;-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(135deg,#16283db8,#0b19289e);border-radius:17px;padding:24px}.raised{background:linear-gradient(135deg,#243e5bc4,#132438b3)}.panel+.panel{margin-top:18px}.button{color:#061524;cursor:pointer;background:linear-gradient(135deg,#8ac8ff,#5b9de2);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:10px 16px;font-weight:750;transition:transform .18s,filter .18s,box-shadow .18s;display:inline-flex;box-shadow:0 9px 20px #4794e12e,inset 0 1px #ffffff4d}.button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 12px 25px #4794e140,inset 0 1px #ffffff4d}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.button:focus-visible,.app-nav-link:focus-visible,.app-signout:focus-visible,.tab-bar button:focus-visible,.tab-btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.button--outline{border-color:var(--stroke);color:var(--text);box-shadow:none;background:#ffffff09}.button--outline:hover:not(:disabled){border-color:var(--stroke-strong);color:var(--accent-strong);background:#7ebeff1a}.button--danger{color:#290b12;background:linear-gradient(135deg,#ff9aa5,#e76e7d)}.button--danger:hover:not(:disabled){filter:brightness(1.08)}.button--sm{min-height:32px;padding:6px 12px;font-size:13px}.input{border:1px solid var(--stroke);width:100%;min-height:42px;color:var(--text);background:#030d1880;border-radius:10px;padding:10px 12px;transition:border-color .18s,box-shadow .18s,background .18s}.input:hover{border-color:#aed5ff4d}.input:focus{border-color:var(--accent);background:#081727b3;outline:none;box-shadow:0 0 0 3px #78bcff29,0 8px 22px #00000021}.input::placeholder{color:#6f8498}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:32px}textarea.input{resize:vertical;min-height:90px}.form-field{gap:8px;margin-bottom:17px;display:grid}.form-field>span{color:#d8e8f7;font-size:13px;font-weight:650}.form-field small{color:var(--muted);font-size:12px}.auth-card{max-width:460px}.status-chip{border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:750;display:inline-flex}.status-chip--positive{color:var(--success);background:#44c28226;border-color:#82e4b133}.status-chip--info{color:#a7d5ff;background:#4b9dee29;border-color:#8fc8ff33}.status-chip--warning{color:var(--warning);background:#de9e2a29;border-color:#ffd57938}.status-chip--danger{color:var(--danger);background:#ef5c7029;border-color:#ff899740}.status-chip--neutral,.badge{border-color:var(--stroke);color:#c3d3e2;background:#afcae11a}.badge{border-radius:7px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:650;display:inline-flex}.empty-state{justify-content:space-between;align-items:center;gap:16px;display:flex}.empty-state p{margin:0}.error-summary{border:1px solid #ff899747;border-left:4px solid var(--danger);color:#ffb5bf;background:#6f1e2f52;border-radius:11px;margin-bottom:16px;padding:12px 16px;font-size:14px}.skeleton{background:linear-gradient(100deg,#ffffff0d,#91c5ff29,#ffffff0d) 0 0/220% 100%;border-radius:7px;height:14px;margin:10px 0;animation:1.6s infinite shimmer;display:block}.toast{border:1px solid var(--stroke-strong);z-index:1000;max-width:min(420px,100% - 48px);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#14283de0;border-radius:12px;padding:14px 18px;position:fixed;bottom:24px;right:24px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong);text-decoration:underline}.table,.report-table,.act-table,.overdue-table{border-collapse:collapse;width:100%}.table th,.report-table th,.act-table th{text-align:left;color:#a8bed2;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid var(--stroke);padding:11px 12px;font-size:11px;font-weight:750}.table td,.report-table td,.act-table td{color:#e2edf7;border-bottom:1px solid #aed5ff1a;padding:12px;font-size:14px}.table tr:hover td,.report-table tr:hover td,.act-table tr:hover td{background:#89c9ff0e}.tab-bar,.tabs{border-bottom:1px solid var(--stroke);flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:24px;padding:0 4px;display:flex}.tab-bar button,.tab-btn,.tab-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 14px;font-size:14px;font-weight:650;transition:color .18s,background .18s,border-color .18s}.tab-bar button:hover,.tab-btn:hover,.tab-button:hover{color:var(--text);background:#7ebeff14}.tab-bar button.active,.tab-btn.active,.tab-button.active{color:var(--accent-strong);border-bottom-color:var(--accent);background:#7ebeff1a}.search-bar,.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.report-table{font-size:13.5px}.metric-card,.notif-card,.booking-card,.asset-tile,.lost-asset-card,.blocker-item{border:1px solid var(--stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1b314aa1,#0c1b2b94);box-shadow:0 10px 25px #0000001f,inset 0 1px #ffffff0a}.metric-card{border-radius:13px}.notif-card,.booking-card,.asset-tile,.lost-asset-card,.blocker-item{border-radius:12px}.modal-overlay,.mr-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01080fb3!important}.mr-modal,.modal,[role=dialog]{box-shadow:var(--shadow), inset 0 1px 0 #ffffff0f}@keyframes shimmer{to{background-position:-220% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}@media (width<=900px){.app-sidebar{flex-basis:204px}.screen-shell{width:min(100% - 40px,1180px)}}@media (width<=680px){.app-shell{display:block}.app-sidebar{border-right:0;border-bottom:1px solid var(--stroke);min-height:auto;padding:12px;position:static}.app-brand{margin-bottom:8px;padding-bottom:12px}.app-nav{gap:4px;padding-bottom:3px;display:flex;overflow-x:auto}.app-nav-link{flex:none;min-height:36px;padding:8px 11px;font-size:12px}.app-user{display:none}.screen-shell{width:min(100% - 28px,1180px);padding-top:30px}.screen-shell h1{font-size:30px}.panel{border-radius:14px;padding:18px}.filter-bar>*{flex:180px}.empty-state{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}