body{background:#040811;margin:0;font-family:Inter,Segoe UI,Tahoma,sans-serif}#root{min-height:100vh}:root{--bg:#040811;--panel:#0a1220;--panel-2:#0d1728;--line:#1d2b45;--text:#d7e3ff;--muted:#7890b8;--accent:#f5b22f;--good:#1be5c7;--bad:#ff4d67}*{box-sizing:border-box}.login-shell{background:radial-gradient(circle at top right, #102445 0%, var(--bg) 48%);place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{width:min(420px,100%);color:var(--text);background:linear-gradient(#0d1728,#0a111f);border:1px solid #2a3245;border-radius:16px;gap:12px;padding:24px;display:grid}.login-stack{gap:10px;width:min(420px,100%);display:grid}.login-brand-logo{filter:brightness(1.03)contrast(1.08)drop-shadow(0 6px 14px #00000047);background:linear-gradient(#eef5fff5,#dce9fceb);border:1px solid #b0c5e7b3;border-radius:8px;width:auto;height:46px;margin:0 auto 6px;padding:6px 10px;display:block}.login-card h1{color:#eaf2ff;margin:4px 0 0;font-size:1.7rem}.login-card p{color:var(--muted);margin:0}.login-card label{gap:6px;display:grid}.login-card label span{text-transform:uppercase;letter-spacing:1.2px;color:#90a8d3;font-size:.78rem}.login-card input{color:#d7e3ff;background:#121d31;border:1px solid #243653;border-radius:10px;outline:none;height:40px;padding:0 12px}.login-card input.input-error{border-color:#ff4d67;box-shadow:0 0 0 2px #ff4d6729}.field-error{color:#ff6f86;letter-spacing:.2px;margin-top:2px;font-size:.74rem}.input-hint{color:#8da6cf;letter-spacing:.15px;margin-top:2px;font-size:.73rem}.login-error{color:#ff9aa8;background:#ff4d671a;border:1px solid #ff6f8666;border-radius:8px;margin:0;padding:8px 10px;font-size:.85rem}.login-success-card{background:radial-gradient(circle at 100% 0,#1be5c726,#0000 55%),linear-gradient(#0d222cf2,#081821f5);border:1px solid #1be5c759;border-radius:12px;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex;position:relative;box-shadow:0 10px 24px #00000047,inset 0 0 0 1px #1be5c714}.login-success-close{color:#9debd8;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:1rem;line-height:1;position:absolute;top:8px;right:10px}.login-success-close:hover{color:#dcfff5}.login-success-icon{color:#05261c;background:linear-gradient(#2af0d1,#1cc8ae);border-radius:999px;flex-shrink:0;place-items:center;width:28px;height:28px;font-weight:700;display:grid;box-shadow:0 0 10px #27eacc73}.login-success-card strong{color:#dcfff5;letter-spacing:.2px;font-size:.9rem;display:block}.login-success-card p{color:#9debd8;margin:2px 0 0;font-size:.8rem}.login-signup-api-wrap{flex-direction:column;align-items:flex-start;gap:6px;margin:10px 0 0;display:flex}.login-signup-api-label{color:#b9e7dd;font-size:.72rem;font-weight:500;display:block}.login-signup-api-key{word-break:break-all;color:#e8fff8;background:#00000040;border:1px solid #1be5c740;border-radius:8px;width:100%;padding:8px 10px;font-size:.72rem;display:block}.login-btn{width:100%;margin-top:4px}.login-extra-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;display:flex}.login-link-btn{color:#9db7e5;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.82rem;text-decoration:underline}.login-link-btn:hover{color:#c7dbff}.login-link-btn.signup-link{color:var(--accent)}.login-modal-backdrop{z-index:60;background:#01040ab8;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.login-modal-card{background:linear-gradient(#0f192c,#0b1221);border:1px solid #243653;border-radius:12px;gap:12px;width:min(560px,100%);padding:20px;display:grid}.login-modal-card h3{color:#fff;margin:0;font-size:1.1rem}.login-modal-card p{color:var(--muted);margin:0;font-size:.84rem}.login-modal-card input{color:#d7e3ff;background:#121d31;border:1px solid #243653;border-radius:8px;outline:none;height:38px;padding:0 10px}.login-modal-field{gap:6px;display:grid}.login-modal-field span{text-transform:uppercase;letter-spacing:1.1px;color:#90a8d3;font-size:.78rem}.password-input-wrap{width:100%;position:relative}.password-input-wrap input{width:100%;padding-right:44px}.password-eye-btn{color:#9fb8e2;cursor:pointer;background:0 0;border:none;padding:2px;font-size:1rem;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-eye-btn:hover{color:#d1e3ff}.login-modal-actions{justify-content:flex-end;gap:8px;display:flex}.crm-shell{background:radial-gradient(circle at top right, #102445 0%, var(--bg) 42%);min-height:100vh;color:var(--text);border:1px solid #2a3245;border-radius:14px;grid-template-columns:260px 1fr;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:#070d1a;flex-direction:column;gap:14px;min-height:0;padding:16px 12px;display:flex}.sidebar-nav-sections{flex:1;min-height:0;padding-right:2px;overflow-y:auto}.brand-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.sidebar .brand-logo{filter:brightness(1.03)contrast(1.08)drop-shadow(0 6px 14px #00000047);object-fit:contain;box-sizing:border-box;background:linear-gradient(#eef5fff5,#dce9fceb);border:1px solid #b0c5e7b3;border-radius:8px;flex-shrink:0;width:auto;max-width:min(220px,100%);height:46px;padding:6px 10px;display:block}.menu-chip{background:var(--accent);color:#141415;cursor:pointer;border:none;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.brand{letter-spacing:.3px;font-size:1.55rem;font-weight:700}.brand span{color:var(--accent)}.group-title{color:var(--muted);letter-spacing:2px;margin:14px 0 2px;font-size:.64rem}.nav-group+.nav-group{margin-top:10px}.nav-links{flex-direction:column;gap:6px;display:flex}.nav-link{color:#c9daff;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:9px 10px;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:block}.nav-link:hover{background:#ffffff0a}.nav-link.active{color:var(--accent);background:#f5b22f1a;border-color:#6c4f1e;font-weight:600}.user-card{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:8px;padding-top:10px;display:flex;position:relative}.avatar{background:var(--accent);color:#251f0e;border-radius:999px;place-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:grid}.user-card strong{font-size:.85rem}.user-card p{color:var(--muted);margin:2px 0 0;font-size:.78rem}.user-role-btn{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;margin:2px 0 0;padding:0;font-size:.78rem}.user-role-menu{border:1px solid var(--line);background:var(--panel-2);z-index:50;border-radius:12px;width:220px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 40px #00000059}.user-role-menu-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;padding:10px;font-size:.85rem;font-weight:600}.user-role-menu-item:hover{background:#2b60b22e}.main-panel{padding:0 8px 8px;overflow:visible}.topbar{z-index:200;border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 16px;display:grid;position:relative;overflow:visible}.topbar .mobile-nav-toggle{grid-area:1/1}.topbar h1{grid-area:1/2;min-width:0;margin:0;font-size:1.2rem;font-weight:600}.topbar-actions{z-index:10;flex-wrap:wrap;grid-area:1/3;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative;overflow:visible}.notifications-bell-wrap{z-index:20;position:relative;overflow:visible}.notifications-bell-btn{border:1px solid var(--line);background:var(--panel-2);width:40px;height:34px;color:var(--text);cursor:pointer;appearance:none;border-radius:8px;outline:none;place-items:center;padding:0;display:inline-grid;position:relative}.notifications-bell-btn:hover{background:var(--panel);border-color:var(--accent,#3b82f6)}.notifications-bell-icon{opacity:.92;justify-content:center;align-items:center;display:flex}.notifications-bell-live-dot{z-index:1;width:6px;height:6px;box-shadow:0 0 0 2px var(--panel-2,#111);pointer-events:none;background:#94a3b88c;border-radius:50%;position:absolute;bottom:3px;right:3px}.notifications-bell-live-dot--on{box-shadow:0 0 0 2px var(--panel-2,#111), 0 0 8px #22c55e73;background:#22c55e}.notifications-bell-live-dot--partial{box-shadow:0 0 0 2px var(--panel-2,#111), 0 0 6px #eab30866;background:#eab308}.notifications-bell-badge{z-index:2;box-sizing:border-box;color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--panel-2,#111);background:#dc2626;border-radius:999px;padding:0 5px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:1px;right:1px}.notifications-panel{border:1px solid var(--line);background:var(--panel);pointer-events:auto;border-radius:12px;flex-direction:column;width:min(380px,100vw - 24px);min-height:0;max-height:min(480px,100vh - 120px);display:flex;overflow:hidden;box-shadow:0 16px 48px #00000059}.notifications-panel.notifications-panel--floating{z-index:100000;isolation:isolate;opacity:1;background-color:#0a1220;position:fixed;left:auto}.notifications-panel__head{border-bottom:1px solid var(--line);background:var(--panel-2);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.notifications-panel__head strong{font-size:.95rem;display:block}.notifications-panel__mode{text-transform:uppercase;letter-spacing:.04em;opacity:.65;margin-top:4px;font-size:.72rem;font-weight:600;display:block}.notifications-panel__mode-hint{color:var(--accent,#60a5fa);opacity:.95;margin-top:6px;font-size:.75rem;font-weight:500;display:block}.notifications-panel__markall{color:var(--accent,#60a5fa);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 0;font-size:.78rem;font-weight:600}.notifications-panel__markall:hover{text-decoration:underline}.notifications-panel__head-actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.notifications-panel__desktop-row{border-bottom:1px solid var(--line);background:#3b82f60f;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;font-size:.78rem;line-height:1.4;display:flex}.notifications-panel__desktop-hint{opacity:.88;flex:200px}.notifications-panel__desktop-btn{border:1px solid var(--accent,#3b82f6);color:var(--accent,#60a5fa);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:.76rem;font-weight:600}.notifications-panel__desktop-btn:hover{background:#3b82f61f}.notifications-panel__desktop-blocked{opacity:.65;font-size:.74rem}.notifications-panel__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;flex:1 1 0;min-height:0;padding:8px;overflow:hidden auto}.notifications-panel__body::-webkit-scrollbar{width:8px}.notifications-panel__body::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.notifications-panel__body::-webkit-scrollbar-thumb:hover{background:#94a3b873}.notifications-panel__empty{text-align:center;opacity:.7;margin:24px 16px;font-size:.85rem}.notifications-item{text-align:left;background:var(--panel-2);width:100%;color:var(--text);cursor:pointer;font:inherit;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:stretch;gap:4px;margin-bottom:6px;padding:12px;display:flex}.notifications-item:hover{border-color:var(--line)}.notifications-item--unread{background:#3b82f614;border-color:#3b82f659}.notifications-item__title{font-size:.86rem;font-weight:600}.notifications-item__body{opacity:.88;white-space:pre-wrap;word-break:break-word;font-size:.8rem;line-height:1.45}.notifications-item__time{opacity:.55;margin-top:2px;font-size:.72rem}.header-wallet-pill{border:1px solid var(--line);background:var(--panel-2);height:34px;color:var(--text);-webkit-user-select:none;user-select:none;cursor:pointer;appearance:none;border-radius:8px;outline:none;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:.82rem;font-weight:600;display:inline-flex}.header-wallet-pill:hover{border-color:#31486f}.header-wallet-pill__icon{color:#eab308;flex-shrink:0;display:flex}.header-wallet-pill__amount{font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:700;line-height:1}.wallet-topup-backdrop{z-index:1200;background:#03060dad;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.wallet-topup-modal{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), #0a111f);border-radius:12px;width:min(460px,100%);box-shadow:0 20px 44px #00000059}.wallet-topup-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.wallet-topup-head h3{margin:0;font-size:1rem}.wallet-topup-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1}.wallet-topup-form{gap:12px;padding:14px;display:grid}.wallet-topup-form label{gap:6px;display:grid}.wallet-topup-form label>span{color:var(--muted);font-size:.8rem}.wallet-topup-form input{border:1px solid var(--line);height:36px;color:var(--text);background:#08111f;border-radius:8px;padding:0 10px}.wallet-topup-form select,.wallet-topup-form textarea{border:1px solid var(--line);color:var(--text);font:inherit;background:#08111f;border-radius:8px;padding:8px 10px}.wallet-topup-error{color:#ffb4a8;margin:0;font-size:.82rem}.wallet-topup-success{color:#86efac;margin:0;font-size:.82rem}.wallet-topup-field-error{color:#ffb4a8;font-size:.75rem;line-height:1.2}.wallet-topup-actions{justify-content:flex-end;gap:8px;display:flex}.topbar-search-slot{z-index:0;grid-area:2/1/auto/-1;width:100%;min-width:0;position:relative}@media (width>=1181px){.topbar{grid-template-columns:1fr auto}.topbar h1{grid-column:1}.topbar-actions{grid-column:2}}.app-mode-dropdown{z-index:30;position:relative}.app-mode-dropdown__trigger{border:1px solid var(--line);background:var(--panel-2);height:34px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 10px 0 12px;font-size:.82rem;font-weight:600;display:inline-flex}.app-mode-dropdown__trigger:disabled{opacity:.55;cursor:not-allowed}.app-mode-dropdown__trigger-text{white-space:nowrap}.app-mode-dropdown__caret{color:var(--muted);margin-left:2px;font-size:.65rem}.app-mode-dropdown__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 2px #0003}.app-mode-dropdown__dot--live{background:#22c55e}.app-mode-dropdown__dot--testing{background:#f59e0b}.app-mode-dropdown__panel{border:1px solid var(--line);background:var(--panel);border-radius:10px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 40px #00000059}.app-mode-dropdown__option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;margin:0;padding:10px 12px;font-size:.85rem;font-weight:500;display:flex}.app-mode-dropdown__option:hover{background:#ffffff0f}.app-mode-dropdown__option.is-current{background:#ffffff14}.search{border:1px solid var(--line);color:#55709d;border-radius:10px;align-items:center;height:34px;padding:0 12px;font-size:.85rem;display:flex}.search.search-topbar-input{background:0 0;width:100%;line-height:34px;display:block}.ghost-btn,.primary-btn{border:1px solid var(--line);background:var(--panel);height:34px;color:var(--text);cursor:pointer;border-radius:8px;padding:0 14px;font-size:.85rem}.primary-btn{background:var(--accent);color:#191609;border-color:#92691b;font-weight:700}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.dashboard-page-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 16px 0;display:flex}.dashboard-page-title{margin:0;font-size:1.15rem;font-weight:600}.dashboard-page-sub{color:var(--muted);margin:4px 0 0;font-size:.8rem}.dashboard-page-loading{color:var(--muted);flex-shrink:0;font-size:.82rem}.dashboard-filter-row{flex-wrap:wrap;align-items:end;gap:10px;margin:10px 16px 0;display:flex}.dashboard-filter-item{flex-direction:column;gap:4px;min-width:0;display:flex}.dashboard-filter-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:600}.dashboard-filter-item .extractions-select{min-width:170px}.dashboard-date-input{color:#e1ecff;appearance:auto;background:#0c1424;border:1px solid #162741;border-radius:8px;outline:none;min-width:150px;height:36px;padding:0 10px;font-size:.82rem;font-weight:500}.dashboard-date-input:focus{border-color:#2e4770;box-shadow:0 0 0 2px #4975b82e}.dashboard-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.95}.dashboard-filter-apply{margin-left:0}.dashboard-page-error{color:#fdba74;background:#b453091f;border:1px solid #b45309;border-radius:10px;margin:0 16px 12px;padding:10px 14px;font-size:.85rem}.dashboard-template-bars{flex-direction:column;gap:10px;margin-top:8px;display:flex}.dashboard-template-row{grid-template-columns:minmax(0,1fr) minmax(80px,2fr) auto;align-items:center;gap:10px;font-size:.82rem;display:grid}.dashboard-template-name{text-overflow:ellipsis;white-space:nowrap;color:#c5d5f6;overflow:hidden}.dashboard-template-track{background:#ffffff0f;border-radius:999px;height:8px;overflow:hidden}.dashboard-template-fill{border-radius:999px;height:100%}.dashboard-template-fill.d1{background:linear-gradient(90deg,#f5b22f,#c98a12)}.dashboard-template-fill.d2{background:linear-gradient(90deg,#7f9dff,#4b6fce)}.dashboard-template-fill.d3{background:linear-gradient(90deg,#8c6ce9,#5b3dbe)}.dashboard-template-fill.d4{background:linear-gradient(90deg,#3dd58a,#1d8a52)}.dashboard-template-count{color:var(--text);text-align:right;min-width:2.5rem;font-weight:600}.dashboard-template-donut-wrap{align-items:flex-start;margin-top:10px}.dashboard-donut-outer{flex-shrink:0;width:170px;height:170px;position:relative}.dashboard-donut{border-radius:50%;width:170px;height:170px}.dashboard-donut-center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dashboard-donut-center strong{color:var(--text);font-size:1.35rem;font-weight:700;line-height:1.15}.dashboard-donut-center>span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:.72rem}.dashboard-template-donut-legend{flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.dashboard-template-donut-legend li{color:#c5d5f6;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.82rem;display:grid}.dashboard-template-legend-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-template-legend-meta{color:var(--text);white-space:nowrap;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:14px;padding:16px 16px 0;display:grid}.stat-card--response-ms h2{flex-wrap:wrap;align-items:baseline;gap:0 6px;font-size:clamp(1.35rem,2.5vw,1.85rem);line-height:1.2;display:flex}.stat-card-ms-value{color:#7eb8ff;font-weight:700}.stat-card-ms-unit{color:var(--muted);font-size:.62em;font-weight:500}.stat-card,.chart-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), #0a111f);border-radius:16px}.stat-card{padding:18px}.stat-card p{color:var(--muted);letter-spacing:1px;margin:0;font-size:.76rem}.stat-card h2{margin:8px 0 6px;font-size:2.25rem}.good{color:var(--good)}.bad{color:var(--bad)}.charts-grid{grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px;padding:0 16px 16px;display:grid}.chart-card{padding:18px}.chart-head{justify-content:space-between;align-items:center;display:flex}.chart-card h3{margin:0;font-size:1.4rem}.chart-card p{color:var(--muted);margin:6px 0 14px}.live-pill{color:var(--good);border:1px solid #1c756a;border-radius:999px;padding:4px 12px;font-size:.8rem}.live-pill--status{flex-shrink:0;align-items:center;gap:7px;display:inline-flex}.live-pill-dot{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 7px #34d3998c}.live-pill--testing{color:#fbbf24;border-color:#fbbf2473}.live-pill--testing .live-pill-dot{background:#fbbf24;box-shadow:0 0 7px #fbbf2473}.chart-card--volume .chart-head{align-items:flex-start;gap:12px}.chart-card--volume .chart-head h3{margin:0}.chart-card--volume p.chart-card-sub{color:var(--muted);margin:4px 0 0;font-size:.85rem;line-height:1.35}.volume-chart{margin-top:10px}.volume-chart-empty{text-align:center;margin:24px 0 8px}.volume-chart-inner{align-items:stretch;gap:6px;display:flex}.volume-chart-y-axis{color:var(--muted);flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;min-width:2rem;padding:0 6px 22px 0;font-size:.7rem;display:flex}.volume-chart-y-axis--plot{height:220px}.volume-chart-y-tick{line-height:1}.volume-chart-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.volume-chart-plot{width:100%;height:220px;position:relative}.volume-chart-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.volume-chart-hline{border-top:1px dashed #ffffff1c;width:100%;height:0}.volume-chart-bars{z-index:1;justify-content:stretch;align-items:flex-end;gap:4px;padding:0 2px;display:flex;position:absolute;inset:0}.volume-chart-bar-wrap{flex:1;justify-content:center;align-items:flex-end;min-width:2px;max-width:20px;height:100%;margin:0 auto;display:flex}.volume-chart-bar{background:linear-gradient(#f6bf53,#b2801f);border-radius:5px 5px 0 0;width:100%;max-width:13px;min-height:0;transition:height .2s}.volume-chart-plot--skeleton{align-items:flex-end;gap:4px;height:220px;padding:0 2px;display:flex;position:relative}.volume-chart-plot--skeleton .volume-chart-bar{opacity:.35;animation:1.2s ease-in-out infinite volume-bar-pulse}.volume-chart-inner--skeleton .volume-chart-bar:nth-child(3n){animation-delay:.15s}.volume-chart-inner--skeleton .volume-chart-bar:nth-child(3n+1){animation-delay:.3s}@keyframes volume-bar-pulse{0%,to{opacity:.28}50%{opacity:.5}}.volume-chart-x-labels{gap:4px;min-height:1.15rem;padding:0 2px 0 0;display:flex}.volume-chart-x-labels>span{text-align:center;color:#c5d5f6d9;flex:1;min-width:0;font-size:.68rem}.volume-chart-x-spacer{color:#0000;-webkit-user-select:none;user-select:none}.bars{align-items:end;gap:6px;height:240px;display:flex}.bars div{background:linear-gradient(#f6bf53,#b2801f);border-radius:6px 6px 0 0;flex:1;min-width:12px}.wide{grid-column:1/-1}.bars-alt div{background:linear-gradient(#2d89ff,#1951ae)}.donut-wrap{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.donut{background:radial-gradient(circle at center, #0b1323 48%, transparent 49%), conic-gradient(#f5b22f 0 58%, #7f9dff 58% 77%, #8c6ce9 77% 90%, #223453 90% 100%);border-radius:50%;width:170px;height:170px}.donut-wrap ul{color:#c5d5f6;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dot{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.d1{background:#f5b22f}.d2{background:#7f9dff}.d3{background:#8c6ce9}.d4{background:#223453}.placeholder-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), #0a111f);border-radius:16px;margin:16px;padding:20px}.placeholder-card h2{margin:0;font-size:1.9rem}.placeholder-card>p{color:var(--muted);margin:8px 0 20px}.placeholder-grid{grid-template-columns:repeat(2,minmax(200px,1fr));gap:14px;display:grid}.placeholder-grid article{border:1px solid var(--line);background:#14213861;border-radius:14px;padding:16px}.placeholder-grid h3{margin:0 0 8px;font-size:1.1rem}.placeholder-grid p{color:#adc2e9;margin:0}.users-page{padding:16px}.users-search-row{align-items:center;gap:10px;margin:10px 0 12px;display:flex}.users-search-input{border:1px solid var(--line);height:34px;color:var(--text);background:#121d31;border-radius:10px;outline:none;flex:1;padding:0 12px;font-size:.85rem}.users-search-clear{white-space:nowrap;border-radius:10px;height:34px;padding:0 12px;font-size:.85rem}.extractions-page{padding:16px}.extractions-head{z-index:5;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:16px;display:flex;position:relative}.extractions-head-intro h2{color:var(--text);margin:0;font-size:1.15rem;font-weight:600}.extractions-head-intro p{color:var(--muted);max-width:520px;margin:4px 0 0;font-size:.78rem}.extractions-top-bar{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:12px 20px;width:100%;display:flex}.extractions-pagination{flex-wrap:wrap;align-items:center;gap:10px 14px;min-width:0;display:flex}.extractions-page-size-label{color:var(--muted);align-items:center;gap:8px;font-size:.78rem;display:inline-flex}.extractions-page-size-text{white-space:nowrap}.extractions-page-size{border:1px solid var(--border,#2a3f5c);background:var(--panel-2,#1a2332);height:32px;color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:0 10px;font-size:.8rem}.extractions-page-size:focus-visible{box-shadow:0 0 0 2px #4975b859}.extractions-page-size:disabled{opacity:.55;cursor:not-allowed}.extractions-page-range,.extractions-page-num{color:var(--muted);white-space:nowrap;font-size:.78rem}.extractions-page-nav{border:1px solid var(--border,#2a3f5c);background:var(--panel-2,#1a2332);height:32px;color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:0 14px;font-size:.78rem;font-weight:500}.extractions-page-nav:hover:not(:disabled){filter:brightness(1.05);border-color:#4670b0}.extractions-page-nav:focus-visible{box-shadow:0 0 0 2px #4975b859}.extractions-page-nav:disabled{opacity:.45;cursor:not-allowed}.extractions-export-wrap{flex-direction:column;flex:none;align-items:flex-end;gap:6px;margin-left:auto;display:flex}.extractions-export-csv{color:#f2f6ff;cursor:pointer;white-space:nowrap;background:linear-gradient(#3a619e,#2c4d80);border:1px solid #355a94;border-radius:8px;outline:none;align-items:center;gap:8px;height:36px;padding:0 16px;font-size:.82rem;font-weight:600;display:inline-flex}.extractions-export-csv:hover:not(:disabled){filter:brightness(1.06);border-color:#4670b0}.extractions-export-csv:focus-visible{box-shadow:0 0 0 2px #4975b859}.extractions-export-csv:disabled{opacity:.55;cursor:not-allowed}.extractions-export-icon{color:#f66;font-size:.95rem;line-height:1}.extractions-export-msg{text-align:right;color:#f0a8a8;max-width:280px;margin:0;font-size:.75rem;line-height:1.35}.extractions-toolbar-single{flex-flow:row;align-items:flex-end;gap:12px;width:100%;padding-bottom:4px;display:flex;overflow:visible}.extractions-toolbar-single>.extractions-filter{flex:none}.extractions-toolbar-single .extractions-filter-date{flex:0 240px;min-width:200px}.extractions-toolbar-single .extractions-ms,.extractions-toolbar-single .extractions-drp{min-width:168px;max-width:220px}.extractions-apply-filter{color:#f2f6ff;cursor:pointer;white-space:nowrap;background:linear-gradient(#3a619e,#2c4d80);border:1px solid #355a94;border-radius:8px;outline:none;flex-shrink:0;height:36px;padding:0 18px;font-size:.82rem;font-weight:600}.extractions-apply-filter:hover{filter:brightness(1.06);border-color:#4670b0}.extractions-apply-filter:focus-visible{box-shadow:0 0 0 2px #4975b859}.extractions-apply-filter:disabled{opacity:.55;cursor:not-allowed}.extractions-filter-search{flex:0 220px;min-width:160px;max-width:260px}.extractions-inline-search{box-sizing:border-box;color:#e1ecff;background:#0c1424;border:1px solid #162741;border-radius:8px;outline:none;width:100%;height:36px;padding:0 10px;font-size:.8rem;font-weight:500}.extractions-inline-search::placeholder{color:#6f88b3}.extractions-inline-search:focus{border-color:#2e4770;box-shadow:0 0 0 2px #4975b82e}.extractions-filter{flex-direction:column;gap:4px;min-width:0;display:flex}.extractions-filter-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:600}.extractions-select{color:#e1ecff;appearance:none;background-color:#0c1424;background-image:linear-gradient(45deg,#0000 50%,#8fa8d2 50%),linear-gradient(135deg,#8fa8d2 50%,#0000 50%);background-position:calc(100% - 12px) 14px,calc(100% - 7px) 14px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #162741;border-radius:8px;outline:none;min-width:160px;max-width:220px;height:36px;padding:0 28px 0 10px;font-size:.82rem;font-weight:500}.extractions-select:focus{border-color:#2e4770;box-shadow:0 0 0 2px #4975b82e}.extractions-filter-date{flex:0 260px;min-width:0}.extractions-ms{min-width:168px;max-width:280px;position:relative}.extractions-ms-trigger{color:#e1ecff;cursor:pointer;text-align:left;background:#0c1424;border:1px solid #162741;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:8px;width:100%;height:36px;padding:0 10px;font-size:.82rem;font-weight:500;display:flex}.extractions-ms-trigger:hover{border-color:#243a5c}.extractions-ms-trigger:focus-visible{border-color:#2e4770;box-shadow:0 0 0 2px #4975b82e}.extractions-ms-trigger-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.extractions-ms-chevron{color:#8fa8d2;opacity:.9;flex-shrink:0;font-size:.65rem}.extractions-ms-panel{z-index:100;background:#0a1220;border:1px solid #1d2b45;border-radius:10px;flex-direction:column;min-width:260px;max-height:280px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 14px 40px #00000073}.extractions-ms-search{color:#e1ecff;background:#0c1424;border:1px solid #162741;border-radius:8px;outline:none;height:34px;margin:8px;padding:0 10px;font-size:.8rem}.extractions-ms-search:focus{border-color:#2e4770}.extractions-ms-search::placeholder{color:#6f88b3}.extractions-ms-list{max-height:210px;margin:0;padding:4px 0 8px;list-style:none;overflow-y:auto}.extractions-ms-item{margin:0}.extractions-ms-row{color:#d7e3ff;cursor:pointer;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:flex}.extractions-ms-row:hover{background:#4975b81f}.extractions-ms-row input{accent-color:#49b8a8;flex-shrink:0}.extractions-drp{min-width:168px;max-width:280px;position:relative}.extractions-drp-trigger{color:#e1ecff;cursor:pointer;text-align:left;background:#0c1424;border:1px solid #162741;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:8px;width:100%;height:36px;padding:0 10px;font-size:.8rem;font-weight:500;display:flex}.extractions-drp-trigger:hover{border-color:#243a5c}.extractions-drp-trigger:focus-visible{border-color:#2e4770;box-shadow:0 0 0 2px #4975b82e}.extractions-drp-trigger-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.extractions-drp-cal-icon{opacity:.85;color:#8fa8d2;flex-shrink:0}.extractions-drp-popover{z-index:100;background:#0a1220;border:1px solid #1d2b45;border-radius:12px;width:min(100vw - 32px,300px);padding:10px 12px 12px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 14px 40px #00000073}.extractions-drp-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.extractions-drp-month{color:var(--text);font-size:.88rem;font-weight:600}.extractions-drp-nav{color:#e1ecff;cursor:pointer;background:#0c1424;border:1px solid #162741;border-radius:8px;outline:none;width:32px;height:32px;font-size:1.1rem;line-height:1}.extractions-drp-nav:hover{border-color:#2e4770}.extractions-drp-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.extractions-drp-dow{margin-bottom:4px}.extractions-drp-dow-cell{text-align:center;letter-spacing:.04em;color:var(--muted);padding:4px 0;font-size:.65rem;font-weight:700}.extractions-drp-cell-empty{min-height:32px}.extractions-drp-day{color:#e1ecff;cursor:pointer;background:0 0;border:none;border-radius:6px;outline:none;min-height:32px;font-size:.78rem;font-weight:500}.extractions-drp-day:hover{background:#4975b833}.extractions-drp-day.in-range{color:#f0f6ff;background:#4975b838}.extractions-drp-day.range-start,.extractions-drp-day.range-end{color:#fff;background:linear-gradient(#3d6fb8,#2c5285)}.extractions-drp-day.range-start.range-end{border-radius:6px}.extractions-drp-day.is-today:not(.in-range){box-shadow:inset 0 0 0 1px #f5b22f8c}.extractions-drp-hint{color:var(--muted);margin:10px 0 0;font-size:.68rem;line-height:1.35}.extractions-drp-actions{justify-content:flex-end;margin-top:8px;display:flex}.extractions-drp-clear{color:#9db4e0;cursor:pointer;background:0 0;border:1px solid #162741;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:600}.extractions-drp-clear:hover{color:#e1ecff;border-color:#2e4770}.templates-page{padding:16px}.templates-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.templates-head h2{margin:0;font-size:1.1rem}.templates-head p{color:var(--muted);margin:4px 0 0;font-size:.78rem}.templates-success-card{color:#d7fff5;background:linear-gradient(#0d222cf2,#081821f5);border:1px solid #1be5c759;border-radius:12px;align-items:center;gap:10px;margin:12px 0 0;padding:12px 14px;display:flex;position:relative;box-shadow:0 10px 24px #0000003d}.templates-success-card.danger{color:#ffdbe2;background:linear-gradient(#34121bf2,#210b10f5);border-color:#ff5b7873}.templates-success-icon{color:#072a20;background:linear-gradient(#2af0d1,#1cc8ae);border-radius:999px;place-items:center;width:22px;height:22px;font-weight:700;display:grid}.templates-success-card.danger .templates-success-icon{color:#2f0a12;background:linear-gradient(#ff8da8,#ff5b78)}.templates-success-card p{color:#b9f7e8;letter-spacing:.15px;margin:0;font-size:.9rem;font-weight:500}.templates-success-card.danger p{color:#ffc3cf}.templates-success-close{color:#9debd8;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:2px 6px;font-size:1.1rem;line-height:1}.templates-success-close:hover{color:#e6fff8;background:#1be5c71a}.templates-success-card.danger .templates-success-close{color:#ffb4c2}.templates-success-card.danger .templates-success-close:hover{color:#ffe7ec;background:#ff5b7824}.templates-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;display:grid}.template-card{cursor:pointer;background:linear-gradient(#0d1728,#0a111f);border:1px solid #1d2b45;border-radius:10px;min-height:124px;padding:12px}.template-card h3{margin:8px 0 6px;font-size:1rem}.template-card p{color:#8ea7d4;margin:0;font-size:.74rem;line-height:1.4}.template-icon{background:#ffffff0f;border-radius:6px;place-items:center;width:22px;height:22px;font-size:.72rem;display:grid}.template-meta{color:#7f97c0;align-items:center;gap:10px;margin-top:10px;font-size:.68rem;display:flex}.template-status{color:#1be5c7;background:#1f7f7129;border:1px solid #1c756a;border-radius:999px;margin-left:auto;padding:2px 8px}.template-status.draft{color:#f6c66c;background:#f5b22f2b;border-color:#866125}.template-card.health{border-top-color:#24b37f}.template-card.motor{border-top-color:#f5b22f}.template-card.life{border-top-color:#9f8bff}.template-card.travel{border-top-color:#2d89ff}.products-page{max-width:1200px;margin:0 auto;padding:16px}.products-intro{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), #0a111f);border-radius:16px;margin-bottom:20px;padding:20px 22px}.products-intro h2{color:#eaf2ff;margin:0;font-size:1.65rem}.products-intro p{color:var(--muted);max-width:52ch;margin:10px 0 0;font-size:.88rem;line-height:1.45}.products-muted{color:var(--muted);margin:12px 0;font-size:.88rem}.products-error{color:#ff9aa8;background:#ff4d6714;border:1px solid #ff6f8659;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:.88rem}.products-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;display:grid}.product-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), #0a111f);border-radius:14px;flex-direction:column;min-height:168px;padding:16px 16px 14px;display:flex;box-shadow:0 12px 28px #00000038}.product-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.product-card-head h3{color:var(--text);letter-spacing:.02em;margin:0;font-size:1.05rem}.product-card-icon{opacity:.92;flex-shrink:0;font-size:1.15rem;line-height:1}.product-card-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;width:fit-content;margin-top:8px;padding:4px 10px;font-size:.68rem;font-weight:600;display:inline-block}.product-card-badge--pre{color:#f6c66c;background:#f5b22f24;border:1px solid #f5b22f73}.product-card-badge--pending{color:#ff9aa8;background:#ff4d671f;border:1px solid #ff5b7866}.product-card-desc{color:#8ea7d4;flex:1;margin:10px 0 0;font-size:.8rem;line-height:1.45}.product-card-footer{justify-content:flex-end;align-items:center;margin-top:16px;display:flex}.product-cta-btn{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.product-cta-btn.is-loading{cursor:wait;opacity:.92;min-width:108px}.product-cta-btn:disabled{pointer-events:none}.product-cta-spinner{border:2px solid #ffffff24;border-top-color:currentColor;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite product-cta-spin}.product-cta-btn--sub .product-cta-spinner{border-color:#1be5c738;border-top-color:var(--good)}.product-cta-btn--unsub .product-cta-spinner{border-color:#c5d6f0 #d7e3ff1f #d7e3ff1f}@keyframes product-cta-spin{to{transform:rotate(360deg)}}.product-cta-btn--sub{color:var(--good);background:linear-gradient(#151f33,#0d1424);border:1px solid #1a2538;box-shadow:0 4px 14px #00000059}.product-cta-btn--sub:hover{color:#5fffe8;border-color:#1be5c759}.product-cta-btn--unsub{border:1px solid var(--line);color:var(--text);background:0 0}.product-cta-btn--unsub:hover{background:#ffffff0a;border-color:#3a4d6e}.create-card{color:#f5b22f;cursor:pointer;background:#f5b22f1a;border:1px dashed #f5b22fbf;place-items:center;transition:transform .18s,box-shadow .18s,background .18s;display:grid}.create-icon{border:2px solid #f5b22fe6;border-radius:999px;place-items:center;width:36px;height:36px;margin-bottom:8px;font-size:1.35rem;line-height:1;display:grid}.create-card:hover{background:#f5b22f26;transform:translateY(-2px);box-shadow:0 14px 28px #00000052}.create-card p{color:#f5b22f;font-size:1.02rem;font-weight:600}.template-modal{background:linear-gradient(#0f192c,#0b1221);border:1px solid #243653;border-radius:14px;flex-direction:column;width:min(760px,100vw - 28px);max-height:calc(100dvh - 24px);display:flex;overflow:hidden;box-shadow:0 30px 80px #0000008c}.template-delete-modal{background:linear-gradient(#0f192c,#0b1221);border:1px solid #243653;border-radius:14px;gap:10px;width:min(460px,100vw - 24px);padding:16px;display:grid;box-shadow:0 30px 80px #0000008c}.template-delete-modal h3{margin:0;font-size:1.1rem}.template-delete-modal p{color:#9fb5dc;margin:0;font-size:.85rem;line-height:1.45}.template-delete-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.template-delete-actions .ghost-btn,.template-delete-actions .table-btn,.template-delete-actions .primary-btn{justify-content:center;align-items:center;min-width:120px;height:38px;display:inline-flex}.template-delete-actions .primary-btn.status-confirm-btn{font-weight:700}.template-modal-body{gap:14px;display:grid}.template-modal-body textarea{color:#d7e3ff;resize:vertical;background:#121d31;border:1px solid #243653;border-radius:8px;outline:none;min-height:66px;padding:10px}.template-config-page{grid-template-columns:1fr 320px;gap:12px;padding:16px;display:grid}.template-config-main,.template-settings-panel{background:linear-gradient(#0d1728,#0a111f);border:1px solid #1d2b45;border-radius:12px}.template-config-main{padding:10px}.template-config-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.template-config-head h2{margin:0;font-size:1rem}.template-config-head p{color:#7f97c0;margin:4px 0 0;font-size:.75rem}.template-config-actions{gap:8px;display:flex}.template-fields-wrap{border:1px solid #1b2941;border-radius:10px;overflow:auto}.template-fields-topbar{background:#101a2d;border-bottom:1px solid #152238;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.template-fields-topbar p{color:#88a2cd;text-transform:uppercase;letter-spacing:1.1px;margin:0;font-size:.7rem}.template-fields-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:760px}.template-fields-table th,.template-fields-table td{border-bottom:1px solid #152238;padding:8px 10px;font-size:.78rem}.template-inline-input,.template-inline-select{color:#e1ecff;background:#0c1424;border:1px solid #162741;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px;font-size:.9rem;font-weight:500;line-height:1.2;box-shadow:inset 0 1px #ffffff05}.template-inline-input::placeholder{color:#6f88b3}.template-inline-input:focus,.template-inline-select:focus{border-color:#2e4770;box-shadow:0 0 0 2px #4975b82e}.template-inline-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#8fa8d2 50%),linear-gradient(135deg,#8fa8d2 50%,#0000 50%);background-position:calc(100% - 16px) 16px,calc(100% - 10px) 16px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:32px}.template-fields-table th:first-child,.template-fields-table td:first-child{width:22%}.template-fields-table th:nth-child(2),.template-fields-table td:nth-child(2){width:56%}.template-fields-table th:nth-child(3),.template-fields-table td:nth-child(3){width:14%}.template-fields-table th:nth-child(4),.template-fields-table td:nth-child(4){width:8%}.template-fields-table th{text-transform:uppercase;letter-spacing:1px;color:#6f85ae;text-align:left;background:#101a2d;font-size:.64rem}.template-settings-panel{align-content:start;gap:10px;padding:10px;display:grid}.template-settings-panel h3{margin:0;font-size:.92rem}.template-settings-panel label{gap:5px;display:grid}.template-settings-panel span,.assigned-users-box h4{color:#8ea7d4;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.66rem}.template-settings-panel input,.template-settings-panel textarea{color:#d7e3ff;background:#121d31;border:1px solid #243653;border-radius:8px;width:100%;padding:9px 10px}.template-settings-panel textarea{resize:vertical;min-height:80px}.assigned-users-box{border-top:1px solid #1d2b45;gap:8px;margin-top:6px;padding-top:8px;display:grid}.assigned-user-row{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.extractions-table-wrap{background:linear-gradient(#0d1728,#0a111f);border:1px solid #1b2941;border-radius:12px;overflow:auto}.extractions-table{border-collapse:collapse;width:100%;min-width:1080px}.extractions-table th{text-transform:uppercase;letter-spacing:1px;color:#6f85ae;text-align:left;background:#101a2d;border-bottom:1px solid #1b2941;padding:11px 10px;font-size:.64rem;font-weight:600}.extractions-table td{color:#d3e2ff;white-space:nowrap;border-bottom:1px solid #152238;padding:10px;font-size:.82rem}.extract-tag{border:1px solid #2a3f62;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.68rem;display:inline-flex}.extract-tag.motor{color:#f6c66c;background:#f5b22f24;border-color:#7a5d27}.extract-tag.health{color:#5fead3;background:#1be5c724;border-color:#1a5e55}.extract-tag.life{color:#c2adff;background:#8c6ce929;border-color:#564488}.extract-tag.travel{color:#8cc1ff;background:#2d89ff26;border-color:#2c5794}.extract-tag.default{color:#9eb6e0;background:#7890b81f;border-color:#2a3f62}.extractions-page .extractions-state{color:#7890b8;padding:20px;font-size:.9rem}.extractions-modal-backdrop{z-index:1200;background:#02060eb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.extractions-modal{background:linear-gradient(165deg,#0f1a2e,#0a111f);border:1px solid #243552;border-radius:14px;flex-direction:column;width:min(1320px,100vw - 28px);max-height:min(96vh,980px);display:flex;box-shadow:0 24px 60px #0000008c}.extractions-modal-header{border-bottom:1px solid #1b2941;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.extractions-modal-header h2{color:#e8f0ff;margin:0;font-size:1.05rem;font-weight:600}.extractions-modal-meta{color:#6f85ae;margin:6px 0 0;font-size:.78rem;line-height:1.5}.extractions-modal-close{color:#b8cce8;cursor:pointer;background:#121c30;border:1px solid #2a3f62;border-radius:8px;flex-shrink:0;width:36px;height:36px;font-size:1.25rem;line-height:1}.extractions-modal-close:hover{color:#f5b22f;border-color:#f5b22f}.extractions-modal-body{flex:1;min-height:0;padding:14px 20px 20px;overflow:hidden auto}.extractions-response-grid-wrap{background:#080e18;border:1px solid #1b2941;border-radius:10px;padding:0 14px 14px}.extractions-response-grid-head{background:#101a2d;border-bottom:1px solid #1b2941;border-radius:10px 10px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:14px;margin-left:-14px;margin-right:-14px;padding:10px 18px;display:grid}.extractions-response-grid-head span{text-transform:uppercase;letter-spacing:.06em;color:#6f85ae;text-align:center;font-size:.58rem;font-weight:600}.extractions-response-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px 24px;display:grid}@media (width<=1100px){.extractions-response-grid,.extractions-response-grid-head{grid-template-columns:repeat(2,minmax(0,1fr))}.extractions-response-grid-head span:nth-child(3){display:none}}@media (width<=640px){.extractions-response-grid,.extractions-response-grid-head{grid-template-columns:1fr}.extractions-response-grid-head span:nth-child(2),.extractions-response-grid-head span:nth-child(3){display:none}}.extractions-response-pair{border-bottom:1px solid #152238;flex-direction:column;gap:6px;min-width:0;padding-bottom:12px;display:flex}.extractions-response-pair-label{color:#f5b22f;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:.68rem;font-weight:600;line-height:1.35}.extractions-response-pair-value{color:#d3e2ff;word-break:break-word;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;line-height:1.45}.extractions-modal-raw{color:#c5d7f5;white-space:pre-wrap;word-break:break-word;background:#080e18;border:1px solid #1b2941;border-radius:10px;max-height:min(78vh,820px);margin:0;padding:14px;font-size:.76rem;line-height:1.45;overflow:auto}.cost-col{color:#f3b14c;font-weight:600}.extract-status{color:#1be5c7;background:#1f7f712e;border:1px solid #1c756a;border-radius:999px;padding:2px 8px;font-size:.7rem}.extract-status.failed{color:#ff7f98;background:#b934502e;border-color:#6a2a3a}.extract-status.pending{color:#89beff;background:#2d89ff29;border-color:#345b9d}.date-col{color:#8aa2cc}.settings-page{padding:16px}.settings-title{margin:0 0 14px;font-size:1.2rem}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.settings-app-save-bar{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:20px;padding-top:4px;display:flex}.settings-app-save-bar .settings-app-save-msg{text-align:center;max-width:520px;margin:0}.settings-app-save-bar .templates-success-card.settings-app-save-msg{width:100%;max-width:520px}.settings-app-save-bar .settings-app-save-btn{min-width:220px}.settings-column{align-content:start;gap:14px;display:grid}.settings-card{border:1px solid var(--line);background:linear-gradient(#0d1728,#0a111f);border-radius:12px;padding:12px}.settings-card h3{margin:0 0 10px;font-size:1rem}.settings-list{gap:10px;display:grid}.settings-row{border-top:1px solid #182740;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.settings-row:first-child{border-top:none;padding-top:0}.settings-row.stacked{align-items:start}.settings-api-key-col{flex-direction:column;align-items:stretch;gap:6px;width:100%;min-width:0;display:flex}.settings-copy-key-btn{place-items:center;min-width:38px;padding-inline:8px;display:grid}.settings-regenerate-key-btn{flex-shrink:0;justify-content:center;align-items:center;min-width:7.5rem;display:inline-flex}.settings-regenerate-key-btn.is-loading{cursor:wait;opacity:.92}.settings-regenerate-spinner{border:2px solid #ffffff1f;border-top-color:var(--accent,#f5a623);border-radius:50%;width:15px;height:15px;animation:.65s linear infinite settings-regenerate-spin}@keyframes settings-regenerate-spin{to{transform:rotate(360deg)}}.settings-api-key-success{color:#7de8d0;width:100%;margin:0;font-size:.78rem;line-height:1.35}.settings-copy-feedback{text-align:right;width:100%;margin:0;font-size:.78rem}.settings-copy-feedback--ok{color:#7de8d0}.settings-copy-feedback--err{color:#ff9db8}.settings-label strong{font-size:.86rem;display:block}.settings-label p{color:var(--muted);margin:3px 0 0;font-size:.75rem}.settings-control{min-width:180px}.settings-control input,.settings-control select,.settings-form-grid input{color:#d7e3ff;background:#121d31;border:1px solid #243653;border-radius:8px;outline:none;width:100%;height:34px;padding:0 10px}.settings-control.inline{align-items:center;gap:8px;display:flex}.settings-control.inline span{color:var(--muted);font-size:.78rem}.input-with-action{gap:8px;min-width:min(100%,300px);display:flex}.ghost-btn.compact,.primary-btn.compact{white-space:nowrap;height:30px;padding:0 10px;font-size:.74rem}.settings-form-grid{gap:10px;margin-bottom:10px;display:grid}.settings-form-grid label{gap:5px;display:grid}.settings-form-grid span{color:#8ea7d4;text-transform:uppercase;letter-spacing:1px;font-size:.68rem}.switch{flex-shrink:0;width:42px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background:#2b3954;border-radius:999px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#dce8ff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{background:#231d10;transform:translate(20px)}.page-intro h2{margin:0;font-size:1.6rem}.page-intro p{color:var(--muted);margin:4px 0 12px}.users-card{border:1px solid var(--line);background:linear-gradient(#0d1728,#0a111f);border-radius:12px;padding:10px}.users-card-head{justify-content:space-between;align-items:center;padding:4px 4px 10px;display:flex}.users-card-head h3{margin:0;font-size:1rem}.ghost-btn.compact,.primary-btn.compact{border-radius:8px;height:30px;padding:0 12px;font-size:.84rem}.users-table-wrap{border:1px solid #1b2941;border-radius:10px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%;min-width:980px}.users-table th{text-transform:uppercase;letter-spacing:1px;color:#6f85ae;text-align:left;background:#111b2e;border-bottom:1px solid #1b2941;padding:10px 8px;font-size:.66rem;font-weight:600}.users-table td{vertical-align:middle;border-bottom:1px solid #152238;padding:10px 8px;font-size:.86rem}.update-password-page{padding:16px 0}.update-password-card{max-width:720px;margin:0 auto}.update-password-form{width:100%}.update-password-grid{grid-template-columns:1fr;gap:12px;display:grid}.update-password-card label{gap:6px;display:grid}.update-password-card label span{text-transform:uppercase;letter-spacing:1.2px;color:#90a8d3;font-size:.78rem}.update-password-card input{color:#d7e3ff;background:#121d31;border:1px solid #243653;border-radius:10px;outline:none;height:40px;padding:0 12px}.update-password-card input.input-error{border-color:#ff4d67;box-shadow:0 0 0 2px #ff4d6729}.payment-history-table{min-width:1160px}.payment-history-table th.payment-col-amount,.payment-history-table td.payment-col-amount{text-align:right;font-variant-numeric:tabular-nums}.plan-details-table{min-width:520px}.plan-col-pricing,.plan-details-table th.plan-col-pricing,.plan-details-table td.plan-col-pricing{text-align:right;font-variant-numeric:tabular-nums}.plan-details-page .plan-details-card{padding:8px}.plan-details-page .users-card{max-width:720px}.plan-details-page .users-card-head{padding:4px 4px 8px}.plan-details-page .plan-details-table th{padding:8px;font-size:.62rem}.plan-details-page .plan-details-table td{padding:8px;font-size:.82rem}.payment-id-cell{align-items:center;gap:8px;min-width:0;display:flex}.payment-id-text{text-overflow:ellipsis;white-space:nowrap;color:#c5d4ef;flex:1;min-width:0;max-width:260px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.8rem;overflow:hidden}.payment-copy-btn{color:#88a2cd;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;padding:4px;transition:color .15s,background .15s;display:grid}.payment-copy-btn:hover{color:#c5d4ef;background:#2b60b233}.payment-copied-hint{color:#7dd3a8;flex-shrink:0;font-size:.68rem;font-weight:600}.payment-status-badge{letter-spacing:.02em;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-block}.payment-status-badge--success{color:#86efac;background:#22c55e2e;border:1px solid #22c55e59}.payment-status-badge--pending{color:#fcd38d;background:#f59e0b29;border:1px solid #f59e0b59}.payment-status-badge--reject{color:#fecaca;background:#ef444429;border:1px solid #ef444459}.payment-status-btn{cursor:pointer}.api-collections-page{padding:16px}.api-collections-card{gap:12px;display:grid}.api-collections-subtitle{color:var(--muted);margin:4px 0 0;font-size:.82rem}.api-collections-toolbar{grid-template-columns:1.2fr 2fr .7fr;gap:10px;display:grid}.api-collections-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.api-collections-panel{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), #0a111f);border-radius:12px;padding:12px}.api-collections-panel h4{margin:0 0 10px;font-size:.88rem}.api-response-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.api-response-head h4{margin:0}.api-collections-toolbar label,.api-collections-panel label{gap:6px;display:grid}.api-collections-toolbar span,.api-collections-panel span{color:var(--muted);font-size:.78rem}.api-field-hint{color:#8fb2e6;font-size:.74rem;line-height:1.35}.api-collections-toolbar input,.api-collections-toolbar select,.api-collections-panel input,.api-collections-panel select{border:1px solid var(--line);height:36px;color:var(--text);background:#08111f;border-radius:8px;padding:0 10px}.api-row{border-bottom:1px dashed #7890b833;grid-template-columns:130px 1fr auto;align-items:center;gap:8px;padding:8px 0;display:grid}.api-row:last-child{border-bottom:0}.api-row-key{color:var(--muted);font-size:.78rem}.api-row-val{word-break:break-all;color:#c5d4ef;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.api-collections-actions{align-items:center;gap:10px;display:flex}.api-result-meta{color:#9fc5ff;font-size:.8rem}.api-collections-pre{border:1px solid var(--line);color:#c5d4ef;white-space:pre-wrap;word-break:break-word;background:#070f1c;border-radius:8px;max-height:260px;margin:0;padding:10px;font-size:.78rem;line-height:1.45;overflow:auto}.user-cell{align-items:center;gap:8px;display:flex}.mini-avatar{background:var(--accent);color:#251f0e;border-radius:999px;place-items:center;width:22px;height:22px;font-size:.65rem;font-weight:700;display:grid}.user-cell strong{font-size:.83rem;display:block}.user-cell p{color:#778eb6;margin:2px 0 0;font-size:.75rem}.role-cell{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.role-cell-custom-rate{color:#778eb6;margin:0;font-size:.72rem;line-height:1.35}.role-cell-inr{color:#f5c76a;margin-right:3px;font-size:.78rem;font-weight:700}.role-cell-custom-rate-value{color:#c5d4ef;font-variant-numeric:tabular-nums;font-weight:600}.role-cell-custom-rate-suffix{color:#6b7fa3;margin-left:2px;font-size:.68rem;font-weight:500}.tag{color:#98bdf8;background:#2b60b233;border:1px solid #274e8e;border-radius:999px;padding:2px 8px;font-size:.72rem}.tag.role{color:#f3c35e;background:#f5b22f26;border-color:#7e5c1b}button.tag.role.role-chip-btn{cursor:pointer;font:inherit;line-height:inherit;transition:filter .15s,transform .1s}button.tag.role.role-chip-btn:hover{filter:brightness(1.12)}button.tag.role.role-chip-btn:focus-visible{outline-offset:2px;outline:2px solid #f5b22f}.users-custom-rate-form{gap:12px;display:grid}.template-delete-modal .users-custom-rate-field{gap:6px;display:grid}.users-custom-rate-required{color:#ff8a9a;font-weight:700}.template-delete-modal .users-custom-rate-input--error{border-color:#c94a5c;box-shadow:0 0 0 1px #c94a5c59}.users-custom-rate-error{color:#ff9aa8;margin-top:4px;font-size:.75rem;display:block}.template-delete-modal .users-custom-rate-field label{letter-spacing:.02em;color:#8ea7d4;font-size:.8rem;font-weight:600}.template-delete-modal .users-custom-rate-input{box-sizing:border-box;border:1px solid var(--line);background:var(--panel-2);width:100%;height:40px;color:var(--text);border-radius:10px;padding:0 12px;font-size:.9rem}.template-delete-modal .users-custom-rate-select{cursor:pointer;appearance:auto}.users-custom-rate-loading{color:var(--muted);margin:0;font-size:.85rem}.template-delete-modal .users-custom-rate-hint{color:#7d94bf;margin:0;font-size:.78rem;line-height:1.4}.tag.muted{color:#aac0e8;background:#4965922e;border-color:#33496d}.users-template-access-cell{vertical-align:top;max-width:22rem}.users-template-access-cell .users-template-access-label{white-space:normal;text-align:left;word-break:break-word;max-width:100%;line-height:1.35;display:inline-block}.users-template-access-list{color:#aac0e8;margin:0;padding-left:1.1rem;font-size:.78rem;line-height:1.45;list-style:outside}.users-template-access-line{word-break:break-word}.num{font-weight:600}.usage-wrap{align-items:center;gap:8px;display:flex}.usage-track{background:#1f2d47;border-radius:999px;width:82px;height:7px;overflow:hidden}.usage-fill{border-radius:inherit;background:linear-gradient(90deg,#1be5c7,#17a4e7);height:100%}.usage-fill.high{background:linear-gradient(90deg,#ff9f3f,#ff4d67)}.usage-text{color:#98bdf8;white-space:nowrap;font-size:.74rem}.key-cell{align-items:center;gap:6px;display:flex}.api-key-pill{white-space:nowrap;text-overflow:ellipsis;color:#dfefff;background:#121d31e6;border:1px solid #243653;border-radius:8px;max-width:160px;padding:6px 10px;font-size:.78rem;line-height:1;display:inline-block;overflow:hidden}.copy-btn,.table-btn{color:#bfd1f4;cursor:pointer;background:#1c273db3;border:1px solid #2f4061;border-radius:6px;height:24px;padding:0 8px;font-size:.74rem}.table-btn.danger{color:#ff7d90;border-color:#5d2330}.status-chip{color:#1be5c7;background:#1f7f712e;border:1px solid #1c756a;border-radius:999px;padding:2px 8px;font-size:.72rem}.status-chip--toggle{cursor:pointer;font:inherit;line-height:inherit;transition:opacity .15s,transform .1s}.status-chip--toggle:hover:not(:disabled){filter:brightness(1.08)}.status-chip--toggle:disabled{opacity:.55;cursor:wait}.status-chip--active{color:#1be5c7;background:#1f7f7138;border-color:#1c756a}.status-chip--inactive{color:#9fb0d3;background:#3d4d6a40;border-color:#44516a}.status-chip.warn{color:#f0ba49;background:#b47e1f2e;border-color:#7a5e21}.status-chip.idle{color:#9fb0d3;background:#3d4d6a33;border-color:#44516a}.actions{gap:6px;display:flex}.muted-text{color:#86a1cb}.modal-backdrop{z-index:40;background:#01040aad;place-items:center;padding:10px;display:grid;position:fixed;inset:0}.add-user-modal{background:linear-gradient(#0f192c,#0b1221);border:1px solid #243653;border-radius:14px;flex-direction:column;width:min(620px,100vw - 28px);max-height:calc(100dvh - 24px);display:flex;overflow:hidden;box-shadow:0 30px 80px #0000008c}.add-user-modal-title{margin:0 0 14px;font-size:1.05rem;font-weight:600}.add-user-template-mode-hint{color:var(--muted);margin:0 0 8px;font-size:.74rem;line-height:1.35;display:block}.add-user-created{flex-direction:column;gap:10px;display:flex}.add-user-created-label{color:#b9d4ff;margin:0;font-size:.88rem}.add-user-api-key{word-break:break-all;color:#dfefff;background:#121d31;border:1px solid #243653;border-radius:8px;padding:10px 12px;font-size:.8rem;display:block}.add-user-created-hint{color:var(--muted);margin:0;font-size:.82rem}.add-user-error{margin-top:8px}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:18px;overflow-y:auto}.form-grid{gap:12px;display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-body label{flex-direction:column;gap:6px;display:flex}.modal-body label span,.checkbox-group p{color:#90a8d3;text-transform:uppercase;letter-spacing:1.2px;margin:0;font-size:.72rem}.modal-body input,.modal-body select{color:#d7e3ff;background:#121d31;border:1px solid #243653;border-radius:8px;outline:none;height:38px;padding:0 10px}.full-row{margin-top:12px}.checkbox-group{flex-direction:column;gap:8px;margin-top:12px;display:flex}.checkbox-group label{color:#d7e3ff;flex-direction:row;align-items:center;gap:8px;font-size:.95rem}.checkbox-group input[type=checkbox],.switch-row input[type=checkbox]{accent-color:var(--accent)}.switch-row{justify-content:flex-start;align-items:center;gap:10px;margin-top:14px;display:flex}.modal-footer{border-top:1px solid #1f2f4b;justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.mobile-nav-toggle{background:var(--accent);color:#141415;cursor:pointer;border:none;border-radius:8px;width:30px;height:30px;font-weight:700;display:none}.mobile-sidebar-backdrop{display:none}@media (width<=1180px){.crm-shell{border-inline:none;border-radius:0;grid-template-columns:1fr;position:relative}.sidebar{z-index:50;border-right:1px solid var(--line);border-bottom:none;gap:10px;width:min(86vw,320px);height:100dvh;padding:12px;transition:transform .24s;position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.topbar{grid-template-columns:auto 1fr;align-items:stretch}.topbar .mobile-nav-toggle{grid-area:1/1}.topbar h1{grid-area:1/2;align-self:center}.topbar-actions{grid-area:2/1/auto/-1;justify-content:flex-end}.topbar-search-slot{grid-area:3/1/auto/-1}.mobile-nav-toggle{place-items:center;display:inline-grid}.mobile-sidebar-backdrop{z-index:40;background:#0208129e;border:none;display:block;position:fixed;inset:0}.charts-grid,.placeholder-grid,.two-col,.settings-grid{grid-template-columns:1fr}.templates-grid,.products-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.template-config-page{grid-template-columns:1fr}}@media (width<=768px){.login-shell{place-items:start center;min-height:100dvh;padding:10px}.login-card{border-radius:12px;margin-top:14px;padding:18px}.login-brand-logo{height:30px}.login-card h1{font-size:1.45rem}.menu-chip{border-radius:7px;width:26px;height:26px}.sidebar .brand-logo{max-width:min(200px,100% - 40px);height:30px;padding:5px 8px}.topbar{gap:8px;padding:10px 12px}.topbar h1{font-size:1rem}.topbar .ghost-btn{display:none}.search,.primary-btn{height:32px;font-size:.8rem}.stats-grid,.charts-grid,.users-page,.extractions-page,.templates-page,.products-page,.settings-page,.placeholder-card{padding-left:12px;padding-right:12px}.stats-grid{padding-top:12px}.chart-card,.stat-card,.users-card{border-radius:12px}.dashboard-filter-row{margin-left:12px;margin-right:12px}.dashboard-filter-item{flex:140px}.dashboard-filter-item .extractions-select,.dashboard-date-input{width:100%;min-width:0}.dashboard-filter-apply{width:auto}.bars{gap:4px;height:180px}.volume-chart-plot,.volume-chart-plot--skeleton,.volume-chart-y-axis--plot{height:180px}.volume-chart-y-axis{padding-bottom:18px}.donut-wrap{grid-template-columns:1fr}.donut{width:150px;height:150px;margin:0 auto}.users-card-head{flex-direction:column;align-items:stretch;gap:8px}.primary-btn.compact{width:100%}.settings-row{grid-template-columns:1fr;align-items:start;gap:8px}.settings-control,.input-with-action{min-width:100%}.settings-page{padding-top:12px}.users-table,.extractions-table{min-width:100%}.templates-head{flex-direction:column;align-items:stretch}.templates-grid,.products-grid{grid-template-columns:1fr}.template-config-page{padding-left:12px;padding-right:12px}.template-config-head{flex-direction:column}.template-config-actions{flex-wrap:wrap;width:100%}.template-fields-table{min-width:100%}.template-fields-table thead{display:none}.template-fields-table tbody{gap:8px;padding:8px;display:grid}.template-fields-table tr{border:1px solid #1b2941;border-radius:10px;gap:6px;padding:8px;display:grid}.template-fields-table td{border-bottom:none;justify-content:space-between;gap:10px;padding:3px 0;display:flex}.template-fields-table td:before{content:attr(data-label);color:#88a2cd;text-transform:uppercase;letter-spacing:1px;font-size:.64rem}.extractions-table thead{display:none}.extractions-table tbody{gap:10px;padding:8px;display:grid}.extractions-table tr{background:#0a1220b8;border:1px solid #1b2941;border-radius:10px;gap:6px;padding:8px;display:grid}.extractions-table td{white-space:normal;border-bottom:none;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-size:.78rem;display:flex}.extractions-table td:before{content:attr(data-label);color:#88a2cd;text-transform:uppercase;letter-spacing:1px;flex:0 0 42%;font-size:.66rem}.users-table thead{display:none}.users-table tbody{gap:10px;padding:8px;display:grid}.users-table tr{background:#0a1220b8;border:1px solid #1b2941;border-radius:10px;gap:6px;padding:8px;display:grid}.users-table td{border-bottom:none;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-size:.78rem;display:flex}.users-table td:before{content:attr(data-label);color:#88a2cd;text-transform:uppercase;letter-spacing:1px;flex:0 0 42%;font-size:.66rem}.users-table td[data-label=User]{border-bottom:1px solid #1b2941;padding-bottom:6px;display:block}.users-table td[data-label=User]:before{display:none}.users-table td[data-label=Actions] .actions{justify-content:flex-end;width:100%}.key-cell{justify-content:flex-end}.add-user-modal,.template-modal{border-radius:10px;width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.modal-body{padding:14px 14px 28px}.modal-footer{z-index:2;background:linear-gradient(#0f192c,#0b1221);flex-direction:column;padding:12px 14px;position:sticky;bottom:0}.modal-footer .ghost-btn,.modal-footer .primary-btn{width:100%}}@media (width<=520px){.stats-grid{grid-template-columns:1fr}.placeholder-card{margin:12px}.users-page,.extractions-page,.templates-page,.settings-page{padding:12px}.users-table td{padding:4px 0;font-size:.78rem}.user-cell p{font-size:.68rem}.users-table td:before{flex-basis:46%;font-size:.62rem}.table-btn,.copy-btn{padding:0 6px;font-size:.7rem}}
