@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.icon-sm{font-size:18px}.icon-md{font-size:24px}.icon-lg{font-size:32px}:root{--am-green: #00A651;--am-green-dark: #007a3a;--am-green-light: #e8f7ee;--am-red: #ED1C24;--am-red-light: #fdeaea;--yellow: #f59e0b;--blue: #3b82f6;--bg: #f4f5f7;--card: #ffffff;--text: #1a1a2e;--muted: #6b7280;--border: #e5e7eb;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--font: "Inter", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}.app-shell{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;background:var(--card);position:relative;box-shadow:0 0 40px #0000001f}.topbar{background:var(--am-green);display:flex;align-items:center;justify-content:space-between;padding:48px 16px 12px;flex-shrink:0}.topbar-logo{height:36px;width:auto}.topbar-right{display:flex;gap:10px;align-items:center}.topbar-btn{width:34px;height:34px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;border:none;cursor:pointer}.topbar-title{color:#fff;font-size:16px;font-weight:700}.screen-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.screen-scroll::-webkit-scrollbar{display:none}.bottom-nav{background:var(--card);border-top:1px solid var(--border);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));flex-shrink:0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 2px;border:none;background:transparent;font-family:var(--font);min-width:0}.nav-icon{font-size:22px;color:var(--muted)}.nav-label{font-size:9px;font-weight:600;color:var(--muted);letter-spacing:.3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item.active .nav-icon,.nav-item.active .nav-label{color:var(--am-green)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm)}.section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap}.badge-green{background:var(--am-green-light);color:var(--am-green-dark)}.badge-red{background:var(--am-red-light);color:var(--am-red)}.badge-yellow{background:#fef3c7;color:#d97706}.badge-blue{background:#eff6ff;color:#1d4ed8}.badge-gray{background:#f3f4f6;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:12px;border:none;font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--am-green);color:#fff}.btn-primary:hover{background:var(--am-green-dark)}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--am-red);color:#fff}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.dash-hero{background:linear-gradient(160deg,var(--am-green) 0%,var(--am-green-dark) 100%);padding:16px 16px 24px;color:#fff}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.kpi-card{background:#ffffff26;border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kpi-val{font-size:28px;font-weight:900;letter-spacing:-1.5px;line-height:1}.kpi-lbl{font-size:10px;opacity:.75;font-weight:500;margin-top:3px}.alert-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:background .12s}.alert-row:hover{background:#f9fafb}.alert-icon-wrap{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.overlay-wrapper{position:relative;background:#111;overflow:hidden;border-radius:12px;border:1px solid var(--border)}.overlay-wrapper img{display:block;width:100%;height:auto}.overlay-zone,.overlay-problem{position:absolute;pointer-events:none}.overlay-badge{font-size:9px;font-weight:800;padding:2px 6px;border-radius:3px;background:#000c;white-space:nowrap;line-height:1.5;display:inline-block}.camera-preview{width:100%;background:#111;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.camera-preview video,.camera-preview canvas{width:100%;height:100%;object-fit:cover}.camera-corners:before,.camera-corners:after{content:"";position:absolute;width:28px;height:28px;border-color:#ffffffb3;border-style:solid}.camera-corners:before{top:14px;left:14px;border-width:2.5px 0 0 2.5px;border-radius:2px 0 0}.camera-corners:after{bottom:14px;right:14px;border-width:0 2.5px 2.5px 0;border-radius:0 0 2px}.spinner{width:36px;height:36px;border:3px solid rgba(0,166,81,.2);border-top-color:var(--am-green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10}.loading-overlay p{font-size:13px;font-weight:600;color:var(--am-green)}.auth-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:20px;background:linear-gradient(160deg,var(--am-green) 0%,var(--am-green-dark) 40%,#005c2a 100%);color:#fff}.auth-logo{width:140px;height:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;padding:6px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--border)}.data-table td{padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.04);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px;flex-shrink:0}