@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&display=swap');:root{--bg:#f4f6fb;--panel:#ffffff;--panel-2:#ffffff;--primary:#066b62;--primary-strong:#045349;--sidebar:#1c2235;--text:#1d2433;--heading:#0b1726;--muted:#6c778a;--border:#e1e5ee;--border-strong:#d2d8e6;--danger:#e53935;--warning:#f3a500;--info:#1e88e5;--pill:#d9e2ef;--green:#10b981;--shadow:0px 12px 30px rgba(0,0,0,0.08);--row-ack:#e8f5ec;--row-hover:#f0f4fb;}:root[data-theme="dark"]{--bg:radial-gradient(120% 120% at 20% 20%,#1b2a4a 0%,#0e1626 40%,#0a0f1b 100%);--panel:#111827;--panel-2:#0c1422;--primary:#10b981;--primary-strong:#0b8f68;--sidebar:#0d1320;--text:#e5ecf5;--heading:#ffffff;--muted:#8ba2c5;--border:#1f2a3c;--border-strong:#27364d;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--pill:#1f2937;--green:#10b981;--shadow:0px 18px 40px rgba(0,0,0,0.35);--row-ack:#0f2317;--row-hover:#141f33;}*{box-sizing:border-box;}body{margin:0;font-family:'Manrope','Segoe UI',Tahoma,sans-serif;background:var(--bg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;color:var(--text);overflow-x:hidden;}.layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh;width:100%;}.mobile-nav-toggle{display:none;position:fixed;top:12px;left:12px;z-index:50;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);box-shadow:var(--shadow);cursor:pointer;}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:30;}.nav-overlay.visible{display:block;}.sidebar{background:var(--sidebar);color:#e7ecf7;padding:32px 24px;display:flex;flex-direction:column;gap:24px;box-shadow:inset -1px 0 0 rgba(255,255,255,0.05);position:relative;top:auto;align-self:stretch;max-height:none;overflow-y:visible;}.brand{display:flex;align-items:center;gap:12px;}.logo{background:linear-gradient(135deg,#0dd0c4,#0a8f83);width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#0c1b2e;letter-spacing:0.5px;}.brand-title{font-weight:700;text-transform:uppercase;}.brand-sub{font-size:12px;color:#9fb0c9;}.nav{display:flex;flex-direction:column;gap:8px;}.nav-section{font-size:12px;letter-spacing:0.8px;text-transform:uppercase;color:#8da2c0;margin-top:12px;}.nav-block .nav-section{margin-bottom:8px;}.nav-section.nav-client{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:6px 4px;}.nav-section.nav-client::after{content:'▸';font-size:12px;color:#8da2c0;transition:transform 0.2s ease;}.nav-section.nav-client.open::after{transform:rotate(90deg);}.nav-count{margin-left:auto;padding-left:8px;font-weight:700;color:#d9e3f6;font-size:12px;}.nav-section.nav-count-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;}.nav-section.disabled{opacity:0.45;cursor:not-allowed;pointer-events:none;}.nav-link,.nav-sub{color:#d9e3f6;text-decoration:none;padding:10px 12px;border-radius:10px;transition:all 0.2s ease;font-size:14px;}.nav-link:hover,.nav-sub:hover{background:rgba(255,255,255,0.08);}.nav-link.active{background:rgba(16,185,129,0.2);color:#fff;border:1px solid rgba(16,185,129,0.5);}.nav-sub.active{background:rgba(16,185,129,0.18);color:#fff;border:1px solid rgba(16,185,129,0.35);}.nav-link.disabled{opacity:0.45;cursor:not-allowed;pointer-events:none;}.nav-sub.disabled{opacity:0.45;cursor:not-allowed;pointer-events:none;}.nav-sublist .nav-sub{display:block;}#config-links .nav-sub{display:block;margin-bottom:6px;}#config-links .nav-sub:last-child{margin-bottom:0;}.client-nas{display:none;padding-left:6px;}.client-nas.open{display:block;}.nav-sub.nas-empty{color:#7c8da8;opacity:0.7;}.client-search-wrapper,.nav-search{width:100%;box-sizing:border-box;padding:0 8px;}.client-search,.nav-search-input{display:block;width:100%;max-width:100%;box-sizing:border-box;padding:6px 10px;border-radius:12px;border:1px solid var(--border-subtle,#2a3243);background:var(--surface-elevated,#070b14);color:inherit;text-align:center;margin:12px 0 4px;}.client-search:focus,.nav-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 1px rgba(16,185,129,0.007);outline:none;}.sidebar input[type="search"]{width:100%;max-width:100%;min-width:0;padding:6px 10px !important;border-radius:10px;border:1px solid var(--border-subtle,#2a3243);background:var(--surface-elevated,#070b14);color:inherit;margin:8px 0 4px;box-sizing:border-box;}.sidebar input[type="search"]::placeholder{color:var(--muted);}.sidebar input[type="search"]:focus::placeholder{color:transparent;}.logout{margin-top:16px;background:transparent;color:#d9e3f6;border:1px solid rgba(255,255,255,0.2);}.logout:first-child{margin-top:0;}.btn.logout.sidebar{display:block;width:100%;margin-top:8px;margin-left:0;align-self:stretch;text-align:center;background:transparent;border:1px solid rgba(255,255,255,0.28);color:#e7ecf7;font-weight:700;padding:10px 12px;border-radius:10px;}.btn.logout.sidebar:hover{background:rgba(255,255,255,0.12);color:#fff;}.user-info .btn.logout.sidebar{display:block;width:100%;margin-top:10px;text-align:center;}.nav-sublist{padding:6px 0;line-height:1.6;}.user-info{margin-top:16px;padding:10px 12px;border:1px solid rgba(255,255,255,0.08);border-radius:12px;background:rgba(255,255,255,0.03);color:#cfd8ec;line-height:1.4;font-size:13px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:16px;}.user-info span{display:block;width:100%;}.nav-block{border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:10px 8px;margin-bottom:16px;background:rgba(255,255,255,0.03);}.nav-block.clients-block{margin-top:12px;padding:12px 16px 16px;}body[data-theme="light"] .nav-block{border:1px solid #dce3f0;background:#f7f9fd;}.nav-block .nav-link{display:block;margin-bottom:6px;}.nav-block .nav-link:last-child{margin-bottom:0;}.main{padding:20px 24px 32px;display:flex;flex-direction:column;gap:16px;}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px 20px;box-shadow:var(--shadow);margin-bottom:12px;}.crumb{color:var(--muted);font-size:14px;}h1{margin:4px 0 0;font-size:24px;color:var(--heading);}.page-head p{margin:0;color:var(--muted);}.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%;}input[type="search"]{padding:12px 14px;border-radius:12px;border:1px solid var(--border);min-width:260px;background:var(--panel-2);color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none;}input[type="search"]:focus{outline:none;}input[type="search"]::placeholder{color:var(--muted);}input[type="search"]:focus::placeholder{color:transparent;}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;}input[type="search"]::-ms-clear{display:none;width:0;height:0;}input[type="search"]::after{content:'';}.search-wrap{position:relative;display:inline-block;}.search-clear-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--muted);cursor:pointer;width:20px;height:20px;line-height:20px;text-align:center;padding:0;font-size:14px;}.search-clear-btn:hover{color:var(--text);}input:focus,select:focus,textarea:focus{outline:none;box-shadow:none;}.filters input[type="search"]{flex:1 1 320px;max-width:520px;position:static;}.table-search{flex:0 0 240px;max-width:240px;min-width:200px;}.table-actions{display:flex;align-items:center;gap:10px;}.table-actions.compact{justify-content:flex-start;gap:6px;padding:4px 6px;}.btn-compact{padding:8px 12px;min-width:unset;}.pill-group{display:flex;gap:8px;flex-wrap:wrap;}.pill{border:1px solid var(--border);background:var(--pill);padding:8px 14px;border-radius:999px;color:var(--text);cursor:pointer;transition:all 0.2s ease;}.pill:hover{filter:brightness(0.97);}.pill.active{background:transparent;color:var(--primary);border-color:var(--primary);box-shadow:inset 0 0 0 2px rgba(16,185,129,0.25);}.pill-critical{border-color:var(--danger);color:var(--danger);background:#ffe6e5;}.pill-warning{border-color:var(--warning);color:#b57600;background:#fff3da;}.pill-info{border-color:var(--info);color:var(--info);background:#e5f1ff;}.pill.soft{background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.05);color:var(--muted);padding:6px 12px;font-weight:700;}.pill.soft.danger{color:#b91c1c;border-color:rgba(185,28,28,0.25);background:rgba(185,28,28,0.08);}.pill.soft.warning{color:#b45309;border-color:rgba(180,83,9,0.25);background:rgba(180,83,9,0.08);}.pill.soft.info{color:#1d4ed8;border-color:rgba(29,78,216,0.25);background:rgba(29,78,216,0.08);}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:0;}.card{background:var(--panel);border-radius:16px;padding:12px;box-shadow:var(--shadow);border:1px solid var(--border);}.card.clickable{cursor:pointer;transition:transform 0.15s ease,box-shadow 0.15s ease;user-select:none;}.card.clickable:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,0.08);}.card.clickable.card-active{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,0.15);border:2px solid var(--accent);}.toolbar{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--panel);border-radius:12px;margin-bottom:20px;box-shadow:var(--shadow);}.filter-group{display:flex;align-items:center;gap:8px;}.filter-group label{font-weight:500;color:var(--text);font-size:0.9em;}.select,select{padding:8px 32px 8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:0.95em;cursor:pointer;transition:all 0.2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;}.select:hover,select:hover{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,0.1);}.select:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,0.15);}input.rule-check,#rule-select-all{accent-color:var(--primary);width:18px;height:18px;cursor:pointer;margin:0 4px;}.row-select,#select-all-dashboard{accent-color:var(--primary);width:18px;height:18px;cursor:pointer;margin:0 4px;}.card.active-card{box-shadow:0 6px 18px rgba(0,0,0,0.18);filter:brightness(1.03);}.card-critical{background:#fff1f0;border-color:#fbd5d5;}.card-warning{background:#fff8eb;border-color:#f8e3bd;}.card-info{background:#eef5ff;border-color:#d6e4ff;}.card-neutral{background:#f3f6fb;border-color:#dfe6f3;}[data-theme="dark"] .card-critical{background:rgba(239,68,68,0.22);border-color:rgba(239,68,68,0.4);}[data-theme="dark"] .card-warning{background:rgba(245,158,11,0.22);border-color:rgba(245,158,11,0.4);}[data-theme="dark"] .card-info{background:rgba(59,130,246,0.22);border-color:rgba(59,130,246,0.4);}[data-theme="dark"] .card-neutral{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.22);}.card-critical,.card-warning,.card-info,.card-neutral{color:var(--heading);}.card-critical .label,.card-warning .label,.card-info .label,.card-neutral .label{color:var(--text);}.card-critical h2,.card-warning h2,.card-info h2,.card-neutral h2{color:var(--heading);}[data-theme="dark"] .card-critical,[data-theme="dark"] .card-warning,[data-theme="dark"] .card-info,[data-theme="dark"] .card-neutral{color:#0b1726 !important;}[data-theme="dark"] .card-critical .label,[data-theme="dark"] .card-warning .label,[data-theme="dark"] .card-info .label,[data-theme="dark"] .card-neutral .label{color:#0b1726 !important;}.collapsible-head{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:6px 8px;border-radius:10px;transition:background 0.15s ease,box-shadow 0.15s ease;user-select:none;}.collapsible-head:hover{background:rgba(255,255,255,0.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);}.collapsible-head .arrow{font-size:18px;color:var(--muted);display:inline-block;transition:transform 0.2s ease;margin-left:8px;}.collapsible-head.open .arrow{transform:rotate(90deg);}[data-theme="dark"] .card-critical h2,[data-theme="dark"] .card-warning h2,[data-theme="dark"] .card-info h2,[data-theme="dark"] .card-neutral h2{color:#0b1726 !important;}[data-theme="dark"] .card-neutral,[data-theme="dark"] .card-neutral .label,[data-theme="dark"] .card-neutral h2{color:var(--heading) !important;}.card-head{display:flex;justify-content:space-between;align-items:center;}.label{margin:0;color:var(--muted);font-size:13px;}.card h2{margin:2px 0;font-size:24px;color:var(--heading);}.card-desc{margin:0;color:var(--muted);font-size:13px;}.tag{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:#fff;}.danger{background:var(--danger);}.warning{background:var(--warning);color:#3b2f00;}.info{background:var(--info);}.neutral{background:#0f172a;}.table-panel{background:var(--panel);border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;}.main>.cards,.main>.table-panel{width:100%;max-width:100%;margin-left:0;margin-right:0;}.table-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border);min-height:80px;}.muted{color:var(--muted);}.actions{display:flex;align-items:center;gap:10px;}.btn{border:none;cursor:pointer;padding:10px 16px;border-radius:10px;background:var(--primary);color:#0b1726;font-weight:700;transition:all 0.2s ease;user-select:none;}.btn:hover{background:var(--primary-strong);color:#e9f7f1;}.btn.icon-btn{width:36px;height:36px;padding:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;}.btn.icon-btn .icon-check{display:inline-block;transform:translateY(-1px);}.btn.danger{background:#f87171;color:#0b1726;}.btn.danger:hover{background:#ef4444;color:#f8fafc;}.btn.light{background:#11c99b;color:#0b1726;}.btn.light:hover{background:#0fb991;color:#0b1726;}.shortcut-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px;}.shortcut-group .btn{text-decoration:none;}.table-subactions{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);gap:10px;}.pagination-controls{display:flex;gap:8px;}.btn.light.mini{padding:6px 10px;font-size:12px;}.btn.ghost{background:transparent;color:var(--primary);border:1px solid var(--primary);}.btn.ghost:hover{background:rgba(16,185,129,0.12);color:var(--primary-strong);}.btn.ghost.danger{background:#f87171;border-color:#ef4444;color:#0b1726;}.btn.ghost.danger:hover{background:#ef4444;color:#f8fafc;}.btn:disabled,.btn.disabled{opacity:0.6;cursor:not-allowed;}.btn.danger{background:#c62828;}.btn.danger:hover{background:#a81f1f;}.btn.ghost{background:transparent;color:var(--primary);border:1px solid var(--primary);}.table-wrapper{overflow-x:auto;}table{width:100%;border-collapse:collapse;font-size:14px;}th,td{padding:12px 12px;border-bottom:1px solid var(--border);text-align:left;}.dense th,.dense td{padding:10px 10px;}.rules-table thead tr{border-bottom:1px solid var(--border-strong);}.rules-table thead th{border-bottom:none;}.rules-table .sev-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px;}.rules-table .sev-high{background:rgba(248,113,113,0.12);color:#f87171;border:1px solid rgba(248,113,113,0.4);}.rules-table .sev-medium{background:rgba(252,211,77,0.18);color:#c2830a;border:1px solid rgba(252,211,77,0.5);}.rules-table .sev-info{background:rgba(96,165,250,0.15);color:#60a5fa;border:1px solid rgba(96,165,250,0.4);}.rules-table .rules-check-col{width:200px;text-align:center;}.rules-table .rules-check-col input{transform:translateY(1px);}.rules-table .keyword-col{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sortable{cursor:pointer;user-select:none;}.sort-indicator{font-size:11px;opacity:0.7;}th{color:var(--muted);text-transform:uppercase;letter-spacing:0.6px;font-size:12px;}.row-ack{background:var(--row-ack);}tbody tr:hover{background:var(--row-hover);}.mini-list{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px;}.mini-list li{color:var(--heading);font-size:13px;display:flex;justify-content:space-between;align-items:center;}.mini-list .muted{color:var(--muted);}.mini-list .last-seen{color:var(--muted);font-size:12px;}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px;background:#1f2937;color:#e5ecf5;border:1px solid var(--border);}.chip.critical{background:rgba(239,68,68,0.15);color:#ff8686;border-color:rgba(239,68,68,0.4);}.chip.warning{background:rgba(245,158,11,0.16);color:#ffd280;border-color:rgba(245,158,11,0.4);}.chip.info{background:rgba(59,130,246,0.16);color:#9cc4ff;border-color:rgba(59,130,246,0.4);}.chip .dot{width:10px;height:10px;border-radius:50%;display:inline-block;}.dot.critical{background:#e53935;}.dot.warning{background:#f3a500;}.dot.info{background:#1e88e5;}.chip.gravity-low{background:#e6f8f0;color:#0f7f4c;}.chip.gravity-medium{background:#fff4e0;color:#b36b00;}.chip.gravity-high{background:#ffe3e3;color:#c62828;}.chip.gravity-info{background:#e4f2ff;color:#1565c0;}.dot.gravity-low{background:#10b981;}.dot.gravity-medium{background:#f3a500;}.dot.gravity-high{background:#e53935;}.dot.gravity-info{background:#1e88e5;}.status{padding:6px 10px;border-radius:10px;font-weight:700;display:inline-block;}.status.open{background:#fff6d8;color:#9c6a00;}.status.closed{background:#e8fff4;color:#0d7a55;}body.compact .main{gap:12px;padding:20px 24px 32px;}body.compact th,body.compact td{padding:10px 12px;}body.compact table.dense{font-size:13px;}.card.mini{padding:14px;}.btn.mini{padding:6px 10px;font-size:12px;}.actions-cell{display:flex;gap:6px;align-items:center;}.clip{max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.task-col{max-width:700px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px 20px;}.form-grid.condensed{grid-template-columns:repeat(auto-fit,minmax(180px,280px));}.layout-grid-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.permissions-form{padding:16px 20px;display:flex;flex-direction:column;gap:16px;}.permissions-title{margin:0 0 8px;font-size:14px;color:var(--heading);}.permissions-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.permissions-checklist fieldset{border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;}.permissions-checklist legend{font-size:12px;text-transform:uppercase;letter-spacing:0.6px;color:var(--muted);font-weight:600;padding:0 6px;}.permissions-checklist label{display:flex;align-items:center;gap:8px;font-size:14px;}.permissions-checklist input[type="checkbox"]{width:16px;height:16px;accent-color:var(--primary);}.field-label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px;}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);}.form-grid input,.form-grid select,.form-grid textarea{padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;}.raw-box{background:#0f172a;color:#c7d2fe;padding:12px;border-radius:10px;overflow-x:auto;max-height:240px;}.code-box{background:var(--panel-2);color:var(--text);padding:10px;border-radius:10px;border:1px solid var(--border);display:flex;gap:8px;align-items:center;flex-wrap:wrap;}.theme-toggle{position:fixed;bottom:18px;right:18px;z-index:20;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:10px 12px;box-shadow:var(--shadow);cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:700;}.theme-toggle:hover{filter:brightness(1.05);}.login-layout{min-height:100vh;display:grid;place-items:center;background:var(--bg);}.login-card{width:420px;background:var(--panel);padding:30px;border-radius:22px;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;gap:16px;}.login-card h1{margin:0;color:var(--heading);}.login-card label{color:var(--muted);font-size:14px;margin-bottom:4px;display:inline-block;}.login-card input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);}.login-card input:focus{outline:2px solid rgba(16,185,129,0.4);}.login-card .checkbox-row{display:flex;align-items:center;gap:8px;}.login-card .checkbox-row input[type="checkbox"]{width:auto;margin-right:8px;}.login-hero{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;}.login-blur{position:absolute;width:420px;height:420px;background:radial-gradient(circle at 30% 20%,rgba(16,185,129,0.25),transparent 55%),radial-gradient(circle at 70% 80%,rgba(59,130,246,0.2),transparent 55%);filter:blur(60px);z-index:1;}.floating{position:relative;z-index:2;}.hero-brand{gap:14px;}.login-head h1{font-size:28px;margin-bottom:4px;}.login-head p{margin:0;}.login-form{display:flex;flex-direction:column;gap:14px;}.form-row{display:flex;flex-direction:column;gap:6px;}.btn.full{width:100%;margin-top:4px;}.error-text{color:#ef4444;min-height:20px;margin:0;}@media (max-width:980px){.layout{grid-template-columns:1fr;}.sidebar{position:fixed;z-index:40;left:0;top:0;height:100vh;transform:translateX(-100%);transition:transform 0.25s ease;max-width:280px;width:80%;flex-direction:column;padding:18px 16px;gap:10px;overflow-y:auto;}.sidebar.open{transform:translateX(0);}.sidebar .btn.logout.sidebar{width:100%;align-self:stretch;text-align:center;}.nav{flex-direction:column;flex-wrap:nowrap;}.nav-section{width:100%;}.nav-block{width:100%;}.nav-link,.nav-sub{padding:9px 10px;}.main{padding:72px 16px 32px;}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}.table-head,.page-head,.filters{flex-direction:column;align-items:flex-start;}.actions{flex-wrap:wrap;}.mobile-nav-toggle{display:inline-flex;align-items:center;gap:6px;}}@media (max-width:640px){.page-head{flex-direction:column;align-items:flex-start;}input[type="search"]{width:100%;}.layout{grid-template-columns:1fr;}.cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}.table-panel{border-radius:14px;}.profile-card{padding:14px 16px;}.profile-card.identity{grid-template-columns:1fr;}.main{max-width:100vw;overflow-x:hidden;}.table-wrapper{margin:0 -4px;padding:0 4px;}table{min-width:520px;}}.profile-hero{display:flex;flex-direction:column;gap:14px;}.profile-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow);}.profile-card.identity{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;}.profile-avatar{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#10b981,#3b82f6);color:#0b1726;display:grid;place-items:center;font-weight:800;font-size:24px;letter-spacing:0.4px;}.profile-headings h1{margin:4px 0;}.profile-meta{display:flex;gap:10px;align-items:center;}.pill-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:rgba(16,185,129,0.15);color:var(--heading);font-weight:700;border:1px solid rgba(16,185,129,0.35);text-transform:capitalize;}.profile-contact{margin-top:6px;color:var(--heading);display:flex;gap:8px;align-items:baseline;font-size:14px;}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;}.profile-card-head h3{margin:2px 0 4px;}.profile-card-head .muted{margin:0;}.form-grid.tight{grid-template-columns:1fr;gap:10px;padding:14px 0 8px;}.profile-card .form-grid.tight label{max-width:320px;width:100%;}.profile-hint{margin-top:8px;color:var(--muted);font-size:13px;}.profile-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 2px 0;}.profile-actions .muted{min-height:18px;}@media (max-width:768px){.profile-card.identity{grid-template-columns:1fr;text-align:left;}.profile-actions{flex-direction:column;align-items:flex-start;}}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}[type=number]{-moz-appearance:textfield;}.preview-box{border:1px solid var(--border);border-radius:10px;background:var(--panel-2);padding:12px;font-size:13px;line-height:1.5;color:var(--text);white-space:pre-wrap;}.preview-box h4{margin:0 0 6px;}.template-toolbar{display:flex;gap:6px;margin:0 20px 6px;}.template-toolbar button{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;}.template-toolbar button:hover{background:rgba(255,255,255,0.08);}.template-toolbar .inline-control{display:inline-flex;align-items:center;gap:6px;}.template-toolbar select{padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);}.template-toolbar input[type="color"]{width:38px;height:32px;padding:4px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);cursor:pointer;appearance:none;}.template-toolbar input[type="color"]::-webkit-color-swatch{border-radius:6px;border:1px solid var(--border);}.template-toolbar input[type="color"]::-moz-color-swatch{border-radius:6px;border:1px solid var(--border);}.recipient-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;}.recipient-chooser{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}.recipient-options{display:flex;flex-wrap:wrap;gap:8px;width:auto;}.recipient-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid var(--border);font-size:13px;cursor:pointer;transition:background 0.15s ease,border 0.15s ease;}.recipient-chip.selected{background:rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.5);}.recipient-add{display:flex;gap:8px;align-items:center;width:320px;}.recipient-add input{flex:1;max-width:260px;}[data-locked="true"] input,[data-locked="true"] select,[data-locked="true"] textarea{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);color:#7f8ba3;}[data-theme="dark"] [data-locked="true"] input,[data-theme="dark"] [data-locked="true"] select,[data-theme="dark"] [data-locked="true"] textarea{background:#0b1220;border-color:rgba(255,255,255,0.06);color:#7f8ba3;}[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#0f172a;color:#e5ecf5;border-color:var(--border-strong);}.form-grid.four-cols{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}.active-filters{font-size:13px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;}.active-filters .chip{background:rgba(0,0,0,0.05);color:var(--heading);border:1px solid var(--border);font-weight:600;padding:5px 8px;}.active-filters .chip.critique{background:rgba(239,68,68,0.15);border-color:rgba(239,68,68,0.35);color:#b91c1c;}.active-filters .chip.warning{background:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.35);color:#b45309;}.active-filters .chip.info{background:rgba(59,130,246,0.15);border-color:rgba(59,130,246,0.35);color:#1d4ed8;}.active-filters .chip.search{background:rgba(16,185,129,0.12);border-color:rgba(16,185,129,0.35);color:var(--heading);}.quickconnect-group{display:inline-flex;align-items:center;gap:4px;background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.2);border-radius:12px;padding:2px;}.quickconnect-btn{display:inline-flex;align-items:center;font-weight:600;font-size:14px;padding:8px 14px !important;border-radius:10px !important;background:#11c99b !important;color:#0b1726 !important;border:none !important;box-shadow:0 2px 6px rgba(16,185,129,0.15);transition:all 0.2s ease;}.quickconnect-btn:hover{background:#0fb991 !important;box-shadow:0 4px 10px rgba(16,185,129,0.25);transform:translateY(-1px);}.quickconnect-btn svg{flex-shrink:0;}.quickconnect-btn.disabled{opacity:0.5;cursor:not-allowed !important;}.edit-qc-btn{padding:8px !important;border-radius:10px !important;background:transparent !important;border:none !important;color:var(--primary) !important;transition:all 0.2s ease;}.edit-qc-btn:hover{background:rgba(16,185,129,0.12) !important;color:var(--primary-strong) !important;}.edit-qc-btn svg{display:block;}[data-theme="dark"] .quickconnect-group{background:rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.3);}[data-theme="dark"] .quickconnect-btn{background:var(--primary) !important;color:#0b1726 !important;}[data-theme="dark"] .quickconnect-btn:hover{background:var(--primary-strong) !important;}.form-control{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--heading);font-family:inherit;font-size:14px;width:100%;box-sizing:border-box;}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,0.1);}textarea.form-control{font-family:'Consolas','Monaco','Courier New',monospace;resize:vertical;}#data-body td,#query-body td,#data-head th,#query-head th{max-width:none;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 12px;}#data-body td:hover,#query-body td:hover{white-space:normal;overflow:visible;word-break:break-word;background:rgba(16,185,129,0.05);position:relative;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,0.1);padding:8px;}#data-head,#query-head{position:sticky;top:0;background:var(--panel);z-index:5;}.table-wrapper.db-scroll{max-height:500px;overflow-x:scroll !important;overflow-y:auto;width:100%;border:1px solid var(--border);border-radius:8px;display:block;}.table-wrapper.db-scroll table{display:table;width:auto !important;table-layout:auto !important;}@media (max-width:1600px){body.compact .main{padding:16px 16px 24px;gap:10px;}.table-panel{padding:14px 16px;}.table-head{flex-direction:column;align-items:flex-start;gap:10px;}.table-head h3{font-size:16px;margin:0;}.table-head p.muted{font-size:12px;margin:0;}.table-actions{display:flex;gap:8px;width:100%;}#table-select{flex:1;min-width:0;}.cards{gap:10px;}.card.mini{padding:12px 14px;}.card.mini h2{font-size:22px;}#data-body td,#query-body td,#data-head th,#query-head th{max-width:150px;min-width:60px;font-size:13px;padding:6px 8px;}.pagination-controls{display:flex;gap:8px;align-items:center;font-size:13px;}textarea.form-control{font-size:13px;padding:10px;}.table-wrapper.db-scroll{max-height:400px;}.page-head h1{font-size:24px;}.page-head p{font-size:13px;}}@media (max-width:1200px){#data-body td,#query-body td,#data-head th,#query-head th{max-width:120px;min-width:50px;font-size:12px;padding:5px 6px;}.table-wrapper{max-width:100%;overflow-x:auto !important;}.table-panel{padding:12px;}.table-wrapper.db-scroll{max-height:350px;}}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:100;align-items:center;justify-content:center;padding:20px;}.modal-content{background:var(--panel);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.3);}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border);}.modal-header h3{margin:0;font-size:20px;}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px;}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;}.badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;}.badge-success{background:rgba(16,185,129,0.15);color:var(--green);}.badge-muted{background:var(--pill);color:var(--muted);}.btn.small{padding:6px 12px;font-size:13px;}.btn.danger{color:var(--danger);}.btn.danger:hover{background:rgba(239,68,68,0.1);}table a{color:inherit;text-decoration:none;}table a:hover{text-decoration:underline;}body,.sidebar,.main,.panel,.table-panel,.card,.nav-link,.btn,.modal-content{transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.main{animation:fadeIn 0.4s ease-out;}.cards .card{animation:fadeIn 0.5s ease-out backwards;}.cards .card:nth-child(1){animation-delay:0.05s;}.cards .card:nth-child(2){animation-delay:0.1s;}.cards .card:nth-child(3){animation-delay:0.15s;}.cards .card:nth-child(4){animation-delay:0.2s;}.table-panel{animation:fadeIn 0.5s ease-out;}tbody tr{transition:background-color 0.2s ease,transform 0.15s ease;}tbody tr:hover{transform:translateX(2px);}.modal{transition:opacity 0.2s ease;}.modal[style*="display:flex"]{animation:modalFadeIn 0.3s ease-out;}@keyframes modalFadeIn{from{opacity:0;}to{opacity:1;}}.modal-content{animation:modalSlideIn 0.3s ease-out;}@keyframes modalSlideIn{from{opacity:0;transform:scale(0.95) translateY(-20px);}to{opacity:1;transform:scale(1) translateY(0);}}.btn{transition:all 0.2s ease;}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.btn:active{transform:translateY(0);}.nav-link,.nav-sub{transition:all 0.2s ease;}.nav-link:hover,.nav-sub:hover{transform:translateX(4px);}.badge{transition:all 0.2s ease;}.form-control{transition:border-color 0.2s ease,box-shadow 0.2s ease;}.form-control:focus{box-shadow:0 0 0 3px rgba(6,107,98,0.1);}[data-theme="dark"] .form-control:focus{box-shadow:0 0 0 3px rgba(16,185,129,0.15);}.nav-overlay{transition:opacity 0.3s ease;opacity:0;}.nav-overlay.visible{opacity:1;}@media (max-width:900px){.sidebar{transition:transform 0.3s ease;}}.theme-toggle{transition:all 0.3s ease;}.theme-toggle:hover{transform:scale(1.05) rotate(5deg);}@keyframes skeleton-pulse{0%,100%{opacity:1;}50%{opacity:0.4;}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--border-strong) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px;display:inline-block;}@keyframes skeleton-loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.skeleton-row{display:flex;gap:12px;padding:16px;align-items:center;}.skeleton-text{height:16px;background:var(--border);border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite;}.skeleton-text.short{width:80px;}.skeleton-text.medium{width:150px;}.skeleton-text.long{width:250px;}.skeleton-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;}.skeleton-table{display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:8px;overflow:hidden;}.skeleton-table-row{display:flex;gap:16px;padding:16px;background:var(--panel);}.skeleton-circle{width:40px;height:40px;border-radius:50%;background:var(--border);animation:skeleton-pulse 1.5s ease-in-out infinite;}#silent-list{max-height:200px;overflow-y:auto;}