:root{--bg-start:#0f172a;--bg-mid:#1e1b4b;--bg-end:#0b1120;--card:#fff;--text:#0f172a;--muted:#475569;--primary:#7c3aed;--primary-hover:#6d28d9;--secondary:#06b6d4;--success-bg:#dcfce7;--success-text:#166534;--error-bg:#fee2e2;--error-text:#991b1b;--radius:16px;--shadow:0 16px 40px #0f172a47}*{box-sizing:border-box}body{background:radial-gradient(circle at top right,#1d4ed8 0,#0000 40%),radial-gradient(circle at top left,#06b6d4 0,#0000 42%),linear-gradient(160deg,#0f172a,#1e1b4b 55%,#0b1120);background:radial-gradient(circle at top right,#1d4ed8 0,#0000 40%),radial-gradient(circle at top left,#06b6d4 0,#0000 42%),linear-gradient(160deg,var(--bg-start),var(--bg-mid) 55%,var(--bg-end));color:#0f172a;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh}.page-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:32px 16px}.card{background:#fff;background:var(--card);border-radius:16px;border-radius:var(--radius);box-shadow:0 16px 40px #0f172a47;box-shadow:var(--shadow);max-width:780px;padding:28px;width:100%}.auth-card{max-width:560px}.page-title{font-size:30px;line-height:1.2;margin:0 0 10px}.page-subtitle{color:#475569;color:var(--muted);margin:0 0 20px}.highlight{background:linear-gradient(90deg,#7c3aed24,#06b6d424);border-radius:12px;color:#1e1b4b;font-weight:600;margin:16px 0 18px;padding:14px}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:760px){.form-grid.two{grid-template-columns:1fr 1fr}}label{grid-gap:6px;color:#1f2937;display:grid;font-size:14px;gap:6px}input,select,textarea{border:1px solid #cbd5e1;border-radius:10px;font-size:15px;outline:none;padding:11px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#7c3aed;border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed29}.input-valid{border-color:#22c55e}.input-invalid{border-color:#ef4444}.field-hint{font-size:12px;font-weight:600;margin-top:4px}.hint-valid{color:#166534}.hint-invalid{color:#991b1b}textarea{min-height:96px;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.btn-link,button{align-items:center;border:0;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:10px 16px;text-decoration:none}button{background:#7c3aed;background:var(--primary);color:#fff}button:hover{background:#6d28d9;background:var(--primary-hover)}button:disabled{cursor:not-allowed;opacity:.55}.btn-secondary{background:#e2e8f0;color:#0f172a}.btn-secondary:hover{background:#cbd5e1}.btn-link{background:#0000;color:#7c3aed;color:var(--primary);padding:0}.links-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.message{border-radius:10px;font-weight:600;margin-top:12px;padding:11px 12px}.message.error{background:#fee2e2;background:var(--error-bg);color:#991b1b;color:var(--error-text)}.message.success{background:#dcfce7;background:var(--success-bg);color:#166534;color:var(--success-text)}.qr-panel{background:#f8fafc;border:1px dashed #94a3b8;border-radius:12px;margin:6px 0 12px;padding:14px}.qr-row{grid-gap:8px;display:grid;gap:8px}@media (min-width:760px){.qr-row{grid-template-columns:1fr 1fr}}.segment{border:1px solid #cbd5e1;border-radius:10px;display:inline-flex;overflow:hidden}.segment button{background:#f8fafc;border-radius:0;color:#1e293b;padding:10px 14px}.segment button.active{background:#06b6d4;background:var(--secondary);color:#082f49}.camera-preview{background:#0f172a;border:1px solid #cbd5e1;border-radius:12px;max-height:320px;object-fit:cover;width:100%}.camera-status{color:#334155;font-weight:600;margin:0}.list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin-top:12px;padding:0}.list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.list-item h4{margin:0 0 6px}.list-empty{color:#475569;color:var(--muted);margin-top:12px}.legal-card{max-width:920px}.legal-updated{color:#475569;color:var(--muted);font-size:14px;margin-top:-6px}.legal-content{grid-gap:10px;display:grid;gap:10px;line-height:1.6;margin-top:10px}.legal-content h3{margin:8px 0 4px}.legal-content ul{margin:0;padding-left:20px}.consent-box{grid-gap:8px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;display:grid;gap:8px;margin-top:8px;padding:12px}.consent-item{align-items:flex-start;color:#0f172a;display:flex;font-size:14px;gap:8px}.consent-item input{margin-top:2px;width:auto}.consent-item a{color:#4f46e5}.audit-grid{grid-gap:10px;display:grid;gap:10px;margin-top:12px}.dashboard-layout{background:#f8fafc;display:flex;min-height:100vh}.dashboard-sidebar{background:#0f172a;color:#fff;display:flex;flex-direction:column;height:100vh;padding:24px 0;position:-webkit-sticky;position:sticky;top:0;width:260px}.sidebar-header{align-items:center;display:flex;gap:12px;padding:0 24px 32px}.sidebar-header h3{font-size:1.25rem;letter-spacing:-.025em;margin:0}.logo-icon{align-items:center;background:#7c3aed;background:var(--primary);border-radius:10px;display:flex;height:36px;justify-content:center;width:36px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{align-items:center;color:#94a3b8;display:flex;font-weight:500;gap:12px;padding:12px 24px;text-decoration:none;transition:all .2s}.nav-item.active,.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{border-right:3px solid #7c3aed;border-right:3px solid var(--primary)}.dashboard-main{flex:1 1;overflow-y:auto;padding:32px 40px}.main-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.main-header h1{color:#0f172a;font-size:1.875rem;letter-spacing:-.025em;margin:0}.main-header p{color:#64748b;margin:4px 0 0}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;padding:24px}.stat-card.total{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.stat-card.total .label{color:#fffc}.stat-icon{align-items:center;background:#7c3aed1a;border-radius:12px;color:#7c3aed;color:var(--primary);display:flex;height:48px;justify-content:center;width:48px}.stat-icon.secondary{background:#06b6d41a;color:#06b6d4;color:var(--secondary)}.stat-icon.success{background:#10b9811a;color:#10b981}.stat-data .label{color:#64748b;display:block;font-size:.875rem;margin-bottom:4px}.stat-data .value{font-size:1.5rem;font-weight:700;margin:0}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.chart-container{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:24px}.chart-container.wide{grid-column:span 1}@media (min-width:1200px){.chart-container.wide{grid-column:span 2}}.chart-header{align-items:center;color:#0f172a;display:flex;gap:10px;margin-bottom:24px}.chart-header h3{font-size:1.125rem;font-weight:600;margin:0}.chart-wrapper{margin-top:10px}.loc-list{display:flex;flex-direction:column;gap:16px}.loc-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-bottom:12px}.loc-info{display:flex;flex-direction:column}.loc-info strong{color:#1e293b;font-size:.95rem}.loc-info span{color:#64748b;font-size:.85rem}.loc-value{color:#0f172a;font-weight:700}.loader-container{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.dashboard-sidebar{width:80px}.nav-item span,.sidebar-header h3{display:none}.nav-item{justify-content:center;padding:16px 0}.dashboard-main{padding:24px}}@media (max-width:768px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{height:auto;padding:12px 0;position:relative;width:100%}.sidebar-header{margin-bottom:0;padding-bottom:12px}.sidebar-nav{flex-direction:row;justify-content:space-around}.nav-item{padding:8px}.nav-item.active{border-bottom:3px solid #7c3aed;border-bottom:3px solid var(--primary);border-right:none}}