:root{--color-bg:#fff;--color-fg:#0f172a;--color-card:#fff;--color-card-fg:#0f172a;--color-muted:#f1f5f9;--color-muted-fg:#64748b;--color-border:#e2e8f0;--color-primary:#0f172a;--color-primary-hover:#1e293b;--color-primary-fg:#f8fafc;--color-destructive:#ef4444;--color-destructive-fg:#fff;--color-success:#059669;--color-warning:#f59e0b;--color-ring:#0f172a;--radius:0.5rem;--shadow-sm:0 1px 2px 0 rgba(15,23,42,.06)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{min-height:100vh;background:var(--color-bg);color:var(--color-fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}.page-shell{max-width:80rem;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}@media (min-width:640px){.page-shell{padding:1.5rem}}@media (min-width:1024px){.page-shell{padding:2rem}}.page-header{display:flex;flex-direction:column;gap:.25rem}.page-eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-fg)}.page-title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}@media (min-width:640px){.page-title{font-size:1.875rem}}.freshness-text{font-size:.875rem;color:var(--color-muted-fg)}.divider{height:1px;border:0;background:var(--color-border);margin:0}.controls{display:flex;flex-direction:column;gap:.75rem}.controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.preset-group{display:flex;flex-wrap:wrap;gap:.375rem}.controls-right{display:flex;align-items:center;gap:.5rem;margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap;height:2.25rem;padding:0 1rem;border-radius:var(--radius);border:1px solid transparent;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:2rem;padding:0 .75rem;font-size:.8125rem}.btn-primary{background:var(--color-primary);color:var(--color-primary-fg)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-outline{background:var(--color-bg);color:var(--color-fg);border-color:var(--color-border)}.btn-outline:hover:not(:disabled){background:var(--color-muted)}.refresh-icon{display:inline-block;font-size:.9rem;line-height:1}.refresh-icon.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.segmented{display:inline-flex;align-items:center;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.segmented-btn{border:0;background:transparent;padding:.3rem .7rem;font-size:.75rem;font-weight:500;border-radius:calc(var(--radius) - 2px);color:var(--color-muted-fg);cursor:pointer}.segmented-btn:hover:not(.active){color:var(--color-fg)}.segmented-btn.active{background:var(--color-primary);color:var(--color-primary-fg)}.custom-range{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem;border:1px dashed var(--color-border);border-radius:var(--radius);padding:.75rem}.field{display:flex;flex-direction:column;gap:.25rem}.field-label{font-size:.75rem;color:var(--color-muted-fg)}.date-input{height:2.25rem;width:150px;border:1px solid var(--color-border);border-radius:var(--radius);padding:0 .5rem;font-size:.875rem;background:var(--color-bg);color:var(--color-fg)}.date-input:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.kpi-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1rem;gap:1rem}@media (min-width:640px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);color:var(--color-card-fg);box-shadow:var(--shadow-sm)}.kpi-card{padding:1.25rem 1.5rem}.kpi-card-header{font-size:.875rem;font-weight:500;color:var(--color-muted-fg);margin-bottom:.5rem}.kpi-card-value-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.kpi-card-value{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.kpi-card-sub{margin-top:.25rem;font-size:.75rem;color:var(--color-muted-fg)}.badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;font-weight:600;border:1px solid transparent;white-space:nowrap;line-height:1.4}.badge-good{background:var(--color-success);color:#fff}.badge-warn{background:var(--color-warning);color:#fff}.badge-bad{background:var(--color-destructive);color:var(--color-destructive-fg)}.badge-neutral{background:transparent;border-color:var(--color-border);color:var(--color-fg)}.badge-npd{font-size:.625rem;padding:.0625rem .5rem;background:var(--color-muted);color:var(--color-fg);border-color:transparent}.badge-event-mega{background:#ede9fe;color:#5b21b6}.badge-event-payday{background:#fef3c7;color:#92400e}.badge-event-double{background:#ffe4e6;color:#9f1239}.badge-event-bau{background:var(--color-muted);color:#334155}.empty-state{padding:2rem 1rem;text-align:center;font-size:.875rem;color:var(--color-muted-fg)}.skeleton{background:var(--color-muted);border-radius:var(--radius);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chart-card{padding:0}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem 1.5rem .5rem}.chart-title{font-size:1rem;font-weight:600}.chart-body{padding:0 1.5rem 1.5rem}.chart-svg-wrap{width:100%;height:280px}.chart-svg-wrap svg{display:block;width:100%;height:100%}.chart-empty{height:280px;align-items:center;font-size:.875rem}.chart-empty,.chart-legend{display:flex;justify-content:center;color:var(--color-muted-fg)}.chart-legend{gap:1.25rem;margin-top:.5rem;font-size:.75rem}.chart-legend-item{display:flex;align-items:center;gap:.375rem}.chart-legend-swatch{display:inline-block;width:16px;height:2px;background:var(--color-primary)}.chart-legend-swatch.plan{background-image:linear-gradient(to right,var(--color-muted-fg) 60%,transparent 0);background-size:6px 2px;background-repeat:repeat-x;background-color:transparent}.tabs{display:flex;flex-direction:column;width:100%}.tab-list{display:inline-flex;align-self:flex-start;align-items:center;gap:.25rem;background:var(--color-muted);padding:.25rem;border-radius:var(--radius)}.tab-trigger{border:0;background:transparent;padding:.375rem .875rem;font-size:.875rem;font-weight:500;color:var(--color-muted-fg);border-radius:calc(var(--radius) - 2px);cursor:pointer;white-space:nowrap}.tab-trigger.active{background:var(--color-card);color:var(--color-fg);box-shadow:var(--shadow-sm)}.tab-content{margin-top:.75rem}.stack{display:flex;flex-direction:column;gap:1rem}.table-card{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead tr{border-bottom:1px solid var(--color-border)}.data-table th{text-align:left;padding:.75rem 1rem;font-weight:500;color:var(--color-muted-fg);white-space:nowrap}.data-table td{padding:.75rem 1rem;vertical-align:middle;border-bottom:1px solid var(--color-border)}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:var(--color-muted)}.cell-num{text-align:right}.cell-nowrap,.cell-num,.cell-truncate{white-space:nowrap}.cell-truncate{max-width:240px;overflow:hidden;text-overflow:ellipsis}.row-title{display:flex;align-items:center;gap:.5rem}.row-section td,.row-total td{background:var(--color-muted);font-weight:600}.row-section td{text-transform:uppercase;font-size:.6875rem;letter-spacing:.05em;color:var(--color-muted-fg)}.npd-header{padding:1rem 1.5rem 0;font-size:.875rem;font-weight:500;color:var(--color-muted-fg)}.npd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;padding:1rem 1.5rem 1.25rem}@media (min-width:640px){.npd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.npd-stat-label{font-size:.75rem;color:var(--color-muted-fg)}.npd-stat-value{font-size:1.125rem;font-weight:600}.npd-stat-sub{font-size:.75rem;color:var(--color-muted-fg)}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--color-muted)}.login-card{width:100%;max-width:24rem;padding:2rem}.login-title{font-size:1.5rem;font-weight:600;text-align:center;letter-spacing:-.02em}.login-subtitle{margin-top:.375rem;font-size:.875rem;color:var(--color-muted-fg);text-align:center}.login-body{margin-top:1.5rem;gap:1rem}.login-body,.login-field{display:flex;flex-direction:column}.login-field{gap:.375rem}.login-label{font-size:.875rem;font-weight:500}.login-input{height:2.5rem;border:1px solid var(--color-border);border-radius:var(--radius);padding:0 .75rem;font-size:.875rem;background:var(--color-bg);color:var(--color-fg)}.login-input:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.login-error{font-size:.875rem;color:var(--color-destructive)}.login-submit{width:100%;margin-top:.25rem}