:root{--bg:#f6f7fb;--card:#fff;--muted:#6b7280;--accent:#14b8a6;--pad:16px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7fb;background:var(--bg);color:#0f1724;margin:0}.app-shell{display:flex;flex-direction:column;min-height:100vh}.nav{align-items:center;background:linear-gradient(90deg,#fffc,#fff0);border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 20px}.brand{color:#14b8a6;color:var(--accent);font-size:18px;font-weight:700;margin-right:12px}.nav-left{gap:12px}.nav-left,.nav-right{align-items:center;display:flex}.nav-right{gap:8px}.btn{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.btn:hover{background:#f9fafb}.btn:disabled{cursor:not-allowed;opacity:.5}.btn.primary{background:#14b8a6;background:var(--accent);border:0;color:#fff}.btn.primary:hover{background:#0d9488}.btn.ghost{background:#0000;border:1px dashed #ddd}.auth-page{align-items:center;background:linear-gradient(180deg,#f8fafc,#f6f7fb);background:linear-gradient(180deg,#f8fafc 0,var(--bg) 100%);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.auth-video-bg{object-fit:cover;z-index:0}.auth-video-bg,.auth-video-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.auth-video-overlay{background:#0006;z-index:1}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 30px #091e424d;padding:28px;position:relative;width:420px;z-index:2}.auth-card h1{font-size:22px;margin:0 0 6px}.auth-form{display:flex;flex-direction:column;gap:8px;margin-top:12px}.auth-form input{border:1px solid #e6e9ef;border-radius:10px;font-size:14px;padding:12px}.alert{background:#fff4f4;border-radius:8px;color:#8a1f1f;padding:10px}.dashboard{align-items:flex-start;display:flex;gap:18px;max-width:100%;padding:20px;width:100%}.filters{background:#fff;background:var(--card);border-radius:10px;box-shadow:0 6px 20px #0a14280a;height:-webkit-fit-content;height:fit-content;padding:16px;position:-webkit-sticky;position:sticky;top:16px;transition:all .18s ease;width:260px}.filters.open{transform:translateY(0)}.filter-group{margin-bottom:14px}.filter-label{color:#374151;display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.filter-input{border:1px solid #e5e7eb;border-radius:6px;font-size:13px;margin-bottom:6px;padding:8px 10px;transition:border-color .2s;width:100%}.filter-input:focus{border-color:#14b8a6;border-color:var(--accent);box-shadow:0 0 0 3px #14b8a61a;outline:none}.main{display:flex;flex:1 1;flex-direction:column;gap:18px;min-width:0;width:100%}.kpi-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.kpi-card{align-items:center;background:#fff;background:var(--card);border-radius:12px;box-shadow:0 6px 20px #0a14280a;display:flex;gap:14px;padding:18px;transition:transform .2s}.kpi-card:hover{box-shadow:0 8px 24px #0a142814;transform:translateY(-2px)}.kpi-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.kpi-content{flex:1 1}.kpi-label{color:#6b7280;color:var(--muted);font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.kpi-value{color:#111827;font-size:28px;font-weight:700}.card{background:#fff;background:var(--card);border-radius:10px;box-shadow:0 6px 20px #0a14280a;padding:16px;width:100%}.card-title{color:#6b7280;color:var(--muted);font-size:13px;font-weight:600;margin-bottom:6px}.card-value{font-size:20px;font-weight:700}.charts{display:flex;gap:14px;width:100%}.chart{flex:1 1;min-width:260px;width:100%}.table-card{overflow:hidden;padding:0}.table-header{align-items:center;border-bottom:1px solid #f2f2f2;display:flex;justify-content:space-between;padding:12px 16px}.table-wrap{padding:14px}.table-scroll{overflow-x:auto}.table{border-collapse:collapse;min-width:800px;width:100%}.table td,.table th{border-bottom:1px solid #f2f2f2;color:#111827;font-size:13px;padding:12px 10px;text-align:left}.table th{background:#f9fafb;color:#374151;font-weight:600}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{background:#f3f4f6}.table tbody tr:hover{background:#fafafa}.small-input{border:1px solid #e6e9ef;border-radius:6px;padding:6px 8px;width:80px}.mono{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:12px}.badge{background:#f3f4f6;padding:4px 8px}.badge,.status-badge{border-radius:6px;font-size:12px;font-weight:500}.status-badge{display:inline-block;padding:4px 10px}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.neutral{background:#f3f4f6;color:#6b7280}.muted{color:#6b7280;color:var(--muted);font-size:13px}.text-center{text-align:center}.mt-2{margin-top:8px}.mb-2{margin-bottom:8px}.pagination{align-items:center;border-top:1px solid #f2f2f2;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 16px}.pagination-info{color:#6b7280;color:var(--muted);font-size:13px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-select{border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 10px}.page-indicator{color:#374151;font-size:13px;font-weight:500;padding:0 8px}.spinner{animation:spin .8s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top:4px solid var(--accent);height:40px;margin:0 auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.scan-cards{display:none}.scan-card{background:#fff;border:1px solid #f2f2f2;border-radius:8px;box-shadow:0 2px 8px #0000000a;margin-bottom:12px;padding:14px;transition:box-shadow .2s}.scan-card:active{box-shadow:0 4px 12px #00000014}.scan-card-row{align-items:flex-start;border-bottom:1px solid #f9fafb;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.scan-card-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.scan-card-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.scan-card-value{color:#111827;font-size:13px;word-break:break-word}.filter-toggle,.scan-card-value.large{font-size:14px;font-weight:600}.filter-toggle{background:#14b8a6;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;margin-bottom:12px;padding:12px;transition:background .2s;width:100%}.filter-toggle:active{background:#0d9488}.filter-toggle-icon{display:inline-block;margin-left:8px;transition:transform .2s}.filter-toggle-icon.open{transform:rotate(180deg)}.filters.collapsed .btn,.filters.collapsed .filter-group{display:none}.filters.collapsed{background:#0000;border:none;box-shadow:none;padding:0}@media (max-width:1024px){.kpi-cards{gap:12px;grid-template-columns:repeat(2,1fr)}.kpi-value{font-size:24px}.kpi-label{font-size:11px}.filters{width:240px}.chart{min-width:200px}}@media (max-width:900px){.dashboard{flex-direction:column}.filters{margin-bottom:16px;max-width:100%;position:static;width:100%}.charts{flex-direction:column}.chart{min-width:100%}}@media (max-width:767px){.dashboard,.main{max-width:100%;width:100%}.kpi-cards{gap:10px;grid-template-columns:1fr;width:100%}.kpi-card{padding:14px;width:100%}.kpi-icon{height:40px;width:40px}.kpi-label{font-size:11px}.kpi-value{font-size:22px}.charts{gap:12px;width:100%}.chart{height:auto;min-width:100%;width:100%}.chart>div:last-child{height:200px!important;width:100%!important}.card{max-width:100%;width:100%}.table-header{align-items:flex-start;flex-direction:column;gap:8px}.table-header .btn,.table-header>div{width:100%}.table-scroll{display:none}.scan-cards{display:block;width:100%}.table-wrap{max-width:100%;width:100%}.pagination{align-items:flex-start;flex-direction:column;gap:10px}.pagination-info{text-align:center;width:100%}.pagination-controls{flex-wrap:wrap;justify-content:center;width:100%}.pagination-select{flex:1 1;min-width:120px}.page-indicator{order:1;text-align:center;width:100%}.pagination-controls button{flex:1 1;min-width:80px}.filter-group{margin-bottom:12px}.filter-input{font-size:16px;padding:10px}.filter-toggle{display:block}.filters h3{display:none}.card{padding:12px}.card-title{font-size:12px}}@media (max-width:599px){.dashboard{padding:12px}.dashboard,.main{gap:12px;max-width:100%;width:100%}.kpi-cards{gap:8px;margin-bottom:12px;width:100%}.kpi-card{gap:10px;padding:12px;width:100%}.kpi-icon{height:36px;width:36px}.kpi-icon svg{height:20px;width:20px}.kpi-label{font-size:10px;margin-bottom:2px}.kpi-value{font-size:20px}.charts{gap:10px;width:100%}.chart{min-width:100%;padding:12px;width:100%}.chart>div:last-child{height:180px!important;width:100%!important}.card-title{font-size:11px;margin-bottom:8px}.card{max-width:100%;width:100%}.filters{margin-bottom:12px;padding:12px}.filters:not(.collapsed){background:#fff;background:var(--card);border-radius:10px;box-shadow:0 6px 20px #0a14280a}.filter-label{font-size:11px}.filter-input{-webkit-appearance:none;appearance:none;font-size:16px;padding:10px}.filter-input:focus{border-color:#14b8a6;border-color:var(--accent);box-shadow:0 0 0 3px #14b8a61a;outline:none}.btn{min-height:44px;touch-action:manipulation}.btn:active{transform:scale(.98)}.scan-card{margin-bottom:10px;padding:12px}.scan-card-row{margin-bottom:6px;padding-bottom:6px}.scan-card-label{font-size:10px}.scan-card-value{font-size:12px}.pagination{padding:12px}.pagination-controls{flex-direction:column;gap:8px}.pagination-controls>*{width:100%}.page-indicator,.pagination-select{order:0}.nav{background:#fff;border-bottom:1px solid #eee;flex-wrap:wrap;padding:10px 12px;position:-webkit-sticky;position:sticky;row-gap:8px;top:0;z-index:100}.nav-left{flex-wrap:wrap}.nav-left,.nav-right{display:flex;gap:8px;width:100%}.nav-right{justify-content:flex-end;margin-top:4px}.brand{font-size:16px}.nav .btn{font-size:13px;min-height:36px;padding:8px 12px}.table-header{padding:10px 12px}.table-wrap{padding:12px}}@media (max-width:374px){.kpi-value{font-size:18px}.kpi-label{font-size:9px}.scan-card-value{font-size:11px}.chart>div:last-child{height:160px!important}}.user-management{margin:0;max-width:none;padding:20px 32px;width:100%}.user-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.user-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.user-avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#06b6d4);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.role-badge{color:#fff;display:inline-block;font-weight:600}.role-badge,.status-toggle{border-radius:6px;font-size:12px;padding:4px 10px}.status-toggle{border:none;cursor:pointer;font-weight:500;transition:all .2s}.status-toggle.active{background:#d1fae5;color:#065f46}.status-toggle.inactive{background:#fee2e2;color:#991b1b}.status-toggle:hover{opacity:.8}.action-buttons{display:flex;gap:6px}.btn-icon{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:4px 8px;transition:background .2s}.btn-icon:hover{background:#f3f4f6}.btn-icon.danger:hover{background:#fee2e2}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-small{max-width:400px}.modal-header{align-items:center;border-bottom:1px solid #f2f2f2;display:flex;justify-content:space-between;padding:20px}.modal-header h2{font-size:20px;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.modal-close:hover{background:#f3f4f6}.modal-body{padding:20px}.modal-footer{border-top:1px solid #f2f2f2;display:flex;gap:10px;justify-content:flex-end;padding:20px}.form-group{margin-bottom:16px}.form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select{width:100%}.info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0c4a6e;font-size:13px;margin-top:16px;padding:12px}@media (max-width:768px){.user-management{padding:12px}.user-management-header{align-items:flex-start;flex-direction:column;gap:12px}.user-management-header button{width:100%}.user-filters{flex-direction:column}.user-filters input,.user-filters select{max-width:100%!important;width:100%!important}.action-buttons{flex-direction:column}.modal{margin:0;max-width:100%}}
/*# sourceMappingURL=main.375ac5a2.css.map*/