:root{font-family:IBM Plex Sans,Manrope,Segoe UI,sans-serif;color:#172033;background:#eef2ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: rgba(255, 255, 255, .86);--line: rgba(23, 32, 51, .12);--muted: #697386;--ink: #172033;--danger: #b91c1c;--success: #047857}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#eef2ef,#e8edf4 46%,#f6f0e6)}button{font:inherit}.page-shell{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.app-tabs{display:flex;gap:8px;padding:6px;width:fit-content;border:1px solid var(--line);border-radius:16px;background:#ffffffb8}.app-tabs button{min-width:118px;min-height:38px;border:0;border-radius:12px;background:transparent;color:#475569;cursor:pointer;font-weight:900}.app-tabs button.active{background:#172033;color:#fff}.session-bar{display:flex;align-items:center;gap:10px;max-width:100%;padding:6px;border:1px solid var(--line);border-radius:16px;background:#ffffffb8;color:#475569;font-size:.88rem;font-weight:800}.session-bar span{min-width:0;max-width:260px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.session-bar button{min-height:36px;border:0;border-radius:12px;background:#172033;color:#fff;cursor:pointer;font-weight:900}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-panel{width:min(460px,100%);border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 24px 70px #17203314;padding:28px}.auth-panel h1{margin-bottom:22px;font-size:2.2rem;line-height:1;letter-spacing:0}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;color:#475569;font-size:.82rem;font-weight:900;text-transform:uppercase}.auth-form input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;background:#ffffffd1;color:var(--ink);font:inherit;font-weight:700;padding:0 12px}.auth-form button{min-height:44px;border:0;border-radius:12px;background:#172033;color:#fff;cursor:pointer;font-weight:900}.auth-form button.secondary{border:1px solid var(--line);background:#ffffffd1;color:#334155}.auth-form button:disabled,.session-bar button:disabled{cursor:default;opacity:.62}.auth-error,.auth-hint{margin:0;font-size:.9rem;line-height:1.45}.auth-error{color:var(--danger);font-weight:800}.auth-hint{color:var(--muted)}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-panel,.toolbar,.error-state,.analytics-card,.analytics-section,.active-users-panel,.user-events-panel,.activity-window{border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 70px #17203314;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{min-height:210px;padding:30px;border-radius:30px;background:linear-gradient(135deg,#ffffffeb,#f5f7fabd),repeating-linear-gradient(90deg,rgba(23,32,51,.05) 0 1px,transparent 1px 48px)}.compact-hero{min-height:170px}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:840px;margin-bottom:14px;font-size:clamp(2.15rem,5vw,5.2rem);line-height:.92;letter-spacing:-.075em}.hero-copy{max-width:780px;margin-bottom:0;color:#475569;font-size:1.02rem;line-height:1.65}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:14px;border-radius:22px}.analytics-filters{align-items:stretch;flex-direction:column}.range-tabs{display:flex;flex-wrap:wrap;gap:8px}.range-tabs button,.toolbar-meta button,.error-state button{min-height:38px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;color:#334155;cursor:pointer;font-weight:800}.range-tabs button{padding:0 14px}.range-tabs button.active,.toolbar-meta button,.error-state button{border-color:#172033;background:#172033;color:#fff}.toolbar-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;color:var(--muted);font-size:.86rem;font-weight:700}.filter-row,.filter-chips,.summary-stats{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.filter-row{justify-content:space-between}.filter-group{min-width:0;margin:0;padding:0;border:0}.filter-group legend,.text-filter span{margin-bottom:6px;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.filter-chip,.toggle-filter{display:inline-flex;align-items:center;min-height:34px;gap:7px;border:1px solid var(--line);border-radius:999px;background:#ffffffb3;color:#475569;cursor:pointer;font-size:.84rem;font-weight:900}.filter-chip{padding:0 11px}.filter-chip.active{border-color:#172033;background:#172033;color:#fff}.filter-chip input,.toggle-filter input{width:15px;height:15px;margin:0;accent-color:#172033}.text-filter{display:grid;gap:6px;min-width:150px}.text-filter input{width:100%;min-height:36px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-weight:800;padding:0 10px}.toggle-filter{padding:0 12px}.toolbar-meta button,.error-state button{padding:0 16px}.toolbar-meta button:disabled{cursor:progress;opacity:.64}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel-head h2{margin-bottom:0;font-size:1.2rem;letter-spacing:-.025em}.panel-head button,.pagination-bar button,.load-more-button{min-height:36px;border:1px solid var(--line);border-radius:12px;background:#172033;color:#fff;cursor:pointer;font-weight:900}.panel-head button{padding:0 12px}.panel-head button:disabled,.pagination-bar button:disabled,.load-more-button:disabled{cursor:default;opacity:.52}.user-analytics-layout{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:16px;margin-top:18px;align-items:start}.vpn-nodes-layout{display:grid;grid-template-columns:minmax(360px,460px) minmax(0,1fr);gap:16px;margin-top:18px;align-items:start}.active-users-panel,.user-events-panel{min-width:0;border-radius:24px;padding:18px}.active-users-panel{position:sticky;top:16px}.active-users-list,.activity-windows-list{display:grid;gap:10px;margin-top:16px}.vpn-fleet-toolbar .filter-row{width:100%}.vpn-text-filter{min-width:118px;flex:1 1 128px}.vpn-select-filter select{padding:0 10px}.vpn-nodes-panel{max-height:calc(100vh - 32px);overflow:auto}.vpn-node-workspace{display:grid;gap:18px}.vpn-node-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;width:100%;min-height:118px;padding:12px;border:1px solid rgba(23,32,51,.1);border-radius:14px;background:#ffffffad;color:var(--ink);cursor:pointer;text-align:left}.vpn-node-row.selected{border-color:#17203385;background:#fff;box-shadow:inset 4px 0 #2563eb}.vpn-node-row-main{display:grid;min-width:0;gap:4px}.vpn-node-row-main strong{overflow-wrap:anywhere}.vpn-node-row-main span,.vpn-node-row-metrics{color:var(--muted);font-size:.82rem;font-weight:800}.vpn-node-row-status,.vpn-node-row-metrics{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;gap:7px}.vpn-node-row-metrics{grid-column:1 / -1;justify-content:flex-start}.capacity-meter{grid-column:1 / -1;height:8px;overflow:hidden;border-radius:999px;background:#e2e8f0}.capacity-meter span{display:block;height:100%;border-radius:inherit;background:#2563eb}.vpn-node-detail{display:grid;gap:16px}.vpn-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.vpn-node-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.vpn-node-facts div{min-width:0;padding:12px;border:1px solid rgba(23,32,51,.09);border-radius:14px;background:#ffffff9e}.vpn-node-facts dt{margin-bottom:5px;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.vpn-node-facts dd{margin:0;overflow-wrap:anywhere;color:var(--ink);font-weight:900}.vpn-status-events{display:grid;gap:8px;margin:0;padding:0;list-style:none}.vpn-status-events li{display:grid;grid-template-columns:108px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#475569;font-size:.84rem;font-weight:800}.vpn-status-events strong,.vpn-status-events em{min-width:0;overflow-wrap:anywhere}.vpn-status-events em{color:var(--muted);font-style:normal}.vpn-users-section{display:grid;gap:14px}.vpn-users-head{align-items:center}.vpn-user-filters{align-items:end}.vpn-users-table-wrap{margin-top:0}.vpn-users-table{min-width:980px}.wide-action{width:100%;margin-top:14px}.active-user-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;width:100%;min-height:96px;padding:12px;border:1px solid rgba(23,32,51,.1);border-radius:14px;background:#ffffffad;color:var(--ink);cursor:pointer;text-align:left}.active-user-row.selected{border-color:#17203385;background:#fff;box-shadow:inset 4px 0 #0f766e}.active-user-main,.active-user-stats,.active-user-counts,.event-meta-line,.window-counters,.pagination-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.active-user-main{min-width:0;flex-direction:column;align-items:flex-start;gap:4px}.active-user-main strong,.event-title-line strong{overflow-wrap:anywhere}.active-user-main span,.panel-subtitle,.event-meta-line,.event-time,.activity-window-head p,.pagination-bar{color:var(--muted);font-size:.82rem;font-weight:700}.active-user-stats{justify-content:flex-end;align-self:start}.active-user-counts{grid-column:1 / -1}.outcome-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:.72rem;font-weight:900;line-height:1}.outcome-succeeded{background:#dcfce7;color:#166534}.outcome-failed{background:#fee2e2;color:#991b1b}.outcome-neutral{background:#e2e8f0;color:#334155}.danger-text{color:var(--danger)}.pagination-bar{justify-content:space-between;margin-top:16px}.pagination-bar button{min-width:86px;padding:0 12px}.events-head{align-items:center}.window-select{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.84rem;font-weight:900}.window-select select{min-height:36px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-weight:900}.activity-window{padding:0;border-radius:18px;box-shadow:none;overflow:hidden}.activity-window-head{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;gap:18px;align-items:center;width:100%;min-height:78px;padding:14px 16px;border:0;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.activity-window.expanded .activity-window-head{border-bottom:1px solid var(--line)}.activity-window-head:hover{background:#f8fafccc}.window-range{display:flex;min-width:0;align-items:center;gap:12px}.window-toggle-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:#172033;color:#fff;font-size:1.1rem;font-weight:900;line-height:1}.activity-window-head h3{margin:0 0 5px;overflow-wrap:anywhere;font-size:1.08rem;letter-spacing:0}.activity-window-head p{margin:0;font-size:.9rem}.window-counters{justify-content:flex-end;font-weight:900}.window-counters span{min-height:30px;padding:5px 10px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:.86rem}.event-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.event-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;padding:16px;border-bottom:1px solid rgba(23,32,51,.08)}.event-row:last-child{border-bottom:0}.event-title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.event-body{min-width:0}.event-meta-line{margin-top:9px;gap:7px;font-size:.9rem;line-height:1.35}.event-meta-chip,.event-meta-path{display:inline-flex;align-items:center;min-height:28px;border-radius:9px;background:#f1f5f9}.event-meta-chip{padding:4px 8px;color:#475569}.event-meta-path{max-width:100%;padding:4px 10px;overflow-wrap:anywhere;color:#334155;font-weight:900}.inline-error,.empty-state,.list-placeholder{margin:16px 0 0;padding:14px;border-radius:14px;background:#ffffffa8;color:var(--muted);font-weight:800}.analytics-section{margin-top:18px;padding:18px;border-radius:24px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-head h2{margin-bottom:0;font-size:1.42rem;letter-spacing:-.035em}.summary-stats{justify-content:flex-end}.summary-stat{display:grid;min-width:132px;min-height:58px;padding:9px 12px;border:1px solid rgba(23,32,51,.1);border-radius:14px;background:#ffffffad}.summary-stat span{color:var(--muted);font-size:.74rem;font-weight:900}.summary-stat strong{margin-top:4px;color:var(--ink);font-size:1.02rem;line-height:1.1;overflow-wrap:anywhere}.data-table-wrap{width:100%;margin-top:16px;overflow-x:auto;border:1px solid rgba(23,32,51,.1);border-radius:16px;background:#ffffff8a}.data-table{width:100%;min-width:1120px;border-collapse:collapse;text-align:left}.promo-table{min-width:1180px}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid rgba(23,32,51,.08);vertical-align:top}.data-table th{position:sticky;top:0;z-index:1;background:#f8fafc;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.data-table td{color:#243044;font-size:.9rem;font-weight:800}.data-table tr:last-child td{border-bottom:0}.data-table td strong,.data-table td span{display:block}.data-table td strong{max-width:250px;overflow-wrap:anywhere;color:var(--ink);font-size:.96rem}.data-table td span{margin-top:4px;color:var(--muted);font-size:.78rem;font-weight:800;overflow-wrap:anywhere}.status-pill{display:inline-flex;width:fit-content;min-height:26px;align-items:center;padding:0 9px;border-radius:999px;font-size:.74rem;font-weight:900}.status-active{background:#dcfce7;color:#166534}.status-paused{background:#fef3c7;color:#92400e}.status-deleted{background:#fee2e2;color:#991b1b}.ghost-action{min-height:32px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;color:#64748b;cursor:not-allowed;font-weight:900}.inline-error{color:var(--danger)}.load-more-button{width:100%;margin-top:14px}.analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.analytics-card{min-height:326px;overflow:hidden;padding:20px;border-radius:26px;position:relative}.analytics-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#94a3b8}.analytics-card-blue:before{background:#2563eb}.analytics-card-green:before{background:#059669}.analytics-card-amber:before{background:#d97706}.analytics-card-red:before{background:#dc2626}.analytics-card-slate:before{background:#475569}.analytics-card-alert{border-color:#dc262647}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.card-head h2{margin-bottom:0;font-size:1.28rem;letter-spacing:-.035em}.delta{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.78rem;font-weight:900}.delta-up{background:#dcfce7;color:#166534}.delta-down{background:#fee2e2;color:#991b1b}.delta-flat{background:#e2e8f0;color:#334155}.metric-value{margin-top:20px;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1;font-weight:900;letter-spacing:-.065em}.metric-description{min-height:42px;margin:12px 0;color:var(--muted);line-height:1.45}.mini-chart{width:100%;height:128px;display:block}.chart-area{opacity:.13}.chart-area-blue{fill:#2563eb}.chart-area-green{fill:#059669}.chart-area-amber{fill:#d97706}.chart-area-red{fill:#dc2626}.chart-area-slate{fill:#475569}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-dot{stroke:#fff;stroke-width:1.5}.mini-chart-empty,.error-state{color:var(--muted)}.error-state{margin-top:18px;padding:22px;border-radius:24px}.error-state h2{color:var(--ink);margin-bottom:8px}.skeleton{animation:pulse 1.2s ease-in-out infinite alternate}.skeleton-line,.skeleton-chart{border-radius:999px;background:#e2e8f0}.skeleton-line.short{width:34%;height:14px}.skeleton-line.title{width:62%;height:22px;margin-top:16px}.skeleton-line.value{width:48%;height:52px;margin-top:32px}.skeleton-chart{height:120px;margin-top:28px;border-radius:24px}@keyframes pulse{0%{opacity:.58}to{opacity:1}}@media(max-width:1020px){.hero-panel,.toolbar{flex-direction:column;align-items:stretch}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-meta{justify-content:flex-start}.user-analytics-layout,.vpn-nodes-layout{grid-template-columns:1fr}.section-head{flex-direction:column}.summary-stats{justify-content:flex-start}.active-users-panel{position:static}}@media(max-width:680px){.page-shell{width:min(100% - 20px,1480px);padding-top:10px}.app-header{align-items:stretch;flex-direction:column}.hero-panel,.analytics-card,.toolbar{border-radius:20px}.hero-panel{padding:22px}.analytics-grid{grid-template-columns:1fr}.range-tabs button{flex:1 1 auto}.app-tabs{width:100%;overflow-x:auto}.session-bar{justify-content:space-between;width:100%}.app-tabs button{flex:1;min-width:0}.panel-head,.events-head,.activity-window-head{flex-direction:column;align-items:stretch}.activity-window-head,.active-user-row{grid-template-columns:1fr}.active-user-stats,.window-counters{justify-content:flex-start}.event-row{grid-template-columns:1fr;gap:8px}.event-time{margin-bottom:-6px}.filter-row,.filter-group,.text-filter,.vpn-select-filter,.vpn-select-filter select,.toolbar-meta button,.filter-row>button{width:100%}.vpn-summary-grid,.vpn-node-facts,.vpn-status-events li,.vpn-node-row{grid-template-columns:1fr}.vpn-node-row-status{justify-content:flex-start}.filter-chip,.toggle-filter{flex:1 1 auto;justify-content:center}.summary-stat{flex:1 1 150px}}