.range-toggle{position:relative}.range-toggle-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:180px;padding:8px 12px;background:var(--bg-panel);color:var(--text-main-dark);border:1px solid var(--border-dark);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--ease-fast),border-color var(--ease-fast),box-shadow var(--ease-fast),transform 80ms ease}.range-toggle-trigger:hover{background:#0b132a;border-color:#6366f180}.range-toggle-trigger:active{transform:translateY(1px)}.range-toggle-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px #6366f166}.range-toggle-label{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.range-toggle-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-muted-dark);opacity:.8}.range-toggle-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:240px;background:var(--bg-panel);border:1px solid var(--border-dark);border-radius:var(--radius-md);padding:8px;box-shadow:0 16px 36px #0009,inset 0 1px #ffffff0a}.range-toggle-options{display:flex;flex-direction:column;gap:2px}.range-toggle-option{padding:8px 10px;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-muted-dark);cursor:pointer;transition:background var(--ease-fast),color var(--ease-fast),transform 80ms ease}.range-toggle-option:hover{background:#0b132a;color:var(--text-main-dark);transform:translate(2px)}.range-toggle-option.is-active{background:linear-gradient(135deg,#6366f12e,#8b5cf62e);color:#c7d2fe}.range-inline{position:relative;display:flex;align-items:center;gap:8px}.range-inline-field{padding:8px 12px;min-width:120px;background:var(--bg-panel);color:var(--text-main-dark);border:1px solid var(--border-dark);border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:border-color var(--ease-fast),box-shadow var(--ease-fast),background var(--ease-fast)}.range-inline-field:hover{border-color:#6366f180}.range-inline-field.is-active{border-color:#6366f1e6;box-shadow:0 0 0 2px #6366f159}.range-inline-sep{color:var(--text-muted-dark);font-weight:600}.range-inline-apply{padding:8px 14px;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:transform 80ms ease,box-shadow var(--ease-fast),opacity var(--ease-fast)}.range-inline-apply:hover{box-shadow:0 6px 16px #6366f173;opacity:.95}.range-inline-apply:active{transform:translateY(1px)}.range-inline-calendar{position:absolute;top:calc(100% + 8px);left:0;z-index:40}.calendar{background:#020617;border:1px solid var(--border-dark);border-radius:10px;padding:10px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:600}.calendar-header button{background:transparent;border:none;color:var(--text-muted-dark);cursor:pointer;font-size:16px}.calendar-header button:hover{color:#c7d2fe}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-dow{text-align:center;font-size:11px;color:var(--text-muted-dark)}.calendar-day{height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-main-dark);font-size:12px;cursor:pointer;transition:background var(--ease-fast),transform 80ms ease}.calendar-day:hover{background:#0b132a}.calendar-day.is-selected{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff}.calendar-day.is-disabled{opacity:.25;cursor:not-allowed}.layout.light .range-toggle-trigger{background:#fff;color:var(--text-main-light);border-color:var(--border-light)}.layout.light .range-toggle-trigger:hover{background:#f1f5f9;border-color:#6366f173}.layout.light .range-toggle-caret{border-top-color:var(--text-muted-light)}.layout.light .range-toggle-popover{background:#fff;border-color:var(--border-light);box-shadow:0 16px 36px #0f172a1f,inset 0 1px #fffc}.layout.light .range-toggle-option{color:var(--text-muted-light)}.layout.light .range-toggle-option:hover{background:#f1f5f9;color:var(--text-main-light)}.layout.light .range-toggle-option.is-active{background:linear-gradient(135deg,#6366f11f,#8b5cf61f);color:#1e3a8a}.layout.light .range-inline-field{background:#fff;color:var(--text-main-light);border-color:var(--border-light)}.layout.light .range-inline-field:hover{background:#f8fafc}.layout.light .range-inline-field.is-active{border-color:#6366f199}.layout.light .calendar{background:#fff;border-color:var(--border-light)}.layout.light .calendar-header{color:var(--text-main-light)}.layout.light .calendar-header button{color:var(--text-muted-light)}.layout.light .calendar-header button:hover{color:#1e3a8a}.layout.light .calendar-dow{color:var(--text-muted-light)}.layout.light .calendar-day{color:var(--text-main-light)}.layout.light .calendar-day:hover{background:#f1f5f9}.layout.light .calendar-day.is-selected{color:#fff}.layout.light .calendar-day.is-disabled{opacity:.35}:root{--bg-dark: #0b1220;--bg-panel: #020617;--bg-topbar: #0f172a;--bg-light: #ffffff;--border-dark: #1e293b;--border-light: #e5e7eb;--text-main-dark: #e5e7eb;--text-main-light: #0f172a;--text-muted-dark: #94a3b8;--text-muted-light: #475569;--accent-start: #6366f1;--accent-end: #8b5cf6;--positive: #22c55e;--negative: #ef4444;--radius-sm: 10px;--radius-md: 14px;--radius-full: 999px;--ease-fast: .16s ease;--ease-med: .22s ease}:root{--bg-app: var(--bg-dark);--bg-surface: var(--bg-panel);--bg-header: var(--bg-topbar);--border-default: var(--border-dark);--text-main: var(--text-main-dark);--text-muted: var(--text-muted-dark)}.layout.light{--bg-app: #f5f7fb;--bg-surface: #ffffff;--bg-header: var(--bg-light);--border-default: var(--border-light);--text-main: var(--text-main-light);--text-muted: var(--text-muted-light)}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg-app);color:var(--text-main)}.layout{display:flex;min-height:100vh;background:var(--bg-app);color:var(--text-main)}.main{flex:1;display:flex;flex-direction:column}.content{flex:1;overflow-y:auto;padding:32px 36px;display:flex;flex-direction:column;gap:32px}.topbar{height:70px;display:flex;align-items:center;padding:0 24px;background:var(--bg-header);border-bottom:2px solid var(--border-default)}.topbar-left{display:flex;align-items:center;gap:14px}.topbar-title{font-size:19px;font-weight:600}.topbar-center{flex:1;display:flex;justify-content:center}.topbar-actions{display:flex;align-items:center;gap:20px;color:var(--text-muted)}.icon-btn,.theme-toggle{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;cursor:pointer;color:inherit}.icon-btn:hover,.theme-toggle:hover{background:var(--bg-surface);border-radius:var(--radius-full)}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-surface);border:2px solid var(--border-default);border-radius:var(--radius-full);font-size:16px;font-weight:600}.sidebar{width:265px;padding:20px 14px;background:var(--bg-surface);border-right:2px solid var(--border-default);transition:width var(--ease-med),padding var(--ease-med),background-color var(--ease-med)}.sidebar-header{display:flex;align-items:center;gap:12px;padding:12px 20px 32px}.sidebar-logo{width:46px;height:46px;object-fit:contain}.sidebar-brand{display:flex;flex-direction:column;line-height:1.15}.sidebar-title-main{font-size:20px;font-weight:600}.sidebar-title-sub{font-size:14px;font-weight:600;color:var(--text-muted)}.sidebar.collapsed{width:72px;padding:16px 8px}.sidebar.collapsed .sidebar-header{padding:12px 0 24px;justify-content:center}.sidebar.collapsed .sidebar-brand{opacity:0;transform:translate(-6px);pointer-events:none}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;background:transparent;border:none;font-size:16px;font-weight:600;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.sidebar-item:hover{background:var(--bg-surface);color:#c7d2fe}.sidebar-item.active{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff}.card{position:relative;background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:22px;cursor:pointer;transition:transform var(--ease-fast),box-shadow var(--ease-fast),border-color var(--ease-fast)}.card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #00000080,0 0 0 1px #6366f159;border-color:#6366f1e6}.card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);opacity:0;pointer-events:none;background:radial-gradient(500px circle at top left,rgba(99,102,241,.12),transparent 42%);transition:opacity var(--ease-fast)}.card:hover:before{opacity:1}.card h4{margin:0 0 14px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.metric-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.metric-delta{font-size:12px;font-weight:600}.metric-value{font-size:36px;font-weight:700;line-height:1.05}.positive{color:var(--positive)}.negative{color:var(--negative)}.major-block.primary .card{padding:26px;border-color:#6366f199;box-shadow:0 0 0 1px #6366f126}.major-block.primary .metric-value{font-size:42px}.card.skeleton{height:128px;cursor:default;background:linear-gradient(90deg,var(--bg-surface) 25%,var(--border-default) 37%,var(--bg-surface) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:0 0}}.users-analytics-card{padding:0}.users-analytics-card:hover{transform:none;box-shadow:none}.analytics-card-header{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:22px 26px 16px;border-bottom:1px solid var(--border-default)}.metric-summary{cursor:pointer;padding:12px 14px;border-radius:8px;transition:background .15s ease}.metric-summary:hover{background:#7c7cff14}.metric-summary.active{background:#7c7cff24;box-shadow:inset 0 -2px #7c7cff}.metric-summary-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.metric-summary-value{display:flex;align-items:center;gap:10px;font-size:34px;font-weight:700;line-height:1.1}.metric-summary-delta{font-size:12px;font-weight:600}.chart-tooltip{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 12px;box-shadow:0 12px 24px #00000073,0 0 0 1px #6366f140}.chart-tooltip-date{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.chart-tooltip-row{display:flex;align-items:center;gap:6px;font-size:13px}.chart-tooltip-label{color:var(--text-muted);white-space:nowrap}.chart-tooltip-sep{color:var(--text-muted)}.chart-tooltip-value{font-weight:600;color:var(--text-main)}.section{margin-bottom:32px}.section h3{font-size:12px;font-weight:600;margin-bottom:12px;color:var(--text-muted);text-transform:uppercase}.section-header{display:flex;align-items:center;gap:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.grid>:only-child{max-width:320px}.distribution{display:flex;flex-direction:column;gap:14px}.distribution-row{display:grid;grid-template-columns:120px 1fr 40px;gap:10px;align-items:center;font-size:13px;color:var(--text-main);transition:transform .12s ease}.distribution-row:hover{transform:translate(4px)}.distribution-row .label{color:var(--text-muted)}.distribution-row .bar{height:8px;background:var(--bg-surface);border-radius:6px;overflow:hidden}.distribution-row .fill{height:100%;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));transition:width .24s ease}.distribution-row .value{text-align:right;font-weight:600;color:var(--text-main)}