@font-face{font-family:Samsung SS Head Bold;src:url(/fonts/SamsungSSHead-Bold.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Samsung SS Body Regular;src:url(/fonts/SamsungSSBody-Regular.ttf)format("truetype");font-weight:400;font-style:normal}:root{--bg:#d4d4d4;--card-bg:#8e9bafb3;--border:#ffffff1a;--accent:#080808;--accent-hover:#0ea5e9;--text:#00f;--text-muted:#080b0f;--positive:#10b981;--negative:#f43f5e;--glass-shadow:0 8px 32px 0 #0000005e;--font-head:"Samsung SS Head Bold", system-ui, -apple-system, sans-serif;--font-body:"Samsung SS Body Regular", system-ui, -apple-system, sans-serif}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}.dashboard{max-width:1600px;margin:0 auto;padding:2rem}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.dash-header h1{font-family:var(--font-head);background:linear-gradient(90deg, #00f, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem}.page-nav{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;gap:.5rem;padding:.4rem;display:flex}.page-nav button{color:var(--text-muted);cursor:pointer;font-family:var(--font-head);background:0 0;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;transition:all .2s}.page-nav button.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px #38bdf84d}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--glass-shadow);border-radius:16px}.cards-row{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.ytd-card{text-align:center;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.ytd-card.single-val{justify-content:center;min-height:120px}.ytd-card h3{font-family:var(--font-head);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.9rem}.ytd-card .val{font-family:var(--font-body);font-size:2rem;font-weight:800}.ytd-card span{font-family:var(--font-body);color:var(--text-muted);font-size:.75rem}.trend-status{justify-content:center;align-items:center;gap:.4rem;margin-top:.2rem;display:flex}.trend-status.up,.trend-status.up .bullet{color:var(--positive)!important}.trend-status.down,.trend-status.down .bullet{color:var(--negative)!important}.trend-status .bullet{font-size:1.2rem;line-height:1}.trend-status .w-comp{opacity:.8;font-size:.7rem!important}.ytd-card .diff{font-size:1.1rem;font-weight:700}.diff.positive{color:var(--positive)}.diff.negative{color:var(--negative)}.ytd-card.forecast{flex-direction:column}.accent-label{font-family:var(--font-head);color:var(--accent)!important}.forecast-grid{grid-template-columns:repeat(3,1fr);width:100%;margin-top:1rem;display:grid}.forecast-grid .label{font-family:var(--font-head);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.forecast-grid .val{font-family:var(--font-body);font-size:1.4rem!important}.main-controls-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.5rem;margin-bottom:2rem;display:grid}.slicer-container{justify-content:center;align-items:center;padding:1.5rem;display:flex}.slicer-row{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.slicer-col{flex-direction:column;gap:.75rem;display:flex}.slicer-col label{font-family:var(--font-head);color:var(--text-muted);font-size:.8rem;font-weight:600}.btn-group{gap:.5rem;display:flex}.btn-group button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:var(--font-body);background:#ffffff0d;border-radius:8px;padding:.5rem 1rem;transition:all .2s}.btn-group button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.custom-select{color:var(--text);border:1px solid var(--border);cursor:pointer;font-family:var(--font-body);background:#ffffff0d;border-radius:8px;outline:none;padding:.5rem}.custom-select option{color:var(--text);background-color:#d4d4d4}.notes-container{flex-direction:column;justify-content:center;padding:1.5rem;display:flex}.notes-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.notes-header h3{font-family:var(--font-head);color:var(--accent);margin:0;font-size:1rem}.notes-actions{gap:.5rem;display:flex}.notes-actions button{cursor:pointer;font-family:var(--font-body);border:none;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s}.btn-blue{color:#fff;background:#3b82f6}.btn-green{color:#fff;background:#10b981}.btn-red{color:#fff;background:#ef4444}.notes-display{background:var(--bg);color:#000;max-height:250px;font-family:var(--font-body);white-space:pre-wrap;border:1px solid #0000001a;border-radius:8px;padding:1rem;font-size:.9rem;line-height:1.5;overflow-y:auto}.notes-display .placeholder{color:var(--text-muted);font-style:italic}.notes-textarea{background:var(--bg);color:#000;border:1px solid var(--accent);min-height:80px;max-height:250px;font-family:var(--font-body);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:1rem;font-size:.9rem;overflow-y:auto}.charts-grid-container{grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:2rem;display:grid}.chart-wrapper{padding:1.5rem}.chart-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.chart-header h3{font-family:var(--font-head);color:var(--accent);margin:0;font-size:1.1rem}.mini-kpi-group{gap:1rem;display:flex}.mini-kpi{flex-direction:column;align-items:flex-end;display:flex}.mini-kpi .label{font-family:var(--font-head);color:var(--text-muted);font-size:.7rem}.mini-kpi .value{font-family:var(--font-body);font-size:.9rem;font-weight:700}.loader{height:100vh;font-family:var(--font-head);color:var(--accent);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.error{font-family:var(--font-body);color:var(--negative);text-align:center;padding:3rem;font-size:1.2rem}@media (width<=1200px){.main-controls-row{grid-template-columns:1fr}}@media (width<=768px){.charts-grid-container,.cards-row{grid-template-columns:1fr}}