:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;background:#f5f6fa}body,html,#root{margin:0;height:100%}body{background:#f5f6fa;color:#1c1c1e}*{box-sizing:border-box}.app-shell{display:flex;height:100vh}.sidebar{width:220px;background:#111827;color:#fff;display:flex;flex-direction:column;padding:24px 16px}.sidebar .brand{font-size:1.2rem;font-weight:600;margin-bottom:24px}.sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.nav-item{color:#d1d5db;text-decoration:none;padding:8px 12px;border-radius:8px;display:block;transition:background .2s}.nav-item:hover{background:#1f2937;color:#fff}.nav-item.active{background:#4f46e5;color:#fff}.content{flex:1;display:flex;flex-direction:column;overflow:hidden}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;box-shadow:0 1px 3px #0000001a;gap:16px}.user-info{font-weight:500}.content-body{padding:24px;overflow-y:auto}.stack{display:flex;flex-direction:column;gap:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 30px #0f172a14;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-body{display:flex;flex-direction:column;gap:16px}.metric{font-size:2.4rem;font-weight:700}.muted{color:#6b7280}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-inline{display:flex;gap:16px;align-items:flex-end}label{display:flex;flex-direction:column;font-size:.9rem;gap:6px}input,select,button{padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:.95rem}button{background:#4f46e5;color:#fff;border:none;cursor:pointer;transition:background .2s}button.secondary{background:transparent;color:#1f2937;border:1px solid rgba(31,41,55,.2)}button:disabled{opacity:.6;cursor:not-allowed}.error{color:#dc2626}.success{color:#16a34a}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;text-align:left}.data-table tr:hover{background:#f9fafb}.auth-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background:radial-gradient(circle at top,#eef2ff,#e5e7eb)}.auth-card{background:#fff;padding:32px;border-radius:20px;display:flex;flex-direction:column;gap:16px;min-width:320px;box-shadow:0 25px 50px -12px #4f46e559}.auth-card h1{margin:0;text-align:center}.status-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:500}.status-pill .status-dot{width:8px;height:8px;border-radius:50%}.status-pill.healthy{background:#dcfce7;color:#166534}.status-pill.healthy .status-dot{background:#16a34a}.status-pill.unhealthy{background:#fee2e2;color:#b91c1c}.status-pill.unhealthy .status-dot{background:#ef4444}.status-pill.unknown{background:#e5e7eb;color:#374151}.status-pill.unknown .status-dot{background:#9ca3af}.status-extra{font-size:.75rem;opacity:.8}.status-pill.loading{background:#dbeafe;color:#1d4ed8}.status-pill.loading .status-dot{background:#60a5fa;animation:pulse 1s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.toolbar-user{display:flex;align-items:center;gap:12px}.live-camera-page{display:flex;flex-direction:column;gap:24px}.live-camera-stream{display:flex;flex-direction:column;gap:8px}.live-camera-video{width:100%;max-height:420px;background:#000;border-radius:12px}.live-camera-hint{font-size:.85rem;color:#6b7280}.recognize-result{display:flex;flex-direction:column;gap:8px}.snapshot-preview{max-width:100%;border-radius:12px;border:1px solid #e5e7eb}.result{display:flex;flex-direction:column;gap:8px;padding-top:12px}