:root{background:#070707;color:#f8f8f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{background:linear-gradient(180deg,rgba(255,214,0,.08),transparent 280px),#070707;display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#0c0c0cf5;border-right:1px solid #252525;display:flex;flex-direction:column;gap:24px;height:100vh;padding:24px;position:sticky;top:0}.brand{align-items:center;background:transparent;border:0;color:#fff;display:flex;gap:12px;padding:0;text-align:left}.brand-mark,.artist-avatar{align-items:center;background:#ffd600;border-radius:8px;color:#090909;display:grid;font-weight:950;height:44px;place-items:center;width:44px}.brand small,.sidebar-card small,.automation-item small,.embed-option small{color:#9b9b91;display:block}nav{display:grid;gap:6px}.nav-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#b9b9ad;display:flex;gap:10px;min-height:44px;padding:10px 12px;text-align:left}.nav-item:hover,.nav-item.active{background:#171717;border-color:#34342e;color:#ffd600}.nav-badge{background:#ff2d78;border-radius:999px;color:#fff;font-size:12px;margin-left:auto;min-width:22px;padding:2px 7px;text-align:center}.sidebar-card,.panel,.metric,.appointment-card,.artist-page,.request-card,.flash-card,.client-card{background:#111;border:1px solid #282828;border-radius:8px}.sidebar-card{display:grid;gap:12px;margin-top:auto;padding:16px}.main{min-width:0;padding:28px}.topbar,.panel-header,.row-between,.top-actions,.row-actions,.chip-row{align-items:center;display:flex;gap:10px}.topbar,.row-between,.panel-header{justify-content:space-between}.topbar{margin-bottom:24px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(30px,4vw,44px);letter-spacing:0;margin-bottom:0}h2{font-size:clamp(28px,5vw,56px);line-height:.98;max-width:900px}h3{margin-bottom:0}p{color:#b9b9ad;line-height:1.55}.eyebrow{color:#ffd600;font-size:12px;font-weight:900;letter-spacing:0;margin-bottom:6px;text-transform:uppercase}.stack{display:grid;gap:18px}.primary-button,.secondary-button,.ghost-button,.danger-button,.icon-button,.booking-type-button{align-items:center;border-radius:8px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:10px 14px}.primary-button{background:#ffd600;border:1px solid #ffd600;color:#090909}.secondary-button,.ghost-button,.icon-button,.booking-type-button{background:#181818;border:1px solid #343434;color:#f8f8f2}.ghost-button{background:transparent}.danger-button{background:#260d15;border:1px solid #7f1d3f;color:#ff8cb6}.icon-button{min-width:44px;padding:10px}.hero-band{background:linear-gradient(135deg,#ffd60033,#ff2d781f),#101010;border:1px solid #333;border-radius:8px;display:grid;gap:24px;grid-template-columns:1fr 190px;min-height:280px;padding:clamp(24px,5vw,56px)}.hero-stat{align-self:end;border:1px solid rgba(255,214,0,.35);border-radius:8px;padding:20px}.hero-stat strong{color:#ffd600;display:block;font-size:58px;line-height:1}.hero-stat span{color:#b9b9ad}.metrics-grid,.request-grid,.flash-grid,.client-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{display:grid;gap:8px;padding:18px}.metric svg{color:#ffd600}.metric strong{font-size:30px}.metric span,.mono{color:#9b9b91;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.split-layout,.booking-preview-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.panel{min-width:0;padding:18px}.panel-header{margin-bottom:16px}.appointment-list,.automation-list,.form-grid{display:grid;gap:12px}.appointment-card{display:grid;gap:16px;grid-template-columns:112px 1fr;padding:16px}.time-rail{border-right:1px solid #2b2b2b;display:grid;gap:6px;padding-right:14px}.chip-row{flex-wrap:wrap}.chip-row span,.intake-summary span,.status-pill{align-items:center;background:#1c1c1c;border:1px solid #333;border-radius:999px;color:#d9d9cf;display:inline-flex;font-size:13px;font-weight:800;gap:6px;min-height:28px;padding:5px 10px}.status-pill.good{background:#0d271d;border-color:#1f7a50;color:#7fffc0}.status-pill.warn{background:#2a2208;border-color:#8a6c11;color:#ffe083}.status-pill.bad{background:#2a0d18;border-color:#8a1c43;color:#ff8cb6}.status-pill.neutral{color:#b9b9ad}.automation-item{align-items:center;border:1px solid #282828;border-radius:8px;display:grid;gap:12px;grid-template-columns:24px 1fr auto;min-height:66px;padding:12px}.automation-item svg{color:#ffd600}.artist-page{overflow:hidden}.artist-hero{background:linear-gradient(180deg,rgba(255,214,0,.16),transparent),#141414;display:grid;justify-items:center;padding:34px 22px;text-align:center}.artist-avatar{height:72px;margin-bottom:18px;width:72px}.centered{justify-content:center}.portfolio-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.portfolio-tile,.flash-art{align-items:center;aspect-ratio:1;background:radial-gradient(circle at 30% 20%,rgba(255,214,0,.24),transparent 42%),linear-gradient(135deg,#1d1d1d,#0b0b0b);border:1px solid #303030;border-radius:8px;color:#ffd600;display:grid;font-weight:950;justify-items:center;padding:12px;text-align:center}.portfolio-tile span{color:#f8f8f2}.portfolio-tile.ghost{color:#9b9b91}.booking-type-row{display:grid;gap:10px;padding:0 16px 16px}.booking-type-button{align-items:flex-start;display:grid;justify-items:start}.booking-type-button span{color:#9b9b91;font-size:13px}.booking-form-panel{align-self:start;position:sticky;top:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}label{color:#d9d9cf;display:grid;font-size:13px;font-weight:800;gap:7px}input,select,textarea{background:#0a0a0a;border:1px solid #333;border-radius:8px;color:#f8f8f2;min-height:44px;padding:10px 12px}textarea{resize:vertical}.wide{grid-column:1 / -1}.toggle-line{align-items:center;display:flex}.toggle-line input{min-height:18px}.request-grid,.flash-grid,.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.request-card,.flash-card,.client-card{display:grid;gap:14px;padding:18px}.intake-summary,.ref-strip,.embed-options{display:flex;flex-wrap:wrap;gap:8px}.ref-strip span{background:#242424;border:1px solid #3a3a3a;border-radius:8px;color:#ffd600;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;padding:8px}.flash-art{font-size:44px}.client-avatar{align-items:center;background:#ff2d78;border-radius:8px;color:#fff;display:grid;font-weight:950;height:54px;place-items:center;width:54px}.code-block{background:#070707;border:1px solid #333;border-radius:8px;color:#ffd600;overflow-x:auto;padding:14px;white-space:pre-wrap}.embed-option{border:1px solid #333;border-radius:8px;display:grid;gap:4px;padding:12px}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #252525;border-right:0;bottom:0;display:grid;grid-template-columns:1fr;height:auto;padding:14px;position:sticky;top:auto;z-index:10}.sidebar-card{display:none}nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.nav-item{font-size:12px;justify-content:center;padding:8px}.nav-item svg{display:none}.metrics-grid,.request-grid,.flash-grid,.client-grid,.split-layout,.booking-preview-grid,.hero-band{grid-template-columns:1fr}}@media(max-width:680px){.main{padding:18px 12px 110px}.topbar{align-items:flex-start;display:grid}.top-actions{width:100%}.top-actions .primary-button{flex:1}nav{grid-template-columns:repeat(3,minmax(0,1fr))}h2{font-size:34px}.appointment-card{grid-template-columns:1fr}.time-rail{border-right:0;border-bottom:1px solid #2b2b2b;padding-bottom:12px;padding-right:0}.form-grid{grid-template-columns:1fr}}
