:root{--ripik-primary: #124CA2;--ripik-primary-dark: #0B2F65;--ripik-primary-hover: #0E3E85;--ripik-primary-light: #E6EEF9;--ripik-gradient: linear-gradient(180deg, #124CA2 0%, #0B2F65 100%);--ripik-gradient-horiz: linear-gradient(90deg, #124CA2 0%, #0B2F65 100%);--ripik-accent: #1E5EFF;--ripik-accent-hover: #1748CC;--ripik-bg: #F5F7FA;--ripik-surface: #FFFFFF;--ripik-surface-alt: #FAFBFC;--ripik-sidebar: var(--ripik-gradient);--ripik-sidebar-solid: #0B2F65;--ripik-header: #FFFFFF;--ripik-text-primary: #0B2F65;--ripik-text-secondary: #4A5568;--ripik-text-muted: #8A94A6;--ripik-text-inverse: #FFFFFF;--ripik-text-link: var(--ripik-primary);--ripik-border: #E2E8F0;--ripik-border-strong: #CBD5E0;--ripik-divider: #EDF0F4;--ripik-success: #10B981;--ripik-success-bg: #E6FAF3;--ripik-warning: #F59E0B;--ripik-warning-bg: #FEF6E6;--ripik-danger: #EF4444;--ripik-danger-bg: #FEECEC;--ripik-info: #3B82F6;--ripik-info-bg: #E8F0FE;--ripik-chart-1: #124CA2;--ripik-chart-2: #1E5EFF;--ripik-chart-3: #10B981;--ripik-chart-4: #F59E0B;--ripik-chart-5: #8B5CF6;--ripik-chart-6: #EF4444}[data-theme=dark]{--ripik-bg: #0B1322;--ripik-surface: #131F35;--ripik-surface-alt: #182742;--ripik-sidebar-solid: #08101E;--ripik-header: #131F35;--ripik-text-primary: #F5F7FA;--ripik-text-secondary: #B0BEC5;--ripik-text-muted: #8A96A8;--ripik-text-link: #6DA3E8;--ripik-border: #1F2D47;--ripik-border-strong: #2D4160;--ripik-divider: #1A2438;--ripik-primary: #5B9BF0;--ripik-primary-dark: #3A7BD5;--ripik-primary-light: #1A2E4A;--ripik-primary-hover: #2563EB;--ripik-accent: #5B8DEF;--ripik-accent-hover: #3B6FD9;--ripik-success-bg: rgba(16, 185, 129, .12);--ripik-danger-bg: rgba(239, 68, 68, .12);--ripik-warning-bg: rgba(245, 158, 11, .12);--ripik-info-bg: rgba(59, 130, 246, .12)}body{background:var(--ripik-bg);color:var(--ripik-text-primary)}:root{--bg: var(--ripik-bg);--surface: var(--ripik-surface);--surface-2: var(--ripik-surface-alt);--border: var(--ripik-border);--text: var(--ripik-text-primary);--text-muted: var(--ripik-text-muted);--primary: var(--ripik-primary);--primary-hover: var(--ripik-primary-hover);--danger: var(--ripik-danger);--danger-bg: var(--ripik-danger-bg);--warning: var(--ripik-warning);--warning-bg: var(--ripik-warning-bg);--info: var(--ripik-info);--info-bg: var(--ripik-info-bg);--success: var(--ripik-success);--success-bg: var(--ripik-success-bg);--radius: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--font-sm: 13px;--font-base: 14px;--font-lg: 16px;--font-xl: 20px;--shadow: 0 1px 3px rgba(0,0,0,.06)}[data-theme=dark]{color-scheme:dark;--bg: var(--ripik-bg);--surface: var(--ripik-surface);--surface-2: var(--ripik-surface-alt);--border: var(--ripik-border);--text: var(--ripik-text-primary);--text-muted: var(--ripik-text-muted);--primary: var(--ripik-primary);--primary-hover: var(--ripik-primary-hover);--danger: var(--ripik-danger);--danger-bg: var(--ripik-danger-bg);--warning: var(--ripik-warning);--warning-bg: var(--ripik-warning-bg);--info: var(--ripik-info);--info-bg: var(--ripik-info-bg);--success: var(--ripik-success);--success-bg: var(--ripik-success-bg);--shadow: 0 1px 3px rgba(0,0,0,.4)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:var(--font-base);transition:background .15s ease,color .15s ease}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:transparent;color:inherit}input,select,textarea{font-family:inherit;color:inherit;background:var(--surface)}table{border-collapse:collapse}.btn{padding:8px 14px;border-radius:6px;background:var(--primary);color:var(--ripik-text-inverse);font-weight:600;font-size:var(--font-sm);border:1px solid var(--primary)}.btn:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4)}.grid-2{display:grid;gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.sidebar-mobile-toggle{display:none}@media (max-width: 768px){.sidebar-mobile-toggle{display:inline-flex}}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*::-webkit-scrollbar-corner{background:transparent}@media (max-width: 767px){:root{--space-page: 12px;--space-section: 16px;--font-base: 14px;--font-lg: 15px;--font-xl: 18px}button,a,select,input{min-height:44px}select,input[type=text],input[type=number],input[type=search]{font-size:16px!important}}@media (min-width: 768px) and (max-width: 1023px){:root{--space-page: 16px;--space-section: 20px}}@media (min-width: 1024px){:root{--space-page: var(--space-6);--space-section: 24px}}@media (min-width: 1920px){.main-content-area{max-width:1800px;margin:0 auto}}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar-drawer{position:fixed;top:56px;left:0;bottom:0;z-index:50;width:260px;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #00000026}.sidebar-drawer.open{transform:translate(0)}.detail-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--surface);overflow-y:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.detail-panel-overlay.open{transform:translateY(0)}.kpi-scroll-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}@media (max-width: 767px){.kpi-scroll-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:4px}.kpi-scroll-row>*{flex:0 0 140px;scroll-snap-align:start}}.filter-bar-collapsible{overflow:hidden;max-height:0;transition:max-height .3s ease}.filter-bar-collapsible.expanded{max-height:500px}@media (max-width: 1023px){.filter-toggle-btn{display:flex!important}.filter-bar-content{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .2s ease}.filter-bar-content.expanded{max-height:600px;opacity:1}}@media (min-width: 1024px){.filter-toggle-btn{display:none!important}.filter-bar-content{max-height:none;opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}input[type=number].no-spin::-webkit-inner-spin-button,input[type=number].no-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}