:root{--bg: #05080f;--bg2: #0b1321;--bg3: #0f1b2d;--bg4: #122038;--border: rgba(56, 189, 248, .14);--border2: rgba(56, 189, 248, .3);--accent: #38bdf8;--accent2: #0ea5e9;--green: #34d399;--amber: #fbbf24;--rose: #fb7185;--violet: #a78bfa;--orange: #f97316;--text: #e2eaf5;--muted: #64748b;--muted2: #94a3b8;--mono: "Share Tech Mono", monospace;--sans: "Barlow", sans-serif;--cond: "Barlow Condensed", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:4px}input,select,textarea{font-family:var(--sans);width:100%;background:#38bdf812;border:1px solid var(--border2);border-radius:8px;padding:10px 13px;color:var(--text);font-size:13px;outline:none;transition:border .18s}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:#38bdf81f}select option{background:var(--bg2)}textarea{resize:vertical;min-height:72px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .25s ease}.slide-up{animation:slideUp .22s ease}#root{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 768px){#app-shell{grid-template-columns:1fr!important;grid-template-rows:56px 1fr 60px!important}#sidebar{grid-row:3!important;grid-column:1!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;border-right:none!important;border-top:1px solid var(--border)!important;padding:0!important}#main-content{grid-row:2!important;padding:16px!important;overflow-y:auto!important}#topbar{padding:0 16px!important}.topbar-clock{display:none!important}.grid2,.grid3,.grid4{grid-template-columns:1fr!important}.table-wrap{overflow-x:auto}.modal{max-width:100%!important;max-height:100%!important;border-radius:0!important;height:100vh!important;margin:0!important}.modal-overlay{padding:0!important;align-items:flex-end!important}.panel-grid{grid-template-columns:1fr!important}.btn{min-height:44px}input,select,textarea{font-size:16px!important}}.nav-item-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 12px;min-width:64px;border:none;background:none;cursor:pointer;color:var(--muted);font-family:var(--cond);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:color .18s;border-top:2px solid transparent;white-space:nowrap}.nav-item-mobile.active{color:var(--accent);border-top-color:var(--accent)}.camera-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#38bdf81a;border:2px dashed rgba(56,189,248,.4);border-radius:12px;color:var(--accent);font-family:var(--cond);font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .18s}.camera-btn:hover,.camera-btn:active{background:#38bdf82e;border-color:var(--accent)}.install-banner{position:fixed;bottom:72px;left:12px;right:12px;background:var(--bg2);border:1px solid var(--border2);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;z-index:2000;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease}