:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0c0f14;--card: #151921;--card-border: rgba(255, 255, 255, .07);--text: #e8eaed;--text-muted: rgba(255, 255, 255, .5);--accent: #6366f1;--green: #22c55e;--yellow: #eab308;--red: #ef4444}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.dashboard{max-width:1360px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.dash-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--card-border)}.header-left{display:flex;align-items:baseline;gap:1rem}.logo{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:#fff}.logo-sub{font-size:.8rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.header-right{display:flex;align-items:center;gap:1rem}.header-date{font-size:.85rem;color:var(--text-muted)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:.75rem;font-weight:600;color:#fff}.card{background:var(--card);border:1px solid var(--card-border);border-radius:.75rem;padding:1.25rem}.card-title{font-size:.95rem;font-weight:600;margin-bottom:1rem;color:#ffffffd9}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.kpi-card{background:var(--card);border:1px solid var(--card-border);border-radius:.75rem;padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem;transition:border-color .2s}.kpi-card:hover{border-color:#ffffff26}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-icon{font-size:1.3rem}.kpi-change{font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:999px}.kpi-change.up{background:#22c55e26;color:var(--green)}.kpi-change.down{background:#ef444426;color:var(--red)}.kpi-change.neutral{background:#6366f126;color:var(--accent)}.kpi-value{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:#fff}.kpi-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.kpi-sub{font-size:.72rem;color:#ffffff59;margin-top:.15rem}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:900px){.charts-row{grid-template-columns:1fr}}.chart-card{overflow:hidden}.bar-chart{display:flex;align-items:flex-end;gap:.75rem;height:200px;padding-top:1rem}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%}.bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bar{width:36%;border-radius:4px 4px 0 0;min-height:2px;transition:height .4s ease}.bar-sales{background:var(--accent)}.bar-target{background:#ffffff1f}.bar-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.chart-legend{display:flex;gap:1.5rem;margin-top:.75rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:2px}.legend-dot.sales{background:var(--accent)}.legend-dot.target{background:#fff3}.category-chart{display:flex;flex-direction:column;gap:.65rem}.cat-row{display:grid;grid-template-columns:100px 1fr 60px 45px;align-items:center;gap:.75rem}.cat-name{font-size:.8rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-bar-track{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.cat-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.cat-value{font-size:.78rem;font-weight:600;text-align:right;color:#fff;font-variant-numeric:tabular-nums}.cat-pct{font-size:.72rem;color:var(--text-muted);text-align:right}.line-chart{width:100%}.line-svg{width:100%;height:auto}.segment-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.segment-card{background:#ffffff08;border:1px solid var(--card-border);border-left:3px solid;border-radius:.5rem;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.15rem}.segment-count{font-size:1.5rem;font-weight:700;color:#fff}.segment-name{font-size:.8rem;font-weight:500;color:#ffffffb3}.segment-rev{font-size:.7rem;color:var(--text-muted)}.tables-row{display:grid;grid-template-columns:1fr;gap:1.5rem}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table th{text-align:left;padding:.6rem .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--card-border);font-weight:500}.data-table td{padding:.65rem .75rem;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.data-table tbody tr:hover{background:#ffffff05}.product-name{font-weight:500;color:#fff}.cat-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.68rem;font-weight:500;color:#fff;opacity:.85}.mono{font-variant-numeric:tabular-nums;font-weight:500}.status-badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.68rem;font-weight:500}.status-badge.ok{background:#22c55e1f;color:var(--green)}.status-badge.medium{background:#eab3081f;color:var(--yellow)}.status-badge.low{background:#ef44441f;color:var(--red)}.customer-cell{display:flex;align-items:center;gap:.65rem}.customer-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:.65rem;font-weight:600;color:#fff;flex-shrink:0}.customer-name{font-weight:500;color:#fff;font-size:.82rem}.customer-email{font-size:.7rem;color:var(--text-muted)}.type-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.68rem;font-weight:500}.type-badge.retail{background:#6366f11f;color:var(--accent)}.type-badge.b2b{background:#22c55e1f;color:var(--green)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.4rem;vertical-align:middle}.status-dot.active{background:var(--green);box-shadow:0 0 6px #22c55e66}.status-dot.inactive{background:var(--text-muted)}.target-section{display:grid;grid-template-columns:1fr}.target-bars{display:flex;flex-direction:column;gap:.85rem}.target-row{display:grid;grid-template-columns:200px 1fr 55px;align-items:center;gap:1rem}.target-info{display:flex;flex-direction:column}.target-cat{font-size:.82rem;font-weight:500;color:#fff}.target-numbers{font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.target-bar-track{height:10px;background:#ffffff0f;border-radius:5px;overflow:hidden}.target-bar-fill{height:100%;border-radius:5px;transition:width .4s ease}.target-pct{font-size:.8rem;font-weight:600;text-align:right;color:#fff;font-variant-numeric:tabular-nums}@media(max-width:700px){.target-row{grid-template-columns:1fr 55px}.target-info{grid-column:1 / -1;flex-direction:row;justify-content:space-between}.cat-row{grid-template-columns:80px 1fr 50px 36px}}.dash-footer{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--card-border);font-size:.72rem;color:var(--text-muted)}