*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #06040f;--surface: rgba(255, 255, 255, .055);--surface-mid: rgba(255, 255, 255, .08);--surface-hover: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .06);--text: #f0ecff;--text-muted: rgba(240, 236, 255, .55);--text-faint: rgba(240, 236, 255, .3);--primary: #e8b4b8;--primary-glow: rgba(232, 180, 184, .25);--secondary: #c9a84c;--secondary-glow: rgba(201, 168, 76, .2);--success: #6ee7b7;--success-bg: rgba(110, 231, 183, .12);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--mike: #93c5fd;--mike-bg: rgba(147, 197, 253, .12);--jenny: #f9a8d4;--jenny-bg: rgba(249, 168, 212, .12);--yvonne: #c4b5fd;--yvonne-bg: rgba(196, 181, 253, .12);--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--blur: blur(24px) saturate(180%);--glass-shadow: 0 20px 60px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);--tooltip-bg: rgba(20,10,40,.92);--chart-grid: rgba(255,255,255,.05);--chart-tick: rgba(240,236,255,.4)}[data-theme=light]{--bg: #f0ebff;--surface: rgba(255, 255, 255, .65);--surface-mid: rgba(255, 255, 255, .82);--surface-hover: rgba(255, 255, 255, .92);--border: rgba(120, 70, 180, .13);--border-light: rgba(120, 70, 180, .07);--text: #1a0a2e;--text-muted: rgba(26, 10, 46, .58);--text-faint: rgba(26, 10, 46, .33);--primary-glow: rgba(232, 180, 184, .4);--glass-shadow: 0 8px 32px rgba(120,70,180,.1), inset 0 1px 0 rgba(255,255,255,.9);--tooltip-bg: rgba(245,240,255,.96);--chart-grid: rgba(120,70,180,.07);--chart-tick: rgba(26,10,46,.45);--success-bg: rgba(16, 160, 100, .1);--warning-bg: rgba(180, 130, 0, .1);--danger-bg: rgba(200, 50, 50, .1);--mike-bg: rgba(60, 140, 230, .1);--jenny-bg: rgba(220, 80, 160, .1);--yvonne-bg: rgba(140, 100, 230, .1)}html{font-size:15px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;background-color:var(--bg);background-image:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(140,60,180,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 10%,rgba(220,80,120,.12) 0%,transparent 60%),radial-gradient(ellipse 70% 70% at 50% 90%,rgba(60,80,200,.1) 0%,transparent 60%);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}[data-theme=light] body{background-image:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(180,120,220,.14) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 10%,rgba(240,150,180,.1) 0%,transparent 60%),radial-gradient(ellipse 70% 70% at 50% 90%,rgba(140,150,220,.08) 0%,transparent 60%)}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:1600px;margin:0 auto;width:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px 0;gap:16px}.app-title{display:flex;flex-direction:column}.app-title h1{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.app-title span{font-size:.78rem;color:var(--text-muted);font-weight:400;margin-top:2px}.nav-pill{display:flex;background:#ffffff0d;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:50px;padding:5px;gap:2px}[data-theme=light] .nav-pill{background:#ffffff80}.nav-pill button{background:transparent;border:none;color:var(--text-muted);padding:9px 22px;border-radius:50px;cursor:pointer;font-size:.88rem;font-weight:500;font-family:inherit;display:flex;align-items:center;gap:7px;transition:all .2s ease;white-space:nowrap}.nav-pill button:hover{color:var(--text);background:var(--surface-hover)}.nav-pill button.active{background:var(--primary);color:#1a0a1a;font-weight:600}.theme-toggle{width:38px;height:38px;border-radius:50%;flex-shrink:0}.page{padding:28px 40px 56px;flex:1}.glass{background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--glass-shadow);transition:background .3s ease,border-color .3s ease}.glass-mid{background:var(--surface-mid);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius)}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric-card{padding:22px 24px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.metric-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:500}.metric-value{font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--text);line-height:1}.metric-sub{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:5px}.metric-sub.positive{color:var(--success)}.metric-sub.negative{color:var(--danger)}.metric-sub.warning{color:var(--warning)}.metric-icon{position:absolute;top:18px;right:18px;opacity:.15}.section-grid{display:grid;gap:20px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-60-40{grid-template-columns:1.5fr 1fr}.grid-40-60{grid-template-columns:1fr 1.5fr}.panel{padding:22px}.panel-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.table-wrap{overflow-x:auto;overflow-y:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}thead th{text-align:left;padding:10px 14px;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-weight:500;border-bottom:1px solid var(--border-light);white-space:nowrap}tbody tr{border-bottom:1px solid var(--border-light);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--surface-hover)}tbody td{padding:11px 14px;vertical-align:middle}tbody tr.row-current{background:#e8b4b812}tbody tr.row-current td{color:var(--text)}tfoot td{padding:10px 14px;font-weight:600;font-size:.82rem;border-top:1px solid var(--border);color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.badge-mike{background:var(--mike-bg);color:var(--mike)}.badge-jenny{background:var(--jenny-bg);color:var(--jenny)}.badge-yvonne{background:var(--yvonne-bg);color:var(--yvonne)}.badge-other{background:#ffffff14;color:var(--text-muted)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-primary{background:var(--primary-glow);color:var(--primary)}.badge-secondary{background:var(--secondary-glow);color:var(--secondary)}[data-theme=light] .badge-mike{color:#1a6fc4}[data-theme=light] .badge-jenny{color:#c4206a}[data-theme=light] .badge-yvonne{color:#7a3cce}[data-theme=light] .badge-other{background:#00000012}[data-theme=light] .badge-success{color:#0a8a5c}[data-theme=light] .badge-warning{color:#960}[data-theme=light] .badge-danger{color:#c42020}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.btn-primary{background:var(--primary);color:#1a0a1a}.btn-primary:hover{background:#f0c4c8;box-shadow:0 0 20px var(--primary-glow)}.btn-ghost{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-danger-ghost{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(248,113,113,.2)}.btn-danger-ghost:hover{background:#f8717133}[data-theme=light] .btn-danger-ghost{color:#c42020}.btn-icon{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);cursor:pointer;transition:all .15s;font-family:inherit}.btn-icon:hover{background:var(--surface-hover);color:var(--text)}.btn-sm{padding:6px 12px;font-size:.78rem}.form-group{display:flex;flex-direction:column;gap:6px}.form-row{display:grid;gap:14px}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}label{font-size:.78rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}input,select,textarea{background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.88rem;font-family:inherit;padding:10px 13px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#ffffffb3}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}select option{background:#1a0a2e;color:var(--text)}[data-theme=light] select option{background:#f0ebff;color:#1a0a2e}textarea{resize:vertical;min-height:72px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}[data-theme=light] .modal-overlay{background:#3c146459}.modal-content{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;padding:28px;gap:20px;position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.filter-bar select,.filter-bar input{width:auto;min-width:120px;font-size:.82rem;padding:7px 11px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.chart-container{margin:0 -4px}.custom-tooltip{background:var(--tooltip-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-size:.82rem}.custom-tooltip .tooltip-label{color:var(--text-muted);margin-bottom:8px;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.custom-tooltip .tooltip-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.custom-tooltip .tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .4s ease}.vendor-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}.vendor-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 200px);overflow-y:auto;padding-right:4px}.vendor-card{padding:14px 16px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:all .15s;background:var(--surface)}.vendor-card:hover{background:var(--surface-hover);border-color:var(--border)}.vendor-card.active{background:var(--surface-mid);border-color:var(--primary)}.vendor-card-name{font-weight:600;font-size:.88rem;margin-bottom:4px}.vendor-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.burndown-table-wrap{overflow-x:auto}.burndown-table{width:100%;border-collapse:collapse;font-size:.82rem;white-space:nowrap}.burndown-table th{padding:9px 12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:500;border-bottom:1px solid var(--border-light);text-align:right}.burndown-table th:first-child{text-align:left}.burndown-table td{padding:9px 12px;border-bottom:1px solid var(--border-light);text-align:right;color:var(--text-muted)}.burndown-table td:first-child{text-align:left;font-weight:500;color:var(--text)}.burndown-table tr.row-current{background:#e8b4b814}.burndown-table tr.row-current td{color:var(--text)}.burndown-table tr.row-future td{opacity:.45}.burndown-table .col-gap-positive{color:var(--success)!important;font-weight:600}.burndown-table .col-gap-negative{color:var(--danger)!important;font-weight:600}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-primary{color:var(--primary)}.text-mike{color:var(--mike)}.text-jenny{color:var(--jenny)}.flex{display:flex}.flex-center{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.w-full{width:100%}.divider{height:1px;background:var(--border-light);margin:16px 0}@media (max-width: 1100px){.grid-60-40,.grid-40-60{grid-template-columns:1fr}.vendor-layout{grid-template-columns:260px 1fr}}@media (max-width: 800px){.grid-2,.vendor-layout{grid-template-columns:1fr}.metrics-row{grid-template-columns:repeat(2,1fr)}.page{padding:16px}.app-header{padding:16px 16px 0;flex-wrap:wrap}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 500px){.metrics-row,.grid-3{grid-template-columns:1fr}}
