.portal-page,html:has(.portal-page),html:has(.portal-page) body{background-color:var(--portal-sidebar-bg)!important}:root{--portal-bg:#FFFFFF;--portal-surface:#FFFFFF;--portal-surface-hover:#FAFAFA;--portal-surface-active:#F5F5F5;--portal-sidebar-bg:#F7F7F8;--portal-sidebar-hover:#EDEDEF;--portal-sidebar-active:#E5E5E7;--portal-text-primary:#0F0F10;--portal-text-secondary:#6B6B76;--portal-text-muted:#9898A5;--portal-text-disabled:#BBBBC4;--portal-border:#E8E8EC;--portal-border-subtle:#F0F0F3;--portal-border-emphasis:#D8D8E0;--portal-accent:#0F0F10;--portal-accent-hover:#1a1a1c;--portal-accent-muted:#E8E8EC;--portal-accent-subtle:#F5F5F5;--portal-success:#10B981;--portal-success-muted:#D1FAE5;--portal-warning:#F59E0B;--portal-warning-muted:#FEF3C7;--portal-warning-text:#B45309;--portal-error:#EF4444;--portal-error-muted:#FEE2E2;--portal-radius-sm:6px;--portal-radius:8px;--portal-radius-md:10px;--portal-radius-lg:12px;--portal-radius-xl:16px}.portal-card{background:var(--portal-surface);border:1px solid var(--portal-border);border-radius:var(--portal-radius-lg)}.portal-card-interactive{transition:border-color .15s ease}.portal-card-interactive:hover{border-color:var(--portal-border-emphasis)}.portal-metric-value{font-size:2rem;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--portal-text-primary)}.portal-metric-label{font-size:.8125rem;font-weight:500;color:var(--portal-text-muted);text-transform:capitalize}.portal-empty-state{flex-direction:column;padding:3rem 2rem;text-align:center}.portal-empty-state,.portal-empty-state-icon{display:flex;align-items:center;justify-content:center}.portal-empty-state-icon{width:48px;height:48px;background:var(--portal-surface-active);border-radius:50%;margin-bottom:1rem;color:var(--portal-text-muted)}.portal-empty-state-title{font-size:.9375rem;font-weight:600;color:var(--portal-text-primary);margin-bottom:.25rem}.portal-empty-state-description{font-size:.875rem;color:var(--portal-text-muted);max-width:280px}.portal-tabs{display:inline-flex;background:var(--portal-surface-active);border-radius:var(--portal-radius);padding:3px;gap:2px;height:auto}.portal-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:500;color:var(--portal-text-secondary);border-radius:var(--portal-radius-sm);background:transparent;border:none;cursor:pointer;transition:all .15s ease}.portal-tab:hover:not([data-state=active]){color:var(--portal-text-primary)}.portal-tab-active,.portal-tab[data-state=active]{background:var(--portal-surface);color:var(--portal-text-primary);box-shadow:0 1px 2px rgba(0,0,0,.05)}.portal-tab-badge{font-size:.6875rem;font-weight:500;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.portal-tab-active .portal-tab-badge,.portal-tab[data-state=active] .portal-tab-badge{background:var(--portal-accent);color:white}.portal-tab:not(.portal-tab-active) .portal-tab-badge,.portal-tab:not([data-state=active]) .portal-tab-badge{background:var(--portal-accent-muted);color:var(--portal-accent)}.portal-list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;transition:background-color .15s ease}.portal-list-item:hover{background:var(--portal-surface-hover)}.portal-list-item-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--portal-surface-active);border-radius:var(--portal-radius);color:var(--portal-text-muted)}.portal-list-item-content{flex:1;min-width:0}.portal-list-item-title{font-size:.875rem;font-weight:500;color:var(--portal-text-primary)}.portal-list-item-subtitle{font-size:.8125rem;color:var(--portal-text-muted);margin-top:2px}.portal-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;padding:3px 8px;border-radius:6px}.portal-badge-success{background:var(--portal-success-muted);color:var(--portal-success)}.portal-badge-warning{background:var(--portal-warning-muted);color:var(--portal-warning-text)}.portal-badge-error{background:var(--portal-error-muted);color:var(--portal-error)}.portal-badge-default{background:var(--portal-surface-active);color:var(--portal-text-secondary)}.portal-badge-accent{background:var(--portal-accent-muted);color:var(--portal-accent)}.portal-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.875rem;font-weight:500;padding:10px 16px;border-radius:var(--portal-radius-md);transition:all .15s ease;cursor:pointer}.portal-btn-primary{background:var(--portal-text-primary);color:white;border:none;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.06)}.portal-btn-primary:hover{background:#1a1a1c;box-shadow:0 2px 4px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08)}.portal-btn-primary:disabled{background:var(--portal-text-disabled);color:white;cursor:not-allowed;box-shadow:none}.portal-btn-secondary{background:var(--portal-surface);color:var(--portal-text-primary);border:1.5px solid var(--portal-border-emphasis);box-shadow:0 1px 2px rgba(0,0,0,.04)}.portal-btn-secondary:hover{background:var(--portal-surface-hover);border-color:var(--portal-text-muted);box-shadow:0 2px 4px rgba(0,0,0,.06)}.portal-btn-secondary:disabled{background:var(--portal-surface-active);color:var(--portal-text-disabled);border-color:var(--portal-border);cursor:not-allowed;box-shadow:none}.portal-btn-accent{background:var(--portal-accent);color:white;border:none;box-shadow:0 1px 2px rgba(59,130,246,.2)}.portal-btn-accent:hover{background:var(--portal-accent-hover);box-shadow:0 2px 4px rgba(59,130,246,.25)}.portal-sidebar{background:var(--portal-sidebar-bg);border-right:1px solid var(--portal-border)}.portal-sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:2px 0;font-size:.8125rem;font-weight:500;color:var(--portal-text-secondary);border-radius:var(--portal-radius);transition:all .15s ease}.portal-sidebar-nav-item:hover:not(.portal-sidebar-nav-item-active){background:var(--portal-sidebar-hover);color:var(--portal-text-primary)}.portal-sidebar-nav-item-active{background:var(--portal-sidebar-active);color:var(--portal-text-primary)}.portal-input{width:100%;padding:10px 12px;font-size:.875rem;color:var(--portal-text-primary);background:var(--portal-surface);border:1px solid var(--portal-border);border-radius:var(--portal-radius);transition:border-color .15s ease,box-shadow .15s ease}.portal-input:focus{outline:none;border-color:var(--portal-text-primary);box-shadow:0 0 0 1px var(--portal-text-primary)}.portal-input::-moz-placeholder{color:var(--portal-text-disabled)}.portal-input::placeholder{color:var(--portal-text-disabled)}.portal-chart-container{position:relative;background:transparent}.portal-chart-line{stroke:var(--portal-text-primary);stroke-width:2;fill:none}.portal-chart-area{fill:var(--portal-text-primary);opacity:.1}.portal-chart-grid{stroke:var(--portal-border-subtle);stroke-dasharray:2 4}.portal-stat-card{background:var(--portal-surface);border:1px solid var(--portal-border);border-radius:var(--portal-radius-lg);padding:20px}.portal-stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.portal-stat-card-label{font-size:.8125rem;font-weight:500;color:var(--portal-text-muted)}.portal-stat-card-value{font-size:1.75rem;font-weight:600;color:var(--portal-text-primary);letter-spacing:-.02em;line-height:1.2}.portal-stat-card-change{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;margin-top:4px}.portal-stat-card-change-positive{color:var(--portal-success)}.portal-stat-card-change-negative{color:var(--portal-error)}.portal-stat-card-chart{margin-top:16px;height:40px}.portal-date-indicator{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--portal-text-muted)}.portal-date-indicator-dot{width:6px;height:6px;border-radius:50%;background:var(--portal-text-primary)}