:root{color-scheme:light;--bg-main: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f5f5f5;--border: #d9d9d9;--border-active: #f6821f;--text-primary: #1f1f1f;--text-secondary: #666666;--text-tertiary: #999999;--accent: #f6821f;--accent-dim: #fff3e6;--success: #3fb950;--warning: #d29922;--error: #f85149;--info: #0051c3;--purple: #8b5cf6;--pink: #ec4899;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--shadow: 0 1px 3px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;background:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-main)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--bg-secondary);position:sticky;top:0;z-index:20}.topbar-left{display:flex;align-items:center;gap:24px}.brand{font-weight:600;font-size:14px;text-transform:lowercase;letter-spacing:.05em;font-family:var(--font-mono);color:var(--text-primary)}.brand span{color:var(--accent)}.view-nav{display:flex;gap:8px;flex-wrap:wrap}.view-option{background:transparent;border:1px solid var(--border);border-radius:20px;padding:6px 12px;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:all .1s;text-align:left;min-width:160px}.view-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.view-option span{display:block;font-size:13px;margin-bottom:2px;font-weight:500;color:var(--text-primary)}.view-option small{color:var(--text-secondary);font-size:11px;line-height:1.4}.view-option.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.view-option.active span{color:var(--accent)}.topbar-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.content{flex:1;padding:24px;display:flex;flex-direction:column;gap:16px;max-width:1800px;margin:0 auto;width:100%}.hero{margin-bottom:0;padding-bottom:12px;border-bottom:1px solid var(--border)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:var(--text-tertiary);font-family:var(--font-mono);font-weight:600}h1{margin:8px 0 4px;font-size:20px;font-weight:600;color:var(--text-primary)}.hero p{margin:0;color:var(--text-secondary);font-size:13px}.panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:16px;box-shadow:var(--shadow);overflow:hidden}.filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-family:var(--font-mono);font-weight:600;min-width:160px}.filter-group.auto-width{min-width:auto;flex:1}select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:6px 8px;font-size:13px;font-family:var(--font-mono);cursor:pointer}select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.text-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:6px 8px;font-size:13px;font-family:var(--font-mono);width:100%}.text-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pill-group{display:inline-flex;flex-wrap:wrap;gap:4px}.pill-group button{border:1px solid var(--border);border-radius:4px;background:var(--bg-secondary);color:var(--text-secondary);padding:4px 8px;font-size:12px;cursor:pointer;font-family:var(--font-mono);transition:all .1s}.pill-group button:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent)}.pill-group button.active{color:#fff;border-color:var(--accent);background:var(--accent)}.table-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:12px 0}.device-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.device-tabs button{border:1px solid var(--border);border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);padding:4px 12px;font-size:11px;cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;transition:all .1s}.device-tabs button:hover{border-color:var(--accent);color:var(--accent)}.device-tabs button.active{border-color:var(--accent);color:#fff;background:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip,.status-pill{display:inline-block;border:1px solid var(--border);border-radius:3px;padding:2px 6px;font-size:11px;font-family:var(--font-mono);font-weight:600}.status-pill{background:var(--bg-tertiary);color:var(--text-secondary)}.status-pill.is-loading{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.status-line{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.status-line h3{margin:0;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);font-weight:600;font-family:var(--font-mono)}.label-muted{color:var(--text-secondary);font-size:12px}.overflow-auto{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:var(--bg-tertiary);text-transform:uppercase;font-size:12px;letter-spacing:.03em;color:var(--text-secondary);font-weight:500}thead th{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:24px}thead th:hover{color:var(--text-primary)}thead th.sortable:after{content:"⇅";position:absolute;right:8px;opacity:.3}thead th.sorted-asc:after{content:"↑";opacity:1;color:var(--accent)}thead th.sorted-desc:after{content:"↓";opacity:1;color:var(--accent)}th,td{padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;font-family:var(--font-mono)}th:first-child,td:first-child{padding-left:12px}th:last-child,td:last-child{padding-right:12px}tbody tr{transition:background .1s}tbody tr:hover{background:var(--bg-tertiary)}tbody tr:last-child td{border-bottom:none}.url-cell{white-space:normal}.url-link{display:inline-block;max-width:320px;word-break:break-all}.host-table table tr.selected{background:var(--accent-dim)}.host-table table tr.selected .chip{border-color:var(--accent);color:var(--accent)}.host-table button.chip{background:transparent;color:var(--text-secondary);cursor:pointer}.host-table button.chip:hover{border-color:var(--accent);color:var(--accent)}.host-table td:last-child{width:72px}.dense-table table{font-size:12px}.level-table{max-height:280px}.link-button{background:none;border:none;color:var(--accent);font:inherit;padding:0;cursor:pointer;text-align:left}.link-button:hover{text-decoration:underline}.ghost-button{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:13px;padding:6px 10px;cursor:pointer;transition:border-color .1s,color .1s,background .1s}.ghost-button:hover{border-color:var(--accent);color:var(--accent)}.ghost-button:disabled{cursor:not-allowed;opacity:.6}.ghost-button--accent{background:var(--accent);border-color:var(--accent);color:#fff}.ghost-button--accent:hover{background:#ff9236;border-color:#ff9236;color:#fff}.ghost-button--accent:disabled{background:var(--accent);border-color:var(--accent);color:#fff;opacity:.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:flex-start;padding:32px 16px;z-index:99;overflow-y:auto}.path-modal{width:min(1240px,100%);max-height:92vh;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;box-shadow:0 24px 48px #00000026;padding:24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.path-modal__actions{display:flex;justify-content:flex-end;margin-bottom:12px}.path-modal__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.path-modal__header h2{margin:6px 0 4px;font-size:20px}.path-modal__subtitle{color:var(--text-secondary);font-size:13px}.path-modal__description{color:var(--text-secondary);font-size:13px;margin-top:6px}.path-modal__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.path-modal__meta-item{border:1px solid var(--border);border-radius:6px;padding:12px;background:var(--bg-tertiary)}.path-modal__meta-item p{margin-top:4px;color:var(--text-primary);font-family:var(--font-mono);word-break:break-all}.path-modal__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.path-modal__stat-card{border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--bg-tertiary)}.path-modal__stat-value{font-size:24px;font-weight:600;margin:4px 0}.path-modal__stat-share{color:var(--text-secondary);font-size:13px}.path-modal__queries{border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--bg-tertiary);display:flex;flex-direction:column;gap:12px}.path-modal__queries h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-mono);color:var(--text-primary)}.path-modal__footer{border-top:1px solid var(--border);padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.path-modal__link{font-family:var(--font-mono);font-size:12px;word-break:break-all;display:inline-flex;gap:6px;align-items:center;text-decoration:none;color:var(--accent)}.path-modal__link:hover{text-decoration:underline}@media (max-width: 720px){.path-modal{padding:20px}.path-modal__meta{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}h4{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0 0 8px;font-weight:600;font-family:var(--font-mono)}.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.grid-two{display:grid;grid-template-columns:2fr 1fr;gap:16px}.charts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.charts>div{display:flex;flex-direction:column;gap:12px}.chart-container{width:100%;max-width:400px;height:200px;margin:0 auto}.empty{color:var(--text-secondary);font-size:13px;margin:8px 0}.alert{border:1px solid var(--error);border-radius:4px;padding:12px;color:var(--error);background:#f851491a;font-size:13px;font-family:var(--font-mono)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.metric-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;padding:12px}.metric-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-family:var(--font-mono);font-weight:600}.metric-value{font-size:20px;font-weight:600;color:var(--accent);font-family:var(--font-mono);margin-bottom:2px}.metric-detail{font-size:11px;color:var(--text-secondary)}.rollup-panel .chip{text-transform:uppercase;letter-spacing:.04em}.rollup-stack{display:flex;flex-direction:column;gap:12px}.rollup-card{border:1px solid var(--border);border-radius:6px;padding:12px;background:var(--bg-tertiary)}@media (max-width: 1024px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.content{padding:16px}.grid-two,.charts,.filters{grid-template-columns:1fr}}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary);font-size:14px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.token-entry{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-main);padding:24px}.token-entry-content{max-width:540px;width:100%}.token-entry-header{margin-bottom:32px;text-align:center}.token-entry-header h1{font-size:28px;font-weight:600;font-family:var(--font-mono);margin-bottom:8px}.token-entry-header .subtitle{color:var(--text-secondary);font-size:14px;margin:0}.token-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:24px;margin-bottom:24px}.token-form .form-group{margin-bottom:16px}.token-form label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-family:var(--font-mono);margin-bottom:8px}.token-input{width:100%;padding:12px;border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:14px;background:var(--bg-secondary);color:var(--text-primary);transition:border-color .15s}.token-input:focus{outline:none;border-color:var(--accent)}.token-input:disabled{opacity:.6;cursor:not-allowed}.connect-button{width:100%;padding:12px 16px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.connect-button:hover:not(:disabled){background:#ff9236}.connect-button:disabled{opacity:.6;cursor:not-allowed}.token-help{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:20px}.token-help h3{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.token-help ol{padding-left:20px;margin:0 0 16px;color:var(--text-secondary);font-size:13px;line-height:1.7}.token-help ul{padding-left:16px;margin:8px 0}.token-help a{color:var(--accent);text-decoration:none}.token-help a:hover{text-decoration:underline}.security-note{margin-top:16px;padding:12px;background:var(--bg-tertiary);border-radius:4px;border-left:3px solid var(--accent);font-size:12px;color:var(--text-secondary);line-height:1.6}.topbar-center{display:flex;align-items:center;gap:8px}.zone-selector{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:8px 12px;font-size:14px;font-family:var(--font-mono);cursor:pointer;min-width:200px}.zone-selector:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.disconnect-button{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);padding:4px 10px;font-size:11px;font-family:var(--font-mono);cursor:pointer;transition:all .15s}.disconnect-button:hover{border-color:var(--error);color:var(--error)}@media (max-width: 768px){.topbar{flex-wrap:wrap;gap:12px}.topbar-center{order:3;width:100%}.zone-selector{width:100%;min-width:auto}}.zone-display{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-primary)}.back-button{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);padding:6px 12px;font-size:12px;font-family:var(--font-mono);cursor:pointer;transition:all .15s}.back-button:hover{border-color:var(--accent);color:var(--accent)}.zones-overview{display:flex;flex-direction:column;gap:24px}.overview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--border)}.overview-header__title h1{margin:0 0 4px;font-size:24px}.overview-header__subtitle{color:var(--text-secondary);font-size:13px;margin:0}.overview-header__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.overview-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.overview-badge--fallback{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent)}.overview-badge--warning{background:#d299221a;color:var(--warning);border:1px solid var(--warning)}.overview-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.overview-totals__card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:4px}.overview-totals__value{font-size:24px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.zones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.zone-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;cursor:pointer;transition:all .15s;text-align:left;width:100%;display:flex;flex-direction:column;gap:12px}.zone-card:hover:not(:disabled){border-color:var(--accent);box-shadow:0 4px 12px #f6821f1a}.zone-card:disabled{cursor:not-allowed}.zone-card--inactive{opacity:.6;background:var(--bg-tertiary)}.zone-card--inactive:hover{border-color:var(--border);box-shadow:none}.zone-card__header{display:flex;justify-content:space-between;align-items:center;gap:8px}.zone-card__name{margin:0;font-size:16px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.zone-card__badge{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.zone-card__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.zone-card__stat{display:flex;flex-direction:column;gap:2px}.zone-card__stat-value{font-size:16px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.zone-card__stat-value--warning{color:var(--warning)}.zone-card__stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.zone-card__account{padding-top:8px;border-top:1px solid var(--border)}.zone-card__metrics{display:flex;gap:12px;padding-top:8px;border-top:1px solid var(--border)}.zone-card__metric{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}.zones-view-controls{margin-bottom:16px}.view-toggle{display:inline-flex;background:var(--bg-tertiary);border-radius:6px;padding:2px}.view-toggle__btn{background:transparent;border:none;padding:6px 16px;font-size:13px;font-family:inherit;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .15s}.view-toggle__btn:hover{color:var(--text-primary)}.view-toggle__btn--active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow)}.zones-table-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.zones-table{width:100%;border-collapse:collapse;font-size:13px}.zones-table__th{text-align:left;padding:12px 16px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap}.zones-table__th--zone{min-width:180px}.zones-table__th--num{text-align:right}.zones-table__row{cursor:pointer;transition:background .15s}.zones-table__row:hover{background:var(--accent-dim)}.zones-table__row--inactive{cursor:not-allowed;opacity:.6}.zones-table__row--inactive:hover{background:transparent}.zones-table__td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono)}.zones-table__td--zone{font-family:var(--font-mono);font-weight:500}.zones-table__td--num{text-align:right;font-variant-numeric:tabular-nums}.zones-table__td--warning{color:var(--warning)}.zones-table__zone-name{color:var(--text-primary)}.zones-table__badge{display:inline-block;font-size:10px;padding:2px 6px;margin-left:8px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.zones-table tbody tr:last-child .zones-table__td{border-bottom:none}.overview-empty{text-align:center;padding:48px 24px;color:var(--text-secondary)}.overview-error{text-align:center;padding:48px 24px}.overview-error h2{margin-bottom:8px;color:var(--error)}.overview-error .error-message{color:var(--text-secondary);margin-bottom:16px}.overview-error button{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:14px;cursor:pointer}.overview-error button:hover{background:#ff9236}.permissions-table{margin:12px 0;font-size:11px;border:1px solid var(--border);border-radius:4px;overflow:hidden;width:100%;table-layout:fixed}.permissions-table th,.permissions-table td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--border);word-wrap:break-word}.permissions-table th{background:var(--bg-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:9px}.permissions-table th:first-child{width:45%}.permissions-table th:nth-child(2){width:18%}.permissions-table th:last-child{width:37%}.permissions-table tr:last-child td{border-bottom:none}.permissions-table td:last-child{color:var(--text-secondary);font-style:italic;font-size:10px}.account-summary{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:8px}.account-summary--loading{min-height:200px}.account-summary__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.account-summary__title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.account-summary__account-name{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}.account-summary__sections{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 900px){.account-summary__sections{grid-template-columns:1fr}}.account-summary__section{display:flex;flex-direction:column;gap:12px}.account-summary__section-title{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-family:var(--font-mono);font-weight:600}.account-summary__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.account-summary__metrics--compact{grid-template-columns:repeat(2,1fr)}@media (max-width: 600px){.account-summary__metrics{grid-template-columns:repeat(2,1fr)}}.account-summary .metric-card{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-tertiary);border-radius:6px}.account-summary .metric-card--compact{padding:10px}.account-summary .metric-card__label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-family:var(--font-mono);font-weight:600}.account-summary .metric-card__value{font-size:18px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.account-summary .metric-card--compact .metric-card__value{font-size:16px}.account-summary .metric-card__value--warning{color:var(--warning)}.account-summary .metric-card__trend{font-size:11px;font-family:var(--font-mono);font-weight:600}.account-summary .metric-card__trend--up{color:var(--success)}.account-summary .metric-card__trend--down{color:var(--error)}.account-summary__sparkline-container{display:flex;align-items:center;gap:12px;padding:8px 0}.sparkline{width:200px;height:32px;flex-shrink:0}.account-summary__sparkline-label{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.account-summary__monthly-chart{padding-top:8px}.monthly-chart{display:flex;flex-direction:column;gap:8px}.monthly-chart__title{font-size:10px;color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.monthly-chart__bars{display:flex;align-items:flex-end;gap:3px;height:80px}.monthly-chart__bar-container{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;cursor:pointer;position:relative}.monthly-chart__bar-wrapper{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;flex:1}.monthly-chart__bar{width:100%;max-width:28px;background:var(--accent);border-radius:2px 2px 0 0;min-height:2px;transition:background .15s,transform .1s}.monthly-chart__bar-container:hover .monthly-chart__bar{background:#ff9236;transform:scaleY(1.02)}.monthly-chart__label{font-size:8px;color:var(--text-tertiary);font-family:var(--font-mono);text-transform:uppercase;margin-top:4px;flex-shrink:0}.monthly-chart__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--bg-secondary);padding:6px 10px;border-radius:4px;font-size:11px;font-family:var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10;margin-bottom:8px}.monthly-chart__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text-primary)}.monthly-chart__bar-container:hover .monthly-chart__tooltip{opacity:1}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--title{height:24px;width:180px}.skeleton--section-title{height:14px;width:100px;margin-bottom:8px}.skeleton--metric{height:64px}