.dramaStudio{--d-bg:#090b10;--d-panel:#11151d;--d-panel2:#171c26;--d-line:#262e3b;--d-text:#f4f7fb;--d-muted:#93a0b3;--d-accent:#8b5cf6;--d-good:#34d399;--d-warn:#fbbf24;--d-bad:#fb7185;background:var(--d-bg);min-height:100vh;color:var(--d-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.dramaStudio *{box-sizing:border-box}.dramaStudio a{color:inherit;text-decoration:none}.dramaStudio button,.dramaStudio input,.dramaStudio textarea,.dramaStudio select{font:inherit}.dramaShell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.dramaSide{border-right:1px solid var(--d-line);background:#0c0f15;height:100vh;padding:24px 16px;position:sticky;top:0}.dramaBrand{margin:0 8px 28px;font-size:18px;font-weight:800}.dramaBrand span{color:#a78bfa}.dramaNav{gap:7px;display:grid}.dramaNav a{color:var(--d-muted);border-radius:10px;padding:10px 12px}.dramaNav a:hover{background:var(--d-panel2);color:var(--d-text)}.dramaSignout{margin-top:28px}.dramaMain{width:100%;max-width:1500px;margin:0 auto;padding:32px}.dramaTop{justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.dramaEyebrow{color:#a78bfa;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}.dramaH1{margin:5px 0 0;font-size:30px;line-height:1.2}.dramaMuted{color:var(--d-muted)}.dramaGrid{gap:16px;display:grid}.dramaKpis{grid-template-columns:repeat(4,minmax(0,1fr))}.dramaCard{background:var(--d-panel);border:1px solid var(--d-line);border-radius:16px;padding:18px}.dramaCard h2,.dramaCard h3{margin-top:0}.dramaMetric{margin-top:8px;font-size:30px;font-weight:800}.dramaMetricSmall{font-size:18px}.dramaTwo{grid-template-columns:1.3fr 1fr}.dramaSectionGap{margin-top:16px}.dramaTableWrap{overflow-x:auto}.dramaTable{border-collapse:collapse;width:100%;min-width:620px}.dramaTable th,.dramaTable td{text-align:left;border-bottom:1px solid var(--d-line);vertical-align:top;padding:12px 10px;font-size:14px}.dramaTable th{color:var(--d-muted);font-weight:600}.dramaPill{color:#cbd5e1;background:#202637;border-radius:999px;padding:4px 8px;font-size:12px;display:inline-flex}.dramaGood{color:var(--d-good)}.dramaWarn{color:var(--d-warn)}.dramaBad{color:var(--d-bad)}.dramaBtn{cursor:pointer;background:var(--d-accent);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.dramaBtn:disabled{cursor:not-allowed;opacity:.45}.dramaBtnSecondary{background:#252b39}.dramaForm{gap:15px;max-width:850px;display:grid}.dramaLabel{color:#d9e1ec;gap:7px;font-size:14px;display:grid}.dramaInput,.dramaTextarea,.dramaSelect{border:1px solid var(--d-line);width:100%;color:var(--d-text);background:#0d1118;border-radius:10px;padding:12px 13px}.dramaTextarea{resize:vertical;min-height:150px}.dramaLogin{place-items:center;min-height:100vh;padding:24px;display:grid}.dramaLoginCard{background:var(--d-panel);border:1px solid var(--d-line);border-radius:18px;width:min(430px,100%);padding:28px}.dramaLoginCard h1{margin:7px 0;font-size:28px}.dramaError{color:#fecdd3;background:#3b1720;border-radius:10px;margin:14px 0;padding:10px 12px}.dramaTimeline{gap:10px;display:grid}.dramaRow{justify-content:space-between;align-items:center;gap:16px;display:flex}.dramaRowLine{border-bottom:1px solid var(--d-line);padding:9px 0}.dramaSubheading{margin-top:26px!important}.dramaEmpty{text-align:center;color:var(--d-muted);padding:36px}.dramaPremise{white-space:pre-wrap;line-height:1.7}.dramaDetails{border-bottom:1px solid var(--d-line);padding:10px 0}.dramaDetails summary{cursor:pointer}.dramaDetails pre{white-space:pre-wrap;color:var(--d-muted);font-size:12px;overflow:auto}@media (max-width:950px){.dramaShell{grid-template-columns:1fr}.dramaSide{border-right:0;border-bottom:1px solid var(--d-line);height:auto;position:static}.dramaNav{grid-template-columns:repeat(4,1fr)}.dramaKpis,.dramaTwo{grid-template-columns:1fr 1fr}.dramaMain{padding:22px}}@media (max-width:640px){.dramaNav{grid-template-columns:1fr 1fr}.dramaKpis,.dramaTwo{grid-template-columns:1fr}.dramaTop{flex-direction:column;align-items:start}}
