:root { color-scheme:dark; --account-bg:#0b1512; --account-panel:#13211c; --account-panel-soft:#192b24; --account-line:#2a4036; --account-green:#b7f36b; --account-muted:#a5b5aa; --account-white:#f4f5ef; --account-warn:#ffd28a; --account-danger:#ff9b9b; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; background:radial-gradient(ellipse at top left,#1a3328 0,transparent 46%),var(--account-bg); color:var(--account-white); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible { outline:2px solid var(--account-green); outline-offset:3px; }
.account-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px max(6%,calc((100% - 1120px)/2)); border-bottom:1px solid rgba(183,243,107,.14); }
.account-logo { font-size:20px; font-weight:900; white-space:nowrap; }
.account-logo span { color:var(--account-green); }
.account-nav-link { color:var(--account-muted); font-size:14px; }
.account-nav-link:hover { color:var(--account-green); }
.account-layout { width:min(100% - 40px,480px); margin:54px auto 72px; }
.account-heading { margin-bottom:26px; }
.account-eyebrow { color:var(--account-green); font-size:11px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; }
.account-heading h1 { margin:10px 0 8px; font-family:Georgia,'Times New Roman',serif; font-size:38px; font-weight:500; line-height:1.1; }
.account-heading p { margin:0; color:var(--account-muted); font-size:14px; line-height:1.7; }
.account-panel { padding:28px; border:1px solid var(--account-line); background:rgba(19,33,28,.94); }
.account-form { display:grid; gap:16px; }
.account-field { display:grid; gap:7px; }
.account-field label,.field-label { color:#d8e0d7; font-size:13px; font-weight:700; }
.account-field input,.account-field textarea,.account-field select { width:100%; min-height:46px; padding:11px 13px; border:1px solid #40574b; border-radius:2px; background:#0d1914; color:var(--account-white); font:inherit; font-size:14px; }
.account-field textarea { min-height:110px; resize:vertical; }
.account-field input::placeholder,.account-field textarea::placeholder { color:#84958a; }
.account-field input:focus,.account-field textarea:focus,.account-field select:focus { border-color:var(--account-green); outline:none; }
.account-role { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.account-role label { display:flex; min-height:48px; align-items:center; gap:10px; padding:12px; border:1px solid #40574b; background:#0d1914; color:#d8e0d7; cursor:pointer; font-size:14px; }
.account-role input { accent-color:var(--account-green); }
.account-role input[type=radio] { width:auto; min-height:0; margin:0; padding:0; border:0; background:transparent; }
.account-role label:has(input:checked) { border-color:var(--account-green); background:#20372a; }
.account-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:0 20px; border:1px solid var(--account-green); background:var(--account-green); color:#14201d; font-size:14px; font-weight:800; cursor:pointer; }
.account-button:hover { background:#d0ff96; }
.account-form>.account-button { width:100%; margin-top:4px; }
.account-error { margin:0 0 16px; padding:12px 14px; border:1px solid #754848; background:#3b2020; color:#ffdada; font-size:13px; line-height:1.5; }
.account-success { margin:0 0 16px; padding:12px 14px; border:1px solid #466641; background:#203323; color:#d8f0c7; font-size:13px; line-height:1.5; }
.account-switch { margin:20px 0 0; padding-top:18px; border-top:1px solid var(--account-line); color:var(--account-muted); font-size:13px; text-align:center; }
.account-switch a { color:var(--account-green); font-weight:700; }
.account-note { margin:16px 0 0; color:#84958a; font-size:12px; line-height:1.6; }
.dashboard-layout { width:min(100% - 40px,1120px); margin:38px auto 80px; }
.dashboard-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:28px; }
.dashboard-heading h1 { margin:8px 0; font-family:Georgia,'Times New Roman',serif; font-size:38px; font-weight:500; }
.dashboard-heading p { margin:0; color:var(--account-muted); font-size:14px; }
.dashboard-actions { display:flex; align-items:center; gap:18px; }
.dashboard-actions span { color:var(--account-muted); font-size:13px; }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:20px; align-items:start; }
.dashboard-panel { padding:24px; border:1px solid var(--account-line); background:rgba(19,33,28,.94); }
.dashboard-panel h2 { margin:0 0 8px; font-family:Georgia,'Times New Roman',serif; font-size:25px; font-weight:500; }
.panel-intro { margin:0 0 20px; color:var(--account-muted); font-size:13px; line-height:1.65; }
.track-list { display:grid; gap:12px; }
.track-item { padding:16px; border:1px solid var(--account-line); background:var(--account-panel-soft); }
.track-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.track-item h3 { margin:0 0 5px; font-size:16px; }
.track-meta { color:var(--account-muted); font-size:12px; line-height:1.6; }
.track-description { margin:12px 0 0; color:#d1dbd2; font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.status { display:inline-flex; flex:0 0 auto; align-items:center; padding:5px 9px; border:1px solid currentColor; font-size:11px; font-weight:800; text-transform:uppercase; }
.status-draft { color:#bbc7bd; }
.status-pending { color:var(--account-warn); }
.status-released { color:var(--account-green); }
.status-rejected { color:var(--account-danger); }
.empty-state { padding:22px 16px; border:1px dashed #40574b; color:var(--account-muted); font-size:13px; line-height:1.7; text-align:center; }
@media(max-width:760px) { .dashboard-grid { grid-template-columns:1fr; } .dashboard-heading { flex-direction:column; } .dashboard-actions { width:100%; justify-content:space-between; } }
@media(max-width:520px) { .account-nav { padding:15px 20px; } .account-layout { width:min(100% - 28px,480px); margin-top:34px; } .account-panel,.dashboard-panel { padding:20px; } .account-heading h1,.dashboard-heading h1 { font-size:33px; } .dashboard-layout { width:min(100% - 28px,1120px); margin-top:26px; } .dashboard-actions { align-items:flex-start; flex-direction:column; gap:10px; } .track-top { flex-direction:column; } }
.workspace-header { display:flex; min-height:70px; align-items:center; justify-content:space-between; gap:24px; padding:0 max(5%,calc((100% - 1360px)/2)); border-bottom:1px solid rgba(183,243,107,.14); background:#0c1712; }
.workspace-account { display:flex; align-items:center; gap:20px; color:var(--account-white); font-size:13px; }
.workspace-account small { display:inline-block; margin-left:8px; color:var(--account-muted); }
.workspace-account form { margin:0; }
.workspace-logout { padding:8px 12px; border:1px solid var(--account-line); background:transparent; color:var(--account-white); cursor:pointer; }
.workspace-logout:hover { border-color:var(--account-green); }
.workspace-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:36px; width:min(100% - 48px,1320px); margin:34px auto 80px; }
.workspace-sidebar { position:sticky; top:24px; align-self:start; }
.sidebar-label { margin:0 0 12px 10px; color:#789084; font-size:10px; font-weight:800; letter-spacing:1.3px; text-transform:uppercase; }
.workspace-nav { display:grid; min-width:0; gap:4px; }
.workspace-tab { min-height:42px; padding:0 12px; border:1px solid transparent; background:transparent; color:var(--account-muted); cursor:pointer; font:inherit; font-size:13px; text-align:left; }
.workspace-tab:hover { color:var(--account-white); background:#14231c; }
.workspace-tab.is-active { border-color:#314b3b; background:#18291f; color:var(--account-green); }
.workspace-home { display:inline-block; margin:22px 0 0 10px; color:#82958a; font-size:12px; }
.workspace-home:hover { color:var(--account-green); }
.workspace-main { min-width:0; }
.workspace-page-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:25px; }
.workspace-page-heading h1 { margin:8px 0 5px; font-family:Georgia,'Times New Roman',serif; font-size:36px; font-weight:500; }
.workspace-page-heading>div>p:last-child { margin:0; color:var(--account-muted); font-size:13px; }
.workspace-view[hidden] { display:none; }
.metric-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.metric-card { min-height:100px; padding:17px; border:1px solid var(--account-line); background:var(--account-panel); }
.metric-card span { display:block; color:var(--account-muted); font-size:12px; }
.metric-card strong { display:block; margin-top:12px; font-size:28px; font-weight:600; }
.dashboard-panel { min-width:0; }
.overview-panel h2,.workspace-view>.dashboard-panel h2 { margin:0 0 7px; font-family:Georgia,'Times New Roman',serif; font-size:25px; font-weight:500; }
.panel-heading-row { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.panel-heading-row .panel-intro { margin:0; }
.text-action { padding:8px 0; border:0; background:transparent; color:var(--account-green); cursor:pointer; font:inherit; font-size:12px; font-weight:700; white-space:nowrap; }
.text-action:hover { color:#d5ffa5; }
.workspace-disclaimer { margin:17px 0 0; color:#83948a; font-size:12px; line-height:1.6; }
.form-panel { max-width:820px; }
.form-panel h2 { margin:0 0 8px; font-family:Georgia,'Times New Roman',serif; font-size:26px; font-weight:500; }
.release-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.field-help { color:#93a69a; font-size:11px; line-height:1.5; }
.additional-artists { margin:-4px 0 18px; }
.additional-artists>.field-help { margin:0 0 9px; }
.additional-artist-list { display:grid; gap:10px; }
.additional-artist-row { margin:0; }
.additional-artist-controls { display:flex; align-items:center; gap:10px; }
.additional-artist-controls select { flex:1; min-width:0; }
.add-artist-action:disabled { opacity:.45; cursor:not-allowed; }
.remove-artist-action { flex:0 0 auto; padding:8px 10px; border:1px solid var(--account-line); border-radius:7px; background:transparent; color:#c2cec4; cursor:pointer; font:inherit; font-size:11px; }
.remove-artist-action:hover { border-color:#a85d5d; color:#ffb4b4; }
.help-panel { max-width:880px; }
.help-form { max-width:720px; margin-top:20px; }
.catalog-list { display:grid; }
.catalog-page-panel { padding:30px; }
.catalog-page-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:8px; }
.catalog-page-heading .account-eyebrow { margin:0 0 8px; }
.catalog-page-heading h2 { margin:0 0 7px; font-size:30px; }
.catalog-page-heading .panel-intro { margin:0; }
.catalog-new-release { flex:0 0 auto; }
.catalog-count { margin:22px 0 12px; color:#a8b8ac; font-size:12px; font-weight:700; }
.catalog-count span { padding:0 5px; color:#718678; }
.catalog-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.catalog-item { padding:18px; border:1px solid var(--account-line); background:var(--account-panel-soft); }
.catalog-title { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:16px; border-bottom:1px solid var(--account-line); }
.catalog-title h3 { margin:4px 0 0; font-size:17px; }
.catalog-kicker { margin:0; color:#8fa397; font-size:9px; font-weight:800; letter-spacing:1.2px; }
.catalog-release-title { margin:9px 0 0; color:#aebcaf; font-size:12px; }
.draft-instruction { margin:16px 0 0; color:#c5cbbe; font-size:12px; }
.catalog-details,.settings-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 20px; margin:16px 0 0; }
.catalog-details div,.settings-list div { min-width:0; }
.catalog-details dt,.settings-list dt { color:#83958a; font-size:11px; }
.catalog-details dd,.settings-list dd { margin:5px 0 0; color:#e4ebe4; font-size:13px; overflow-wrap:anywhere; }
.analytics-panel { position:relative; overflow:hidden; padding:30px; }
.analytics-panel::before { position:absolute; top:-115px; right:-100px; width:300px; height:300px; border:1px solid rgba(183,243,107,.08); border-radius:50%; box-shadow:0 0 0 28px rgba(183,243,107,.018),0 0 0 58px rgba(183,243,107,.012); content:""; pointer-events:none; }
.analytics-header { position:relative; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.analytics-header .account-eyebrow { margin:0 0 8px; }
.analytics-header h2 { margin:0 0 7px; font-size:32px; }
.analytics-header .panel-intro { margin:0; }
.analytics-live-label { display:flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid rgba(183,243,107,.24); border-radius:30px; background:rgba(183,243,107,.06); color:#d0efa9; font-size:11px; font-weight:700; white-space:nowrap; }
.analytics-live-label::before { width:8px; height:8px; border-radius:50%; background:var(--account-green); box-shadow:0 0 12px rgba(183,243,107,.7); content:""; animation:analytics-pulse 1.8s ease-in-out infinite; }
@keyframes analytics-pulse { 50% { opacity:.45; box-shadow:0 0 3px rgba(183,243,107,.35); } }
.analytics-metrics { position:relative; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:26px 0 18px; }
.analytics-metrics .metric-card { min-height:142px; padding:20px; border-radius:12px; }
.analytics-metrics .metric-card::before { position:absolute; top:16px; right:17px; display:grid; width:32px; height:32px; place-items:center; border:1px solid rgba(183,243,107,.16); border-radius:9px; background:rgba(183,243,107,.055); color:var(--account-green); font-size:15px; content:"↗"; }
.analytics-metrics .metric-card:nth-child(2)::before { content:"◎"; }
.analytics-metrics .analytics-top-track::before { content:"♫"; }
.analytics-metrics .metric-card>span { display:block; color:#9fb1a3; font-size:11px; letter-spacing:.8px; text-transform:uppercase; }
.analytics-metrics .metric-card>strong { display:block; max-width:100%; margin-top:24px; color:#f2f6ed; font-size:35px; }
.analytics-metrics .metric-card:nth-child(2)>strong { color:#d4efad; }
.analytics-metrics .analytics-top-track>strong { overflow:hidden; font-size:20px; text-overflow:ellipsis; white-space:nowrap; }
.analytics-track-panel { position:relative; margin-top:20px; padding:22px; border:1px solid #2d4436; border-radius:12px; background:linear-gradient(145deg,rgba(10,20,14,.82),rgba(16,29,21,.75)); }
.analytics-track-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid rgba(96,126,105,.2); }
.analytics-track-panel-heading h3 { margin:0; font-size:16px; }
.analytics-track-panel-heading>span { padding:6px 9px; border:1px solid rgba(96,126,105,.22); border-radius:20px; color:#91a196; font-size:10px; }
.analytics-track-list { display:grid; gap:17px; }
.analytics-track-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px 16px; align-items:center; }
.analytics-track-heading { display:grid; min-width:0; gap:4px; }
.analytics-track-heading strong { overflow:hidden; color:#e6ece3; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.analytics-track-heading span { color:#91a196; font-size:11px; }
.analytics-track-count { color:#d4efa9; font-size:12px; font-weight:700; white-space:nowrap; }
.analytics-track-progress { grid-column:1/-1; height:7px; overflow:hidden; border-radius:8px; background:#24352b; box-shadow:inset 0 1px 2px rgba(0,0,0,.28); }
.analytics-track-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#62b94f,#b7f36b); box-shadow:0 0 12px rgba(183,243,107,.22); transition:width .45s ease; }
.analytics-no-tracks { margin:0; padding:22px 12px; color:var(--account-muted); font-size:13px; text-align:center; }
.analytics-error { margin:12px 0 0; color:#ffb5a7; font-size:12px; }
.analytics-footnote { margin:15px 0 0; color:#829187; font-size:11px; line-height:1.6; }
.earnings-empty { display:grid; justify-items:center; margin-top:20px; padding:45px 20px; border:1px dashed #40574b; text-align:center; }
.earnings-empty>span { color:var(--account-green); font-size:34px; }
.earnings-empty h3 { margin:12px 0 7px; font-size:16px; }
.earnings-empty p { max-width:430px; margin:0; color:var(--account-muted); font-size:13px; line-height:1.7; }
.artist-management-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:16px; align-items:start; }
.artist-management-grid h2 { margin:0 0 7px; font-family:Georgia,'Times New Roman',serif; font-size:24px; font-weight:500; }
.count-label { margin-left:5px; color:#a5b5aa; font-family:Arial,Helvetica,sans-serif; font-size:13px; }
.artist-roster { display:grid; gap:10px; }
.catalog-empty-state { display:grid; justify-items:center; gap:10px; margin-top:20px; padding:48px 20px; }
.catalog-empty-icon { display:grid; width:54px; height:54px; place-items:center; border:1px solid #405b48; border-radius:50%; color:var(--account-green); font-size:25px; }
.catalog-empty-state h3 { margin:5px 0 0; color:var(--account-white); font-size:17px; }
.catalog-empty-state p { max-width:380px; margin:0 0 8px; color:var(--account-muted); line-height:1.6; }
.catalog-empty-state .account-button { padding:0 18px; }
@media(max-width:760px) { .catalog-list { grid-template-columns:1fr; } }
@media(max-width:680px) { .catalog-page-panel { padding:20px; } .catalog-page-heading { align-items:flex-start; } .catalog-new-release { min-height:42px; padding:0 12px; font-size:12px; } }
@media(max-width:680px) { .analytics-panel { padding:22px; } .analytics-header { flex-direction:row; gap:12px; } .analytics-live-label { align-self:flex-start; } .analytics-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .analytics-top-track { grid-column:1/-1; } .analytics-track-panel { padding:17px; } }
.form-section-heading { display:flex; align-items:center; gap:13px; margin:10px 0 2px; padding-bottom:14px; border-bottom:1px solid var(--account-line); }
.form-section-heading>span { display:grid; width:31px; height:31px; place-items:center; border:1px solid #496246; color:var(--account-green); font-size:11px; font-weight:800; }
.form-section-heading h3 { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:19px; font-weight:500; }
.form-section-heading p { margin:4px 0 0; color:var(--account-muted); font-size:11px; line-height:1.5; }
.choice-field { display:grid; gap:8px; min-width:0; margin:0; padding:14px; border:1px solid #344b3b; }
.choice-field legend { padding:0 5px; color:#d8e0d7; font-size:12px; font-weight:700; }
.choice-row { display:flex; flex-wrap:wrap; gap:14px; }
.choice-row label,.choice-stack label { display:flex; align-items:center; gap:8px; color:#d7e1d7; font-size:12px; cursor:pointer; }
.choice-row input,.choice-stack input { width:auto; min-width:16px; min-height:0; margin:0; padding:0; accent-color:var(--account-green); }
.choice-stack { display:grid; gap:12px; }
.choice-stack label { align-items:flex-start; padding:10px; border:1px solid #2d4133; background:rgba(8,17,12,.4); }
.choice-stack label:has(input:checked) { border-color:#68844f; background:rgba(183,243,107,.06); }
.choice-stack strong,.choice-stack small { display:block; }
.choice-stack strong { font-size:12px; }
.choice-stack small { margin-top:4px; color:#95a79a; font-size:11px; line-height:1.5; }
.upload-guidance { padding:15px 17px; border-left:2px solid #9cbf78; background:rgba(183,243,107,.045); color:#becbbf; font-size:11px; line-height:1.65; }
.upload-guidance strong { color:#e1ebdc; font-size:12px; }
.upload-guidance ul { display:grid; gap:4px; margin:8px 0 0; padding-left:18px; }
.file-dropzone { display:grid; justify-items:center; gap:8px; padding:17px 14px; border:1px dashed #536c52; background:rgba(183,243,107,.035); text-align:center; transition:border-color .16s,background .16s; }
.file-dropzone.is-dragging { border-color:var(--account-green); background:rgba(183,243,107,.1); }
.file-dropzone p { margin:0; color:#cbd8cb; font-size:12px; }
.file-selection { max-width:100%; color:#8fa395; font-size:11px; overflow-wrap:anywhere; }
.file-dropzone input[type="file"] { width:auto; max-width:100%; min-height:34px; padding:4px; border:0; background:transparent; font-size:11px; }
.track-editor-list { display:grid; gap:15px; }
.track-editor { display:grid; gap:16px; padding:18px; border:1px solid #344a39; background:linear-gradient(140deg,rgba(23,40,29,.78),rgba(14,25,19,.78)); }
.track-editor-header,.credit-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.track-editor-header h3 { margin:4px 0 0; font-family:Georgia,'Times New Roman',serif; font-size:18px; font-weight:500; }
.remove-track,.remove-credit { border:1px solid #493c37; background:transparent; color:#dfa18a; cursor:pointer; }
.remove-track { padding:7px 10px; font-size:11px; }
.credit-sections { display:grid; gap:10px; }
.credit-group { padding:14px; border:1px solid #2d4133; }
.credit-heading h4 { margin:0; color:#e0e8de; font-size:12px; }
.credit-heading p { max-width:400px; margin:5px 0 0; color:#92a497; font-size:10px; line-height:1.5; }
.credit-rows { display:grid; gap:8px; margin-top:12px; }
.credit-row { display:grid; grid-template-columns:minmax(120px,.8fr) minmax(120px,1fr) minmax(120px,1fr) 32px; gap:7px; }
.credit-row select,.credit-row input { width:100%; min-width:0; min-height:38px; padding:7px 9px; border:1px solid #40574b; background:#0d1914; color:var(--account-white); font:inherit; font-size:11px; }
.remove-credit { min-height:38px; font-size:17px; }
.ai-credit-toggle { display:flex; align-items:center; gap:8px; color:#b6c4b8; font-size:11px; }
.ai-credit-toggle input { accent-color:var(--account-green); }
.secondary-action { min-height:42px; padding:0 14px; border:1px solid #58734d; background:rgba(183,243,107,.05); color:var(--account-green); font-size:12px; font-weight:700; cursor:pointer; }
.secondary-action:hover { background:rgba(183,243,107,.12); }
.scheduled-date-field[hidden] { display:none; }
.release-submit { align-self:start; }
.attach-audio-form { margin-top:16px; padding-top:15px; border-top:1px solid var(--account-line); }
.roster-item { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px; border:1px solid var(--account-line); background:var(--account-panel-soft); }
.roster-item h3 { margin:0 0 5px; font-size:14px; }
.roster-item p { margin:0; color:var(--account-muted); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.roster-item>span { color:#a5b5aa; font-size:11px; white-space:nowrap; }
.roster-item-editable { align-items:flex-start; }
.roster-artist-summary { display:flex; min-width:0; align-items:center; gap:10px; }
.roster-avatar { display:block; width:40px; height:40px; flex:0 0 40px; border:1px solid #55724d; border-radius:50%; background:#0e1b14; object-fit:cover; object-position:center; box-shadow:0 0 0 3px rgba(183,243,107,.06); }
.roster-avatar-empty { display:grid; place-items:center; color:var(--account-green); font-size:18px; }
.roster-artist-details { min-width:0; }
.roster-artist-actions { display:grid; justify-items:end; gap:10px; }
.roster-artist-actions>span { color:#a5b5aa; font-size:11px; white-space:nowrap; }
.artist-edit { width:min(100%,430px); }
.artist-edit summary { list-style:none; }
.artist-edit summary::-webkit-details-marker { display:none; }
.artist-edit[open] { width:100%; }
.artist-edit[open] summary { margin-bottom:12px; }
.artist-edit-form { padding:16px; border:1px solid #30483a; background:rgba(8,16,12,.55); }
.artist-edit-form .account-button { width:100%; }
.artist-edit-form input[type=file] { min-height:42px; padding:8px; font-size:12px; }
.field-hint { display:block; margin-top:4px; color:#8b9d90; font-size:11px; font-weight:400; line-height:1.5; }
@media(max-width:900px) { .workspace-layout { min-width:0; grid-template-columns:minmax(0,1fr); gap:20px; margin-top:22px; } .workspace-sidebar { position:static; min-width:0; } .sidebar-label { margin-left:0; } .workspace-nav { display:flex; min-width:0; max-width:100%; gap:5px; overflow-x:auto; padding-bottom:5px; } .workspace-tab { flex:0 0 auto; } .workspace-home { display:none; } }
@media(max-width:680px) { .workspace-header { min-height:62px; padding:0 16px; } .workspace-account { gap:10px; } .workspace-account small { display:none; } .workspace-layout { width:min(100% - 28px,1320px); } .workspace-page-heading { align-items:flex-start; flex-direction:column; } .workspace-page-heading h1 { font-size:32px; } .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .release-form-grid,.catalog-details,.settings-list,.artist-management-grid { grid-template-columns:1fr; } .analytics-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .analytics-top-track { grid-column:1/-1; } .panel-heading-row,.catalog-title { align-items:flex-start; } .roster-item { align-items:flex-start; flex-direction:column; } }
body:has(.workspace-layout) { background:radial-gradient(ellipse at 78% -12%,rgba(36,91,72,.34),transparent 42%),linear-gradient(180deg,#0c1612 0,#0a110f 56%,#0c1511 100%); font-family:'Segoe UI',Arial,sans-serif; }
.workspace-header { position:sticky; top:0; z-index:20; min-height:76px; border-bottom-color:rgba(171,207,180,.16); background:rgba(10,19,15,.94); box-shadow:0 10px 30px rgba(0,0,0,.18); backdrop-filter:blur(14px); }
.workspace-header::after { position:absolute; right:5%; bottom:-1px; left:5%; height:1px; background:linear-gradient(90deg,transparent,rgba(183,243,107,.4),transparent); content:""; pointer-events:none; }
.workspace-account { min-height:42px; padding:5px 7px 5px 12px; border:1px solid #2b4035; background:#111f18; }
.workspace-account>span { display:flex; flex-direction:column; gap:3px; font-weight:700; }
.workspace-account small { margin:0; color:#82998a; font-size:10px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; }
.workspace-logout { padding:8px 11px; border-color:#405347; color:#d9e3d9; font-size:11px; font-weight:700; transition:background .18s,border-color .18s; }
.workspace-logout:hover { border-color:#d78b6d; background:rgba(215,139,109,.1); }
.workspace-layout { width:min(100% - 56px,1380px); grid-template-columns:218px minmax(0,1fr); gap:28px; margin-top:30px; }
.workspace-sidebar { top:96px; padding:18px 12px 16px; border:1px solid rgba(96,126,105,.28); background:linear-gradient(160deg,rgba(20,36,28,.94),rgba(14,25,20,.91)); box-shadow:0 16px 34px rgba(0,0,0,.16); }
.sidebar-label { margin-left:10px; color:#789181; }
.workspace-nav { gap:5px; }
.workspace-tab { position:relative; min-height:44px; padding:0 11px 0 14px; transition:background .18s,color .18s,border-color .18s; }
.workspace-tab.is-active { border-color:#364e3e; background:linear-gradient(90deg,rgba(183,243,107,.12),rgba(183,243,107,.025)); box-shadow:inset 2px 0 #b7f36b; color:#d4f3b0; }
.workspace-home { margin-top:19px; padding:11px 10px 0; border-top:1px solid rgba(96,126,105,.22); }
.workspace-page-heading { min-height:154px; align-items:center; margin-bottom:18px; padding:26px 30px; border:1px solid rgba(105,137,112,.3); background:radial-gradient(ellipse at 93% 0,rgba(120,178,128,.16),transparent 38%),linear-gradient(120deg,#16271e,#122019 60%,#14241b); box-shadow:0 18px 40px rgba(0,0,0,.18); }
.workspace-page-heading h1 { margin:8px 0 7px; font-size:40px; }
.workspace-page-heading>div>p:last-child { color:#aabaae; }
.heading-release-button { min-height:44px; gap:8px; padding:0 18px; box-shadow:0 7px 20px rgba(183,243,107,.14); transition:transform .18s,box-shadow .18s; }
.heading-release-button:hover { transform:translateY(-2px); box-shadow:0 10px 25px rgba(183,243,107,.22); }
.metric-grid { gap:12px; margin-bottom:16px; }
.metric-card { position:relative; min-height:112px; overflow:hidden; border-color:#293e32; background:linear-gradient(145deg,rgba(25,43,33,.98),rgba(16,29,22,.98)); box-shadow:0 10px 24px rgba(0,0,0,.12); }
.metric-card::after { position:absolute; right:-17px; bottom:-35px; width:78px; height:78px; border:1px solid rgba(183,243,107,.13); border-radius:50%; box-shadow:0 0 0 12px rgba(183,243,107,.025),0 0 0 25px rgba(183,243,107,.018); content:""; }
.metric-card span { color:#a4b4a8; font-size:11px; font-weight:700; letter-spacing:.25px; }
.metric-card strong { margin-top:14px; color:#f3f6ee; font-size:31px; font-variant-numeric:tabular-nums; }
.metric-card:nth-child(2) strong { color:#f3c879; }
.metric-card:nth-child(3) strong { color:#b7f36b; }
.metric-card:nth-child(4) strong { color:#e89a7c; }
.dashboard-panel { border-color:#2b4035; background:linear-gradient(150deg,rgba(19,34,26,.98),rgba(14,25,20,.98)); box-shadow:0 16px 38px rgba(0,0,0,.16); }
.overview-panel h2,.workspace-view>.dashboard-panel h2 { font-size:27px; }
.panel-intro { color:#9cac9f; }
.track-item,.catalog-item,.roster-item { border-color:#30483a; background:linear-gradient(135deg,#192a20,#14231b); }
.track-item { transition:border-color .18s,transform .18s; }
.track-item:hover,.catalog-item:hover { border-color:#527153; transform:translateY(-1px); }
.status { padding:6px 10px; background:rgba(0,0,0,.16); letter-spacing:.45px; }
.empty-state { border-color:#415b48; background:linear-gradient(135deg,rgba(29,49,36,.62),rgba(16,28,21,.45)); }
.workspace-disclaimer { padding:12px 14px; border-left:2px solid #d58d6f; background:rgba(213,141,111,.06); color:#a99d91; }
.catalog-item { padding:20px; transition:border-color .18s,transform .18s; }
.release-catalog-item { padding:0; }
.release-catalog-item:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.16); }
.release-catalog-item[open] { border-color:#527153; }
.release-catalog-summary { display:flex; min-height:104px; align-items:center; gap:16px; padding:16px 20px; cursor:pointer; list-style:none; }
.release-catalog-summary::-webkit-details-marker { display:none; }
.release-catalog-summary:focus-visible { outline:2px solid var(--account-green); outline-offset:-3px; }
.release-cover-art { display:block; width:36px; height:36px; flex:0 0 36px; border:1px solid var(--account-line); background:#102018; object-fit:cover; }
.release-cover-placeholder { display:flex; align-items:center; justify-content:center; color:var(--account-muted); font-size:11px; }
.release-summary-title { display:grid; min-width:0; flex:1; gap:5px; }
.release-summary-heading { overflow-wrap:anywhere; font-size:17px; font-weight:700; }
.release-view-button { flex:0 0 auto; padding:9px 16px; border:1px solid var(--account-green); color:var(--account-green); font-size:13px; font-weight:700; }
.release-catalog-summary:hover .release-view-button { background:var(--account-green); color:#14201d; }
.release-catalog-item[open] .release-view-button { background:var(--account-green); color:#14201d; }
.release-full-details { padding:0 20px 20px; }
.release-track-details { padding-top:18px; border-top:1px solid var(--account-line); }
.release-track-details+.release-track-details { margin-top:22px; }
.release-track-details .catalog-title { padding-bottom:12px; }
.catalog-kicker { color:#92b49a; }
.catalog-details dt,.settings-list dt { color:#8c9e91; }
.catalog-details dd,.settings-list dd { color:#e6ece3; }
.analytics-metrics .metric-card { min-height:142px; }
.earnings-empty { border-color:#405c49; background:radial-gradient(ellipse at 50% 0,rgba(183,243,107,.07),transparent 70%); }
.artist-management-grid h2 { font-size:26px; }
.roster-item { transition:border-color .18s; }
.roster-item:hover { border-color:#527153; }
.account-button:disabled { border-color:#526052; background:#526052; color:#d0d3ca; cursor:not-allowed; box-shadow:none; }
@media(max-width:900px) { .workspace-layout { width:min(100% - 40px,920px); grid-template-columns:minmax(0,1fr); gap:16px; margin-top:22px; } .workspace-sidebar { top:85px; padding:13px; } .workspace-nav { scrollbar-width:thin; scrollbar-color:#405945 transparent; } }
@media(max-width:680px) { .workspace-header { min-height:64px; padding:0 16px; } .workspace-layout { width:min(100% - 28px,920px); margin-top:16px; } .workspace-sidebar { padding:13px; } .workspace-page-heading { min-height:0; padding:21px; } .workspace-page-heading h1 { font-size:34px; } .heading-release-button { min-height:42px; } .workspace-account { gap:8px; } .workspace-account>span { max-width:145px; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; } .workspace-account small { display:block; } .workspace-logout { padding:7px 9px; } }
@media(max-width:520px) { .analytics-panel { padding:18px; } .analytics-header { flex-direction:column; } .analytics-header h2 { font-size:27px; } .analytics-metrics { grid-template-columns:1fr; } .analytics-metrics .metric-card { min-height:120px; } .analytics-metrics .analytics-top-track { grid-column:auto; } .analytics-track-panel { padding:14px; } }
@media(max-width:520px) { .workspace-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; } .workspace-tab { min-width:0; min-height:41px; padding:0 10px; border-color:#293d31; background:rgba(11,20,15,.45); font-size:12px; } .workspace-tab.is-active { border-color:#55704d; } .workspace-header .account-logo { font-size:18px; } .workspace-account>span { max-width:118px; } .workspace-layout { width:min(100% - 24px,920px); } .metric-card { min-height:100px; padding:14px; } .dashboard-panel { padding:18px; } .catalog-item { padding:15px; } .release-catalog-item { padding:0; } .release-catalog-summary { gap:10px; padding:13px; } .release-cover-art { width:32px; height:32px; flex-basis:32px; } .release-summary-heading { font-size:14px; } .release-catalog-summary .status { max-width:110px; white-space:normal; } .release-view-button { padding:8px 10px; } .release-full-details { padding:0 13px 15px; } .credit-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px; } .credit-role { grid-column:1/-1; } }
@media(max-width:520px) { .catalog-page-panel { padding:17px; } .catalog-page-heading { gap:12px; } .catalog-page-heading h2 { font-size:25px; } .catalog-page-heading .panel-intro { max-width:230px; font-size:12px; } .catalog-new-release { min-height:38px; padding:0 9px; font-size:11px; } .release-catalog-summary { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:8px 10px; align-items:center; } .release-cover-art { grid-column:1; grid-row:1/3; width:32px; height:32px; } .release-summary-title { grid-column:2; grid-row:1/3; } .release-catalog-summary .status { grid-column:3; grid-row:1; max-width:100px; padding:5px 7px; font-size:9px; } .release-view-button { grid-column:3; grid-row:2; justify-self:end; padding:6px 10px; font-size:11px; } .release-summary-heading { font-size:13px; } .catalog-empty-state { padding:36px 14px; } }
body.signup-page { position:relative; isolation:isolate; overflow-x:hidden; background:radial-gradient(ellipse at 18% 38%,rgba(73,127,76,.18),transparent 34%),radial-gradient(ellipse at 85% 8%,rgba(183,243,107,.08),transparent 29%),#0a100e; }
body.signup-page::before { position:fixed; z-index:-1; inset:0; background-image:linear-gradient(rgba(183,243,107,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(183,243,107,.025) 1px,transparent 1px); background-size:52px 52px; content:""; mask-image:linear-gradient(to bottom,black,transparent 85%); pointer-events:none; }
.signup-page .account-nav { border-bottom-color:rgba(183,243,107,.12); }
.signup-layout { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); align-items:center; gap:clamp(36px,7vw,100px); width:min(100% - 64px,1120px); margin:clamp(48px,8vh,90px) auto 80px; }
.signup-layout .account-heading { position:relative; margin:0; padding:34px 0; }
.signup-layout .account-eyebrow { display:inline-flex; align-items:center; gap:9px; color:#c5f889; font-size:10px; letter-spacing:1.8px; }
.signup-layout .account-eyebrow::before { width:24px; height:1px; background:var(--account-green); content:""; }
.signup-layout .account-heading h1 { max-width:440px; margin:18px 0 17px; font-size:clamp(42px,5.2vw,64px); letter-spacing:-1.8px; line-height:1.02; }
.signup-layout .account-heading>p:not(.account-eyebrow):not(.signup-footnote) { max-width:410px; font-size:15px; line-height:1.85; }
.signup-orbit { position:relative; display:grid; width:84px; height:84px; margin-bottom:32px; place-items:center; border:1px solid rgba(183,243,107,.27); border-radius:50%; background:radial-gradient(circle,rgba(183,243,107,.15),rgba(183,243,107,.015) 68%); box-shadow:0 0 45px rgba(183,243,107,.08),inset 0 0 24px rgba(183,243,107,.05); }
.signup-orbit::before,.signup-orbit::after { position:absolute; inset:10px; border:1px solid rgba(183,243,107,.2); border-radius:50%; content:""; }
.signup-orbit::after { inset:23px; border-color:rgba(183,243,107,.36); }
.signup-orbit span { position:absolute; top:11px; right:10px; width:7px; height:7px; border-radius:50%; background:var(--account-green); box-shadow:0 0 14px var(--account-green); }
.signup-orbit span:nth-child(2) { top:auto; right:auto; bottom:13px; left:7px; width:5px; height:5px; opacity:.75; }
.signup-orbit span:nth-child(3) { top:38px; right:38px; width:8px; height:8px; }
.signup-benefits { display:grid; gap:18px; margin-top:35px; }
.signup-benefits>div { display:flex; align-items:flex-start; gap:14px; }
.signup-benefits>div>span { padding-top:2px; color:#a7d86b; font-size:10px; font-weight:800; letter-spacing:1px; }
.signup-benefits p { margin:0; color:#9aa99e; font-size:12px; line-height:1.7; }
.signup-benefits strong { color:#e5ebe2; font-size:13px; font-weight:700; }
.signup-layout .signup-footnote { margin-top:42px; color:#728078; font-size:11px; letter-spacing:.4px; }
.signup-panel { padding:clamp(24px,3.2vw,38px); border-color:rgba(181,220,183,.19); background:linear-gradient(145deg,rgba(24,39,31,.97),rgba(13,23,18,.98)); box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035); }
.signup-panel-heading { margin-bottom:26px; }
.signup-step { display:flex; justify-content:space-between; gap:12px; margin:0 0 12px; color:#a9d778; font-size:9px; font-weight:800; letter-spacing:1.5px; }
.signup-step span { color:#76877a; font-weight:600; letter-spacing:1px; }
.signup-panel-heading h2 { margin:0 0 7px; color:#f4f5ef; font-family:Georgia,'Times New Roman',serif; font-size:29px; font-weight:500; letter-spacing:-.4px; }
.signup-panel-heading>p:last-child { margin:0; color:#98a79b; font-size:12px; line-height:1.6; }
.signup-panel .account-form { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.signup-panel .account-form>.account-field:nth-of-type(-n+2),.signup-panel .account-form>.account-button { grid-column:1/-1; }
.signup-panel .field-label { font-size:12px; }
.signup-panel .account-role { gap:11px; }
.signup-panel .account-role label { position:relative; min-height:92px; align-items:flex-start; gap:10px; padding:15px 13px; border-color:#34483a; border-radius:4px; transition:border-color .18s,background .18s,transform .18s; }
.signup-panel .account-role label:hover { transform:translateY(-2px); border-color:#718c5b; }
.signup-panel .account-role label:has(input:checked) { border-color:#b7f36b; background:linear-gradient(145deg,rgba(183,243,107,.13),rgba(183,243,107,.035)); box-shadow:inset 0 0 0 1px rgba(183,243,107,.12); }
.signup-panel .account-role input[type=radio] { flex:0 0 auto; width:15px; height:15px; margin-top:2px; accent-color:var(--account-green); }
.role-card-copy { display:grid; gap:6px; }
.role-card-copy strong { color:#e9eee7; font-size:14px; }
.role-card-copy small { color:#94a397; font-size:10px; font-weight:400; line-height:1.4; }
.role-card-icon { position:absolute; right:12px; bottom:9px; color:#c6ed9a; font-size:18px; opacity:.8; }
.signup-panel .account-field input { border-color:#35483a; border-radius:4px; background:rgba(8,16,12,.72); }
.signup-panel .account-field input:focus { border-color:#b7f36b; box-shadow:0 0 0 3px rgba(183,243,107,.09); }
.signup-panel .account-button { justify-content:space-between; min-height:52px; margin-top:4px; padding:0 17px; border-radius:4px; box-shadow:0 8px 24px rgba(183,243,107,.12); transition:background .18s,transform .18s,box-shadow .18s; }
.signup-panel .account-button:hover { transform:translateY(-1px); background:#d0ff96; box-shadow:0 10px 28px rgba(183,243,107,.2); }
.signup-panel .account-button span { font-size:19px; }
.signup-panel .account-switch { margin-top:19px; padding-top:17px; font-size:12px; }
.signup-panel .account-note.signup-privacy { display:flex; gap:8px; align-items:flex-start; margin-top:14px; color:#86968a; font-size:10px; }
.signup-privacy>span { color:#b7e985; font-size:14px; }
@media(max-width:920px) { .signup-layout { grid-template-columns:minmax(0,1fr); gap:20px; width:min(100% - 40px,560px); margin-top:40px; } .signup-layout .account-heading { padding:8px 0 0; } .signup-orbit { width:62px; height:62px; margin-bottom:23px; } .signup-orbit::after { inset:18px; } .signup-orbit span:nth-child(3) { top:27px; right:27px; } .signup-layout .account-heading h1 { max-width:520px; font-size:clamp(39px,8vw,55px); } .signup-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:23px; } .signup-layout .signup-footnote { display:none; } .signup-panel .account-form { grid-template-columns:minmax(0,1fr); } .signup-panel .account-form>.account-field:nth-of-type(-n+2),.signup-panel .account-form>.account-button { grid-column:auto; } }
@media(max-width:520px) { .signup-layout { width:min(100% - 28px,480px); margin-top:29px; } .signup-layout .account-heading h1 { font-size:42px; } .signup-layout .account-heading>p:not(.account-eyebrow):not(.signup-footnote) { font-size:13px; } .signup-benefits { grid-template-columns:1fr; gap:11px; margin-top:18px; } .signup-benefits p { font-size:11px; } .signup-panel { padding:22px 18px; } .signup-panel-heading { margin-bottom:21px; } .signup-panel-heading h2 { font-size:26px; } .signup-panel .account-role { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .signup-panel .account-role label { min-height:105px; padding:12px 9px 29px; gap:7px; } .role-card-copy small { font-size:9px; } .role-card-icon { right:9px; bottom:7px; font-size:16px; } }

@media(min-width:1400px) {
  .workspace-header { padding-right:clamp(36px,4vw,100px); padding-left:clamp(36px,4vw,100px); }
  .workspace-layout { width:calc(100% - clamp(72px,8vw,200px)); max-width:none; grid-template-columns:clamp(218px,16vw,300px) minmax(0,1fr); gap:clamp(28px,3vw,56px); }
  .signup-layout { width:calc(100% - clamp(72px,8vw,200px)); max-width:1800px; }
}

@media(max-width:680px) {
  .workspace-header { padding-right:12px; padding-left:12px; }
  .workspace-account { min-width:0; }
  .workspace-account>span { max-width:38vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .workspace-account small { display:none; }
  .workspace-layout { width:calc(100% - 24px); }
  .workspace-sidebar { overflow:hidden; }
  .workspace-nav { scrollbar-width:thin; scrollbar-color:#405945 transparent; }
  .signup-panel .account-role label { min-width:0; }
}

@media(max-width:380px) {
  .account-nav { gap:10px; padding-right:14px; padding-left:14px; }
  .account-logo { font-size:18px; }
  .account-nav-link { font-size:12px; }
  .workspace-header { gap:8px; }
  .workspace-account { gap:6px; }
  .workspace-account>span { max-width:32vw; font-size:11px; }
  .workspace-logout { padding:7px 8px; }
}