@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root,[data-theme=dark]{--font-family: "Poppins", system-ui, -apple-system, sans-serif;--bg-app: linear-gradient(180deg, #09090b 0%, #000000 100%);--bg-surface: #09090b;--bg-card: #121215;--bg-card-hover: #1c1c20;--bg-glass: rgba(18, 18, 21, .85);--bg-navbar: rgba(9, 9, 11, .88);--bg-sidebar: #09090b;--bg-input: #18181b;--bg-subtle: #161619;--bg-modal: #121215;--border-color: #27272a;--border-hover: #3f3f46;--border-glow: rgba(99, 102, 241, .4);--glass-border: 1px solid #27272a;--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: rgba(99, 102, 241, .18);--success: #10b981;--success-bg: rgba(16, 185, 129, .15);--success-border: rgba(16, 185, 129, .3);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgba(245, 158, 11, .3);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .15);--danger-border: rgba(239, 68, 68, .3);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .15);--info-border: rgba(59, 130, 246, .3);--text-main: #f4f4f5;--text-title: #ffffff;--text-muted: #a1a1aa;--text-subtle: #71717a;--text-inverse: #09090b;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .6);--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .8), 0 4px 12px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 40px -5px rgba(0, 0, 0, .9);--shadow-glow: 0 0 20px rgba(99, 102, 241, .35);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px}[data-theme=light]{--font-family: "Poppins", system-ui, -apple-system, sans-serif;--bg-app: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-glass: rgba(255, 255, 255, .85);--bg-navbar: rgba(255, 255, 255, .88);--bg-sidebar: #ffffff;--bg-input: #f8fafc;--bg-subtle: #f1f5f9;--bg-modal: #ffffff;--border-color: #e2e8f0;--border-hover: #cbd5e1;--border-glow: rgba(99, 102, 241, .3);--glass-border: 1px solid #e2e8f0;--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: rgba(79, 70, 229, .1);--success: #059669;--success-bg: #ecfdf5;--success-border: #a7f3d0;--warning: #d97706;--warning-bg: #fffbeb;--warning-border: #fde68a;--danger: #dc2626;--danger-bg: #fef2f2;--danger-border: #fecaca;--info: #2563eb;--info-bg: #eff6ff;--info-border: #bfdbfe;--text-main: #0f172a;--text-title: #020617;--text-muted: #64748b;--text-subtle: #94a3b8;--text-inverse: #ffffff;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .04);--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 4px 10px -2px rgba(0, 0, 0, .02);--shadow-lg: 0 20px 35px -5px rgba(0, 0, 0, .08);--shadow-glow: 0 0 18px rgba(79, 70, 229, .2)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s ease,border-color .2s ease,color .15s ease}body{font-family:var(--font-family);background:var(--bg-app);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background:transparent}.page-wrapper{padding:2rem;max-width:1400px;width:100%;margin:0 auto;animation:fadeIn .3s ease-in-out}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:var(--glass-border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-card);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .2s ease}.glass-card:hover{border-color:var(--border-hover)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.85rem;font-weight:800;letter-spacing:-.025em;color:var(--text-title);font-family:var(--font-family)}.page-subtitle{color:var(--text-muted);font-size:.925rem;margin-top:.25rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.metric-card{display:flex;align-items:center;gap:1.25rem}.metric-icon{width:52px;height:52px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.metric-info .value{font-size:1.75rem;font-weight:800;color:var(--text-title);letter-spacing:-.02em}.metric-info .label{font-size:.825rem;color:var(--text-muted);font-weight:500}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:var(--glass-border);background:var(--bg-card);box-shadow:var(--shadow-sm);width:100%}.custom-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem;white-space:nowrap}.custom-table th{background:var(--bg-subtle);padding:.9rem 1.15rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.06em;border-bottom:1px solid var(--border-color);font-family:var(--font-family)}.custom-table td{padding:.9rem 1.15rem;border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;font-family:var(--font-family)}.custom-table td.cell-wrap,.cell-wrap{white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;min-width:180px;max-width:320px;line-height:1.45}.custom-table tbody tr{transition:background-color .15s ease}.custom-table tbody tr:hover{background-color:var(--bg-card-hover)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-family:var(--font-family);white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:var(--font-family);-webkit-user-select:none;user-select:none;min-height:40px;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98159}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444459}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444473}.btn-secondary{background:var(--bg-subtle);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text-muted);font-family:var(--font-family)}.form-input,.form-select,.form-textarea{width:100%;padding:.7rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-size:.9rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;font-family:var(--font-family);min-height:42px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-content{background:var(--bg-modal);border:var(--glass-border);border-radius:var(--radius-md);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:1.5rem;box-shadow:var(--shadow-lg);color:var(--text-main);font-family:var(--font-family);animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.modal-title{font-size:1.2rem;font-weight:800;color:var(--text-title);font-family:var(--font-family)}.camera-view-box{width:100%;height:clamp(220px,40vh,320px);background:#000;border-radius:var(--radius-sm);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border:2px dashed var(--primary);box-shadow:inset 0 0 20px #000c}.camera-video,.camera-canvas{width:100%;height:100%;object-fit:cover}.viewfinder-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.viewfinder-corner{position:absolute;width:24px;height:24px;border-color:#6366f1cc;border-style:solid}.corner-tl{top:16px;left:16px;border-width:3px 0 0 3px;border-top-left-radius:4px}.corner-tr{top:16px;right:16px;border-width:3px 3px 0 0;border-top-right-radius:4px}.corner-bl{bottom:16px;left:16px;border-width:0 0 3px 3px;border-bottom-left-radius:4px}.corner-br{bottom:16px;right:16px;border-width:0 3px 3px 0;border-bottom-right-radius:4px}.mobile-menu-btn{display:none}.hide-mobile{display:inline-block}.show-mobile-inline,.mobile-sidebar-overlay{display:none}@media (max-width: 1024px){.page-wrapper{padding:1.5rem 1rem}}@media (max-width: 768px){.page-wrapper{padding:1rem .75rem}.page-header{flex-direction:column;align-items:stretch;gap:.85rem;margin-bottom:1.25rem}.page-header>div:last-child{width:100%;flex-wrap:wrap}.page-header input,.page-header select{width:100%!important;max-width:100%}.page-title{font-size:1.45rem}.page-subtitle{font-size:.85rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:1.25rem}.metric-card{padding:1rem .85rem;gap:.85rem}.metric-icon{width:44px;height:44px;font-size:1.15rem}.metric-info .value{font-size:1.4rem}.metric-info .label{font-size:.775rem}.custom-table th,.custom-table td{padding:.75rem .85rem;font-size:.825rem}.mobile-menu-btn{display:inline-flex!important}.show-mobile-inline{display:inline-block!important}.mobile-sidebar-overlay{display:block;position:fixed;top:70px;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;transition:opacity .25s ease}.mobile-sidebar-overlay.active{opacity:1;pointer-events:auto}.app-sidebar{position:fixed!important;top:70px;left:0;bottom:0;z-index:95;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:10px 0 25px #00000080}.app-sidebar.open{transform:translate(0)}}@media (max-width: 540px){.metrics-grid{grid-template-columns:1fr}.user-nav-details,.hide-mobile,.brand-text-sub{display:none!important}.glass-card{padding:1.15rem .85rem}.modal-content{padding:1.15rem .85rem;width:95vw;max-width:95vw}.btn{width:100%}}.theme-toggle-btn{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-main);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;flex-shrink:0}.theme-toggle-btn:hover{background:var(--bg-card-hover);border-color:var(--primary);color:var(--primary);transform:rotate(15deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.pulse-indicator{animation:pulseGlow 1.8s infinite}