:root{--bg-light: radial-gradient(circle at top left, rgba(47, 132, 255, .18), transparent 24%), radial-gradient(circle at top right, rgba(6, 182, 212, .14), transparent 20%), linear-gradient(180deg, #f4f7fc 0%, #edf2f8 100%);--bg-dark: radial-gradient(circle at top left, rgba(47, 132, 255, .18), transparent 22%), radial-gradient(circle at top right, rgba(6, 182, 212, .14), transparent 18%), linear-gradient(180deg, #0d1523 0%, #142033 100%);--surface-light: rgba(255, 255, 255, .92);--surface-dark: rgba(16, 25, 43, .92);--text-light: #182235;--text-dark: #e8f1ff;--border-light: rgba(80,100,130,.16);--border-dark: rgba(168, 191, 222, .1);--accent: #2f84ff;--accent-strong: #175fd3;--ok: #28a468;--danger: #d64b62;--shadow: 0 22px 44px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,SF Pro Display,Segoe UI,sans-serif;font-size:14px}.auth-splash{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-splash.light{background:var(--bg-light);color:var(--text-light)}.auth-splash.dark{background:var(--bg-dark);color:var(--text-dark)}.auth-splash-inner{display:grid;justify-items:center;gap:14px}.auth-spinner{width:44px;height:44px;border-radius:999px;border:4px solid rgba(255,255,255,.25);border-top-color:var(--accent);border-right-color:var(--accent);animation:spin .9s linear infinite}.auth-text{font-size:15px;opacity:.9}.app{min-height:100vh;padding:14px;display:grid;grid-template-rows:auto auto 1fr auto;gap:12px}.app.light{background:var(--bg-light);color:var(--text-light)}.app.dark{background:var(--bg-dark);color:var(--text-dark)}.hero,.screen,.surface,.card,.tabs{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hero,.screen,.surface,.card{border-radius:24px;padding:16px;box-shadow:var(--shadow);border:1px solid transparent}.app.light .hero,.app.light .screen,.app.light .surface,.app.light .card{background:var(--surface-light);border-color:var(--border-light)}.app.dark .hero,.app.dark .screen,.app.dark .surface,.app.dark .card{background:var(--surface-dark);border-color:var(--border-dark)}.hero-banner{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr);gap:16px}.eyebrow,.metric-label{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#2f84ff1f;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-copy h1{margin:10px 0 8px;font-size:clamp(1.65rem,3.6vw,2.2rem);line-height:1.02;letter-spacing:-.04em}.hero-copy p{margin:0;opacity:.72;max-width:36rem;font-size:13px;line-height:1.4}.hero-summary{display:grid;gap:10px}.summary-pill,.stat-card{border-radius:20px;padding:16px;background:linear-gradient(180deg,#2f84ff24,#2f84ff0a);display:grid;gap:8px}.summary-pill span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.summary-pill strong,.stat-card b{font-size:1.45rem;letter-spacing:-.04em}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title.compact{align-items:flex-start}.section-title h2,.section-title h3{margin:0;font-size:1.02rem;letter-spacing:-.03em}.section-title p{margin:4px 0 0;opacity:.72;font-size:12px;line-height:1.35}.stack{display:grid;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}input,select,button{width:100%;min-height:44px;border-radius:16px;border:1px solid rgba(80,100,130,.18);padding:10px 12px;background:transparent;color:inherit;font:inherit}.app.dark input,.app.dark select,.app.dark button{border-color:#a8bfde1f}button{cursor:pointer;transition:transform .18s ease}button:active{transform:scale(.986)}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:transparent;color:#fff;font-weight:700}.secondary{background:#ffffff57}.app.dark .secondary{background:#ffffff0d}.list{margin:0;padding-left:0;list-style:none;display:grid;gap:8px}.cards li{border:1px solid rgba(80,100,130,.18);border-radius:18px;padding:12px;overflow-x:auto}.app.dark .cards li{border-color:#a8bfde1f}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;background:#2f84ff14;font-size:11px;font-weight:700}.token{display:block;word-break:break-all}.token-box{margin-top:10px;padding:12px 14px;border-radius:18px;background:#2f84ff14;border:1px dashed rgba(47,132,255,.26)}.muted{opacity:.75;font-size:12px}.empty-state{border:1px dashed rgba(80,100,130,.32);border-radius:18px;padding:14px;font-size:14px;opacity:.84}.alert{border-radius:18px;padding:12px 14px}.alert.success{background:#28a46833;border:1px solid rgba(40,164,104,.35)}.alert.error,.error-box{background:#d64b6233;border:1px solid rgba(214,75,98,.35)}.tabs{display:flex;gap:8px;overflow-x:auto;padding:10px;border-radius:22px}.app.light .tabs{background:#ffffffb3;border:1px solid rgba(80,100,130,.12)}.app.dark .tabs{background:#ffffff0a;border:1px solid rgba(168,191,222,.08)}.tab{flex:0 0 auto;min-width:100px;text-decoration:none;color:inherit;text-align:center;padding:10px;border-radius:16px;font-size:11px;font-weight:700}.app.light .tab{background:#e5edfbeb}.app.dark .tab{background:#24375bc7}.tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.skeleton{animation:pulse 1.3s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-screen{display:grid;gap:14px;align-content:start}.compact-filter{display:inline-grid;gap:8px;min-width:140px}.compact-filter span{font-size:12px;font-weight:700;opacity:.72}.analytics-sections,.analytics-section{display:grid;gap:14px}.summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.summary-strip.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip-item{border-radius:18px;padding:12px 14px;background:#2f84ff12;display:grid;gap:6px}.summary-strip-item span{font-size:11px;opacity:.72;text-transform:uppercase;letter-spacing:.06em}.summary-strip-item strong{font-size:.98rem;letter-spacing:-.03em}.snapshot-card{display:grid;gap:12px}.mini-chart{display:grid;gap:10px}.mini-chart-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(22px,1fr));align-items:end;gap:8px;min-height:140px}.mini-chart.compact .mini-chart-bars{min-height:110px}.mini-chart-bar-wrap{display:grid;gap:6px;justify-items:center}.mini-chart-bar{width:100%;border-radius:999px 999px 10px 10px;background:linear-gradient(180deg,#2f84fff5,#175fd3b8);min-height:10px}.mini-chart-bar-wrap span{font-size:11px;opacity:.68}.data-table-card{display:grid;gap:10px}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:640px}.data-table th,.data-table td{padding:9px 10px;text-align:left;border-bottom:1px solid rgba(80,100,130,.14);font-size:12px;vertical-align:top}.app.dark .data-table th,.app.dark .data-table td{border-bottom-color:#a8bfde14}.data-table th{opacity:.72;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.support-toolbar{display:grid;gap:10px;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(160px,.5fr))}.support-layout{display:grid;gap:14px;grid-template-columns:minmax(300px,.95fr) minmax(0,1.25fr)}.support-inbox-list,.support-thread{display:grid;gap:12px;align-content:start}.support-ticket-list{display:grid;gap:10px;max-height:74vh;overflow-y:auto;padding-right:2px}.support-ticket-card{width:100%;text-align:left;border-radius:20px;padding:14px;display:grid;gap:8px;background:#2f84ff0d}.support-ticket-card.active{border-color:#2f84ff61;box-shadow:0 0 0 1px #2f84ff29}.support-ticket-card.unread{background:linear-gradient(180deg,#2f84ff1f,#2f84ff0a)}.support-ticket-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;opacity:.74}.support-ticket-title{font-size:14px;line-height:1.28}.support-ticket-card p{margin:0;font-size:12px;line-height:1.45;opacity:.82}.support-ticket-footer{min-height:18px}.support-unread-dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 18px #2f84ff4d}.ticket-status{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#2f84ff1a}.ticket-status.new{background:#2f84ff24;color:var(--accent)}.ticket-status.in_progress{background:#f9731624;color:#f97316}.ticket-status.waiting_user{background:#eab30829;color:#d6a404}.ticket-status.resolved{background:#28a46829;color:var(--ok)}.ticket-status.closed{background:#94a3b82e;color:#7f8da1}.support-thread-actions{display:flex;flex-wrap:wrap;gap:8px}.support-thread-actions button{width:auto;min-width:132px}.support-thread-messages{display:grid;gap:10px;max-height:60vh;overflow-y:auto;padding-right:2px}.support-message{border-radius:18px;padding:12px 14px;display:grid;gap:8px}.support-message.client{background:#2f84ff0f}.support-message.staff{background:#28a4681a}.support-message p{margin:0;line-height:1.45}.support-attachment{text-decoration:none;color:var(--accent);font-size:13px;font-weight:700}.support-reply-box{display:grid;gap:10px}.support-reply-box textarea{width:100%;min-height:112px;border-radius:18px;border:1px solid rgba(80,100,130,.18);padding:12px 14px;background:transparent;color:inherit;font:inherit;resize:vertical}.app.dark .support-reply-box textarea{border-color:#a8bfde1f}.exports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.export-card{display:grid;gap:12px;align-content:start}.settings-form{display:grid;gap:10px}.inline-check{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.compact-button{min-height:40px;font-size:12px;font-weight:700}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#060c148a;display:flex;align-items:flex-end;justify-content:center;padding:12px}.bottom-sheet.admin-list-sheet{width:min(760px,100%);max-height:min(86vh,860px);overflow:auto;border-radius:24px;padding:12px;display:grid;gap:12px}.app.light .bottom-sheet.admin-list-sheet{background:var(--surface-light);border:1px solid var(--border-light)}.app.dark .bottom-sheet.admin-list-sheet{background:var(--surface-dark);border:1px solid var(--border-dark)}.sheet-handle{width:44px;height:4px;border-radius:999px;margin:2px auto 0;background:#8ca0be57}.period-chip-row{display:flex;flex-wrap:wrap;gap:8px}.sheet-period-chip{width:auto;min-height:34px;padding:0 12px;border-radius:999px;font-size:11px;font-weight:700;background:#ffffff0f}.sheet-period-chip.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:transparent;color:#fff}.admin-sheet-caption{font-size:11px;opacity:.68}.full-list-sheet{max-height:56vh;overflow:auto;padding-right:2px}.admin-sheet-table{max-height:56vh;overflow:auto}.inline-check input{width:18px;min-height:18px;height:18px;padding:0;margin:0}@media(max-width:960px){.hero-banner,.support-layout,.support-toolbar,.grid2{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{position:sticky;bottom:0}}@media(max-width:640px){.app{padding:12px}.hero,.screen,.surface,.card{padding:14px}.stats-grid,.summary-strip{grid-template-columns:1fr}.tab{min-width:92px}}@media(max-width:860px){.hero-banner,.stats-grid,.grid2{grid-template-columns:1fr}}