@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";:root{--page: #f6f8fb;--surface: #ffffff;--surface-soft: #f1f5f9;--text: #111827;--muted: #637083;--line: #dde5ef;--line-soft: #edf2f7;--accent: #176b87;--accent-soft: #eaf7fa;--ok: #2f855a;--warn: #b7791f;--danger: #c24136;--shadow: 0 8px 20px rgba(27, 38, 54, .06)}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;background:var(--page);color:var(--text);font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:400}body:has(.login-page){background:linear-gradient(180deg,rgba(23,107,135,.08),transparent 40%),var(--page)}button,input,select{font:inherit}strong{font-weight:500}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.64}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;z-index:30;height:100vh;overflow-y:auto;border-right:1px solid var(--line);background:var(--surface);padding:0 14px 18px}.brand{display:flex;align-items:center;gap:10px;height:58px;color:var(--text);font-size:18px;font-weight:500;text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:8px;display:block;object-fit:cover;box-shadow:var(--shadow)}.dashboard-switcher{display:grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:3px}.switcher-item,.menu-item,.refresh-button,.icon-button,.mobile-menu{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:8px;background:transparent;color:var(--muted);transition:background .16s ease,color .16s ease,box-shadow .16s ease}.switcher-item{width:100%;font-size:12px;font-weight:500}.switcher-item:hover,.switcher-item.active,.menu-item:hover,.menu-item.active{background:var(--accent-soft);color:var(--accent)}.switcher-item.active{background:var(--surface);box-shadow:var(--shadow)}.menu-label,.menu-section,.content-kicker{color:#8a98aa;font-size:10px;font-weight:500;letter-spacing:0;text-transform:uppercase}.menu-label{margin:16px 10px 0}.sidebar-menu{display:grid;gap:12px;border-top:1px solid var(--line-soft);margin-top:10px;padding-top:10px}.menu-group{display:grid;gap:6px}.menu-section{margin:0 10px 2px}.menu-item{width:100%;justify-content:flex-start;min-height:38px;padding:0 10px;text-align:left}.menu-item.active{box-shadow:inset 2px 0 0 var(--accent);font-weight:500}.main-content{min-width:0;padding:16px 20px}.topbar{display:flex;min-height:42px;align-items:center;gap:12px}.topbar h1{margin:0;font-size:18px;font-weight:500;line-height:1.2}.status-line{margin:3px 0 0;color:var(--muted);font-size:11px}.status-line.error{color:var(--danger)}.refresh-button{border:1px solid var(--line);background:var(--surface);color:var(--accent);font-weight:500;padding:0 12px}.admin-chip{display:inline-flex;align-items:center;min-height:32px;margin-left:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:500;padding:0 10px}.logout-button{margin-left:0}.login-page{display:grid;min-height:100vh;place-items:center;padding:20px}.login-panel{width:min(100%,380px);border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:18px}.login-panel.compact{width:min(100%,320px)}.login-brand{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line-soft);padding-bottom:14px}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:18px;font-weight:500;line-height:1.1}.login-brand span{color:var(--muted);font-size:11px;font-weight:400;margin-top:2px}.login-form{display:grid;gap:12px;padding-top:16px}.login-form h1{margin:0;font-size:20px;font-weight:500;line-height:1.2}.login-form p{margin:4px 0 0;color:var(--muted);font-size:12px}.login-form label{display:grid;gap:6px}.login-form label span{color:var(--muted);font-size:11px;font-weight:500}.auth-input{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);outline:none;padding:0 11px}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-wrap .auth-input{padding-right:42px}.auth-visibility-button{position:absolute;right:6px;width:30px;height:30px;border-radius:6px;color:var(--muted)}.auth-visibility-button:hover{background:var(--surface-soft);color:var(--accent)}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #176b871f}.login-error{border:1px solid rgba(194,65,54,.2);border-radius:8px;background:#c2413614;color:var(--danger)!important;font-weight:500;padding:9px 10px}.login-button{min-height:38px;border-radius:8px;background:var(--accent);color:#fff;font-weight:500}.dashboard-content{min-height:calc(100vh - 72px);padding-top:16px}.content-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.content-kicker{margin:0 0 4px}.content-header h2{margin:0;font-size:18px;font-weight:500}.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.analytics-overview{display:grid;gap:10px}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-card,.summary-card,.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.metric-card{min-height:90px;padding:14px;position:relative;overflow:hidden}.summary-card{min-height:78px;padding:12px 14px;position:relative;overflow:hidden}.summary-card:before,.metric-card:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--card-accent, var(--accent));content:""}.summary-card:nth-child(1),.metric-card:nth-child(1){--card-accent: #0284c7;background:linear-gradient(135deg,#f0f9ff,#fff 62%)}.summary-card:nth-child(2),.metric-card:nth-child(2){--card-accent: #16a34a;background:linear-gradient(135deg,#f0fdf4,#fff 62%)}.summary-card:nth-child(3),.metric-card:nth-child(3){--card-accent: #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff 62%)}.summary-card:nth-child(4),.metric-card:nth-child(4){--card-accent: #7c3aed;background:linear-gradient(135deg,#f5f3ff,#fff 62%)}.metric-card span,.summary-card span{display:block;color:var(--muted);font-size:11px;font-weight:500}.metric-card strong,.summary-card strong{display:block;margin-top:8px;font-size:24px;font-weight:500;color:var(--card-accent, var(--text))}.summary-card strong{font-size:22px}.analytics-visual-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:10px}.analytics-lower-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:10px}.chart-panel{min-width:0;background:linear-gradient(180deg,#fff,#f8fbff)}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.chart-heading span{display:block;color:#8a98aa;font-size:10px;font-weight:500;text-transform:uppercase}.chart-heading h3{margin:3px 0 0}.chart-heading svg{flex:0 0 auto;color:#0284c7}.trend-panel{overflow:hidden}.trend-chart{display:block;width:100%;height:260px}.chart-gridline{stroke:#edf2f7;stroke-width:1}.trend-area{fill:url(#trendFill)}.trend-line{fill:none;stroke:#0284c7;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.trend-dot{fill:#fff;stroke:#0284c7;stroke-width:2}.trend-label{fill:var(--muted);font-size:10px}.bar-list{display:grid;gap:12px}.bar-row{display:grid;gap:6px}.bar-meta,.legend-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.bar-meta span,.legend-row span{min-width:0;overflow-wrap:anywhere}.bar-meta strong,.legend-row strong{color:var(--text);font-weight:500}.bar-track{height:9px;overflow:hidden;border-radius:999px;background:#eaf0f7}.bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0284c7,#16a34a,#f59e0b)}.source-chart-layout{display:grid;grid-template-columns:136px minmax(0,1fr);align-items:center;gap:16px}.donut-chart{position:relative;display:grid;width:136px;height:136px;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1px #0f172a0a,0 14px 34px #0284c724}.donut-chart:after{position:absolute;top:28px;right:28px;bottom:28px;left:28px;border-radius:50%;background:var(--surface);content:""}.donut-chart span{position:relative;z-index:1;color:var(--text);font-size:20px;font-weight:500}.source-legend{display:grid;gap:9px}.legend-row{justify-content:flex-start}.legend-row strong{margin-left:auto}.legend-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:#0284c7}.legend-dot-2{background:#2f855a}.legend-dot-3{background:#b7791f}.legend-dot-4{background:#7c3aed}.legend-dot-5{background:#c24136}.page-breakdown-panel{min-width:0}.route-list{display:grid;gap:9px}.route-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid var(--line-soft);border-radius:8px;padding-top:9px}.route-row:first-child{border-top:0;padding-top:0}.route-row:nth-child(odd){background:linear-gradient(90deg,#f8fbff,transparent)}.route-row strong,.route-row span{display:block}.route-row strong{overflow-wrap:anywhere}.route-row span{margin-top:2px;color:var(--muted);font-size:11px}.route-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:360px}.route-metrics span{margin:0;border:1px solid var(--line-soft);border-radius:999px;background:#eef6ff;color:#0369a1;font-size:11px;padding:5px 8px}.route-metrics span:nth-child(2){background:#ecfdf5;color:#15803d}.route-metrics span:nth-child(3){background:#fff7ed;color:#c2410c}.empty-chart{border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:12px;padding:14px;text-align:center}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.panel{padding:14px}.panel h3{margin:0 0 10px;font-size:13px;font-weight:500}.mini-list,.event-list{display:grid;gap:8px}.mini-row,.event-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.mini-row span,.event-row span{min-width:0;overflow-wrap:anywhere}.mini-row strong,.event-row strong{color:var(--text);font-weight:500;overflow-wrap:anywhere;text-align:right}.recent-panel,.table-panel{margin-top:10px}.table-panel{padding:0}.table-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.table-header h3{margin:0}.table-header span{color:var(--muted);font-size:11px;font-weight:500}.table-wrap{overflow-x:auto;border-top:1px solid var(--line-soft)}.analytics-table{width:100%;min-width:760px;border-collapse:collapse;font-size:12px}.analytics-table th,.analytics-table td{border-bottom:1px solid var(--line-soft);padding:10px 14px;text-align:left;vertical-align:middle}.analytics-table th{color:#8996a8;font-size:10px;font-weight:500;text-transform:uppercase}.analytics-table td{color:var(--muted)}.analytics-table td strong{color:var(--text);font-weight:500}.analytics-table tr:last-child td{border-bottom:0}.content-table{min-width:840px}.editor-layout{display:grid;gap:10px;margin-top:10px}.editor-hero{display:flex;align-items:center;justify-content:space-between;gap:14px}.editor-hero h3{margin:0;font-size:18px}.editor-hero span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.editor-preview{min-width:110px}.editor-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:10px}.editor-panel{display:grid;gap:12px}.editor-textarea{min-height:84px;resize:vertical}.nested-editor{display:grid;gap:10px;padding:12px;border:1px solid var(--line-soft);border-radius:8px;background:#ffffff8c}.changelog-editor{gap:12px}.changelog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.docs-editor,.download-editor,.tutorial-editor{gap:12px}.tutorial-upload-list{display:grid;gap:12px;padding:14px}.tutorial-upload-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line-soft);border-radius:8px;background:#fff}.tutorial-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tutorial-card-head strong,.tutorial-card-head span{display:block}.tutorial-card-head strong{font-size:14px;font-weight:500}.tutorial-card-head span{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.5}.tutorial-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tutorial-status-toggle{display:inline-grid;grid-template-columns:1fr 1fr;min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:3px}.tutorial-status-toggle button{min-width:58px;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;font-weight:500;padding:0 8px}.tutorial-status-toggle button.active{background:#fff;color:var(--accent);box-shadow:var(--shadow)}.tutorial-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tutorial-card-meta span{max-width:100%;overflow-wrap:anywhere;border:1px solid var(--line-soft);border-radius:8px;background:#f8fbfd;color:var(--muted);font-size:11px;padding:6px 9px}.tutorial-field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,180px);gap:10px}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#1118276b;padding:18px}.admin-modal{width:min(100%,620px);border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 22px 55px #0f172a2e}.admin-modal-head,.admin-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.admin-modal-head{border-bottom:1px solid var(--line-soft)}.admin-modal-head h3{margin:0;font-size:16px;font-weight:500}.admin-modal-body{display:grid;gap:12px;padding:14px}.admin-modal-body label{display:grid;gap:6px}.admin-modal-body label span{color:var(--muted);font-size:11px;font-weight:500}.admin-modal-actions{justify-content:flex-end;border-top:1px solid var(--line-soft)}.docs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.docs-toolbar h3{margin:0;font-size:18px}.docs-toolbar span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.docs-list-panel{padding:0}.docs-editor-list{display:grid;gap:12px;padding:14px}.docs-tab-shell{display:grid;gap:10px;position:sticky;top:0;z-index:4;border-bottom:1px solid var(--line-soft);background:#fffffff5;padding:12px 14px}.docs-tabs-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.docs-tabs-header span{color:var(--muted);font-size:11px;font-weight:500;text-transform:uppercase}.docs-tab-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.docs-add-button,.docs-small-danger{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:8px;font-size:12px;font-weight:500;padding:0 10px}.docs-add-button{border:1px solid rgba(23,107,135,.24);background:var(--accent);color:#fff}.docs-small-danger{border:1px solid #ffd6d2;background:#fff5f5;color:#b42318}.chapter-header{border-top:1px solid var(--line-soft);padding-top:10px}.docs-tab-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.docs-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:12px;font-weight:500;padding:0 12px}.docs-tab small{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:10px}.docs-tab.active{border-color:#176b8738;background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.chapter-tab{min-height:32px;background:#f8fbfd}.docs-empty-builder{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-soft);color:var(--muted);padding:14px}.docs-context-pill{display:inline-flex;align-items:center;min-height:28px;border:1px solid var(--line-soft);border-radius:999px;background:#f8fbfd;color:var(--muted);font-size:11px;font-weight:500;padding:0 10px}.docs-hidden-card{display:none}.docs-editor-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line-soft);border-radius:8px;background:#fff}.docs-category-card{display:grid;gap:14px;padding:14px;border:1px solid var(--line-soft);border-radius:8px;background:#fff}.docs-chapter-list{display:grid;gap:12px}.docs-chapter-card{display:grid;gap:12px;padding:12px;border:1px solid #dfe9f3;border-radius:8px;background:#f8fbfd}.docs-block-header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;font-weight:500}.docs-block-list{display:grid;gap:10px}.docs-block-card{display:grid;gap:10px;padding:10px;border:1px solid var(--line-soft);border-radius:8px;background:#fff}.docs-block-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,180px) auto;gap:10px;align-items:end}.docs-code-grid,.docs-table-editor,.docs-list-editor{display:grid;gap:10px}.docs-list-item-stack{display:grid;gap:8px}.docs-list-item-row{display:grid;grid-template-columns:30px minmax(0,1fr) 40px;align-items:center;gap:8px;padding:8px;border:1px solid var(--line-soft);border-radius:8px;background:#f8fbfd}.docs-code-textarea{min-height:140px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.5}.docs-table-grid-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:8px;background:#fff}.docs-table-grid{width:100%;min-width:720px;border-collapse:collapse}.docs-table-grid th,.docs-table-grid td{border-bottom:1px solid var(--line-soft);border-right:1px solid var(--line-soft);padding:8px;vertical-align:middle}.docs-table-grid th{background:#f8fbfd}.docs-table-grid tr:last-child td{border-bottom:0}.docs-table-grid th:last-child,.docs-table-grid td:last-child{border-right:0}.docs-table-action-cell{width:54px;text-align:center}.docs-inline-action{width:max-content;min-height:34px}.docs-remove-block{min-height:34px}.docs-field-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);gap:10px}.changelog-toolbar h3{margin:0;font-size:18px}.changelog-toolbar span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.changelog-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.compact-save{width:auto;min-height:38px;padding:0 24px}.changelog-release-panel{padding:0}.changelog-release-header{border-bottom:1px solid var(--line-soft)}.changelog-release-list{display:grid;gap:12px;padding:14px}.changelog-release-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line-soft);border-radius:8px;background:#fff}.changelog-release-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.changelog-release-title strong{font-size:14px;font-weight:500}.changelog-field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:10px}.changelog-points-field{display:grid;gap:10px}.changelog-points-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.changelog-points-label span{color:var(--muted);font-size:11px;font-weight:500}.point-add-button{min-height:34px;padding:0 12px}.changelog-point-list{display:grid;gap:8px}.changelog-point-row{display:grid;grid-template-columns:30px minmax(0,1fr) 40px;align-items:center;gap:8px;padding:8px;border:1px solid var(--line-soft);border-radius:8px;background:#f8fbfd}.point-marker{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e8f4f8;color:var(--accent);font-size:12px;font-weight:700}.point-remove-button{width:36px;min-height:36px;padding:0;color:#b42318;border-color:#ffd6d2;background:#fff}.subtle-danger{color:#b42318;border-color:#ffd6d2;background:#fff5f5}.locked-release-label{display:inline-flex;align-items:center;min-height:30px;border:1px solid #ddd6fe;border-radius:8px;background:#f5f3ff;color:#7c3aed;font-size:11px;font-weight:500;padding:0 10px}.bottom-save{display:inline-flex;width:max-content;margin:10px 18px 18px 22px;justify-self:start}.editor-save-row{display:flex;justify-content:flex-end;border-top:1px solid var(--line-soft);padding:14px}.download-list-panel{display:grid;gap:0;padding:0;overflow:hidden}.download-list-header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line-soft);padding:16px 18px}.download-list-header h3{margin:4px 0 0}.download-list-header>span{display:inline-flex;align-items:center;min-height:32px;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#15803d;font-size:12px;font-weight:700;padding:0 12px}.download-field-list{display:grid;gap:12px;padding:16px 18px}.download-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.download-field-row.wide{grid-template-columns:1fr}.download-requirements-editor{display:grid;gap:10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-soft);padding:12px}.download-requirements-editor>div:first-child span{color:var(--text);font-size:13px;font-weight:700}.download-requirements-editor>div:first-child p{margin:3px 0 0;color:var(--muted);font-size:12px}.download-requirement-list{display:flex;flex-wrap:wrap;gap:8px}.download-requirement-list span{display:inline-flex;align-items:center;border:1px solid #bae6fd;border-radius:999px;background:#f0f9ff;color:#0369a1;font-size:12px;font-weight:600;padding:7px 10px}.editor-panel label{display:grid;gap:6px}.editor-panel label span{color:var(--muted);font-size:11px;font-weight:500}.status-card{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-soft);color:var(--accent);padding:10px}.status-card strong,.status-card span{display:block}.status-card span{margin-top:3px;color:var(--muted);font-size:12px}.block-list{display:grid;gap:8px}.block-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line-soft);border-radius:8px;padding:8px}.block-row>span{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:500}.block-row strong,.support-count{font-weight:500}.support-count{display:block;font-size:26px}.text-input,.select-input{width:100%;min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);outline:none;padding:0 10px}.text-input:focus,.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #176b871f}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--accent);font-weight:500;padding:0 10px}.support-crm{display:grid;gap:14px}.support-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:#bae6fd;background:linear-gradient(135deg,#f0f9ff,#fff 56%,#f0fdf4)}.support-hero h3,.support-panel-heading h3{margin:4px 0 0}.support-hero span,.support-panel-heading span{color:var(--muted);font-size:13px}.support-hero-meta{min-width:130px;border:1px solid #bae6fd;border-radius:8px;background:linear-gradient(135deg,#e0f2fe,#fff);color:#075985;padding:12px;text-align:right;box-shadow:0 14px 28px #0284c71f}.support-hero-meta strong,.support-hero-meta span{display:block}.support-hero-meta strong{font-size:28px}.support-crm-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.support-metric-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;padding:14px}.support-metric-card:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--support-accent);content:""}.support-metric-card:nth-child(1){--support-accent: #0284c7;background:linear-gradient(135deg,#f0f9ff,#fff 64%)}.support-metric-card:nth-child(2){--support-accent: #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff 64%)}.support-metric-card:nth-child(3){--support-accent: #ef4444;background:linear-gradient(135deg,#fef2f2,#fff 64%)}.support-metric-card:nth-child(4){--support-accent: #16a34a;background:linear-gradient(135deg,#f0fdf4,#fff 64%)}.support-metric-card span,.support-ticket-actions label span{color:var(--muted);font-size:11px;font-weight:600}.support-metric-card strong{display:block;margin-top:6px;color:var(--support-accent);font-size:26px}.support-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-category-list,.support-ticket-tags{display:flex;flex-wrap:wrap;gap:8px}.support-category-list{margin-top:14px}.support-category-chip,.support-ticket-tags span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:#f0f9ff;color:#075985;font-size:12px;font-weight:500;padding:7px 10px}.support-ticket-tags span{border-color:#dbeafe}.support-ticket-tags span:nth-child(2){border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}.support-ticket-tags span:nth-child(3){border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.support-category-chip strong{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:11px}.support-ticket-list{display:grid;gap:12px;margin-top:14px}.support-ticket-card{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;border:1px solid #dbeafe;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fbff);padding:14px;box-shadow:0 12px 24px #0f172a0a}.support-ticket-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.support-ticket-title strong{font-size:16px}.support-ticket-title span{color:var(--muted);font-size:12px;font-weight:600}.support-ticket-main a{display:inline-flex;margin-top:5px;color:var(--accent);font-size:13px;font-weight:500}.support-ticket-main p{margin:10px 0;color:var(--text-soft);line-height:1.6}.support-ticket-actions{display:grid;gap:10px}.support-ticket-actions label{display:grid;gap:6px}.support-empty,.support-empty-state{color:var(--muted);font-size:13px}.support-empty-state{display:grid;min-height:180px;place-items:center;border:1px dashed var(--line);border-radius:8px;background:var(--surface-soft);padding:20px;text-align:center}.support-empty-state strong{color:var(--text)}.event-row{align-items:flex-start;border-top:1px solid var(--line-soft);padding-top:8px}.event-row:first-child{border-top:0;padding-top:0}.mobile-menu,.nav-backdrop{display:none}.mobile-menu{width:34px;height:34px;border:1px solid var(--line);background:var(--surface);color:var(--accent)}@media(max-width:860px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.nav-backdrop.show{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:block;background:#11182752}.mobile-menu{display:inline-flex}.main-content{padding:12px}.support-crm-metrics,.support-ticket-card{grid-template-columns:1fr}.support-hero{align-items:flex-start;flex-direction:column}.support-hero-meta{width:100%;text-align:left}.analytics-grid,.summary-strip,.analytics-visual-grid,.analytics-lower-grid,.insight-grid{grid-template-columns:1fr}.trend-chart{height:210px}.source-chart-layout{grid-template-columns:1fr;justify-items:center}.source-legend{width:100%}.route-row{grid-template-columns:1fr}.route-metrics{justify-content:flex-start;max-width:none}.changelog-toolbar,.docs-toolbar,.changelog-release-title{align-items:flex-start;flex-direction:column}.changelog-toolbar-actions{width:100%;justify-content:flex-start}.changelog-field-grid,.docs-field-grid{grid-template-columns:1fr}.tutorial-card-head{flex-direction:column}.tutorial-card-actions{justify-content:flex-start}.tutorial-field-grid,.docs-block-grid{grid-template-columns:1fr}.docs-list-item-row,.changelog-point-row{grid-template-columns:28px minmax(0,1fr) 36px;padding:6px}}