:root{--black:#0a0a0a;--paper:#e7e4dc;--paper-light:#f5f2e9;--acid:#c7ff00;--blue:#2357ff;--red:#ed3f35;--gray:#706f6a;--line:#0a0a0a}*{box-sizing:border-box}html{background:var(--black)}body{color:var(--black);background:var(--paper);margin:0;font-family:Arial Narrow,Abel,Arial,sans-serif;font-stretch:75%}button,input,select{font:inherit}button{cursor:pointer}.app-shell{border-top:10px solid var(--acid);grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{height:calc(100vh - 10px);color:var(--paper);background:var(--black);border-right:3px solid var(--black);flex-direction:column;padding:27px 18px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;margin:0 5px 42px;display:flex}.brand-mark{width:44px;height:44px;color:var(--black);background:var(--acid);border:2px solid var(--paper);box-shadow:5px 5px 0 var(--blue);place-items:center;font:900 27px/1 Arial Black,Impact,sans-serif;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.03em;font:900 14px/1 Arial Black,Impact,sans-serif}.brand small,.eyebrow,.nav-item,.plan-card small,.song-form label,.status-label,.primary,.secondary,.step small,.selection-count span,.credit-badge small{text-transform:uppercase;letter-spacing:.12em;font-family:Consolas,DM Mono,monospace}.brand small{color:var(--acid);margin-top:6px;font-size:8px}nav{border-top:1px solid #555;gap:0;display:grid}.nav-item{color:#aaa8a2;text-align:left;background:0 0;border:0;border-bottom:1px solid #555;gap:13px;width:100%;padding:15px 11px;font-size:10px;display:flex}.nav-item span{width:17px;color:var(--blue)}.nav-item.active{color:var(--black);background:var(--acid)}.nav-item.active span{color:var(--black)}.plan-card{color:var(--black);background:var(--blue);border:2px solid var(--paper);box-shadow:7px 7px 0 var(--red);margin-top:auto;padding:18px}.plan-card .eyebrow{color:var(--paper)}.plan-card strong,.plan-card small{display:block}.plan-card strong{color:#fff;text-transform:uppercase;margin:9px 0 13px;font:900 18px/1.05 Arial Black,Impact,sans-serif}.plan-card small{color:var(--paper);font-size:8px}.meter{background:var(--black);border:1px solid var(--paper);height:9px;margin-bottom:10px}.meter span{background:var(--acid);height:100%;display:block}.workspace{background:var(--paper);min-width:0}.topbar{min-height:182px;color:var(--paper);background:var(--black);border-bottom:11px solid var(--blue);justify-content:space-between;align-items:flex-start;padding:31px 46px 26px;display:flex}.topbar h1,.panel-copy h2,.section-heading h2{letter-spacing:-.07em;text-transform:uppercase;margin:8px 0 0;font-family:Arial Black,Impact,sans-serif;font-weight:900;line-height:.87}.topbar h1{max-width:830px;font-size:clamp(52px,7vw,110px)}.eyebrow{color:#a3a19a;font-size:9px;font-weight:700}.eyebrow.accent{color:var(--black);background:var(--acid);padding:5px 7px}.user-chip{flex:none;align-items:center;gap:10px;margin-top:2px;display:flex}.user-chip>span{width:40px;height:40px;color:var(--black);background:var(--red);border:2px solid var(--paper);place-items:center;font:900 12px Arial Black,sans-serif;display:grid}.user-chip strong,.user-chip small{display:block}.user-chip strong{text-transform:uppercase;font-size:12px}.user-chip small{color:#aaa8a2;text-transform:uppercase;letter-spacing:.12em;margin-top:4px;font:8px Consolas,monospace}.stepper{grid-template-columns:repeat(3,1fr);max-width:720px;margin:30px auto 34px;display:grid}.step{color:#85837e;justify-items:center;gap:9px;display:grid;position:relative}.step:not(:last-child):after{content:"";background:var(--black);width:calc(100% - 42px);height:3px;position:absolute;top:17px;left:calc(50% + 21px)}.step.complete:not(:last-child):after{background:var(--blue)}.step>span{z-index:1;width:35px;height:35px;color:var(--paper);background:var(--black);border:2px solid var(--black);place-items:center;font:900 12px Arial Black,sans-serif;display:grid}.step.complete{color:var(--black)}.step.complete>span{color:var(--black);background:var(--acid)}.step small{font-size:9px;font-weight:700}.panel{background:var(--paper-light);border:3px solid var(--black);max-width:1080px;box-shadow:12px 12px 0 var(--black);margin:0 auto 66px;overflow:hidden}.song-panel{grid-template-columns:.82fr 1.18fr;display:grid}.panel-copy{min-height:520px;color:var(--paper);background:var(--blue);border-right:3px solid var(--black);padding:50px 39px;position:relative;overflow:hidden}.panel-copy:after{content:"///";color:var(--acid);letter-spacing:-.2em;font:900 154px/.8 Arial Black,sans-serif;position:absolute;bottom:-27px;right:-8px}.panel-copy h2,.section-heading h2{font-size:clamp(38px,4.4vw,65px)}.panel-copy p,.section-heading p{z-index:1;max-width:560px;margin:22px 0 0;font-size:15px;line-height:1.55;position:relative}.panel-copy p{color:var(--paper)}.song-form{grid-template-columns:1fr 1fr;align-content:center;gap:22px 18px;padding:42px 36px;display:grid}.song-form label,.status-label{gap:9px;font-size:9px;font-weight:700;display:grid}.song-form .wide{grid-column:1/-1}.song-form input,.song-form select,.status-label select{width:100%;color:var(--black);border:2px solid var(--black);background:#fff;border-radius:0;outline:0;padding:14px 13px}.song-form input:focus,.song-form select:focus,.status-label select:focus{box-shadow:5px 5px 0 var(--acid)}.primary,.secondary{border:2px solid var(--black);border-radius:0;padding:15px 18px;font-size:10px;font-weight:700}.primary{color:var(--black);background:var(--acid);box-shadow:6px 6px 0 var(--black)}.primary:hover{color:#fff;background:var(--blue)}.primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.secondary{color:var(--paper);background:var(--black)}.secondary:hover{color:var(--black);background:var(--red)}.section-heading{border-bottom:3px solid var(--black);justify-content:space-between;align-items:flex-end;gap:24px;padding:35px 34px;display:flex}.section-heading p{color:var(--gray)}.selection-count,.credit-badge{text-align:center;min-width:104px;color:var(--paper);background:var(--blue);border:2px solid var(--black);box-shadow:6px 6px 0 var(--red);padding:15px}.selection-count strong,.selection-count span,.credit-badge strong,.credit-badge small{display:block}.selection-count strong,.credit-badge strong{font:900 28px/1 Arial Black,sans-serif}.selection-count span,.credit-badge small{color:var(--paper);margin-top:5px;font-size:8px}.match-list,.campaign-list{display:grid}.match-row{text-align:left;width:100%;color:var(--black);background:var(--paper-light);border:0;border-bottom:2px solid var(--black);grid-template-columns:25px minmax(180px,1fr) 70px 82px 90px;align-items:center;gap:18px;padding:18px 27px;display:grid}.match-row:hover{background:#fff}.match-row.selected{background:var(--acid)}.match-row>span:not(.match-main):not(.check){text-align:right}.match-row strong,.match-row small,.match-main strong,.match-main small{display:block}.match-row strong,.match-main strong{text-transform:uppercase}.match-row small,.match-main small{color:var(--gray);text-transform:uppercase;letter-spacing:.06em;margin-top:5px;font:9px Consolas,monospace}.check{width:22px;height:22px;color:var(--paper);border:2px solid var(--black);background:#fff;place-items:center;display:grid}.selected .check{background:var(--black)}.quality{border:2px solid var(--black);text-transform:uppercase;padding:7px 8px;font:700 8px Consolas,monospace;text-align:center!important}.quality.safe{color:var(--black);background:var(--acid)}.quality.review{color:#fff;background:var(--red)}.actions{justify-content:space-between;gap:16px;padding:25px 31px 31px;display:flex}.campaign-row{border-bottom:2px solid var(--black);grid-template-columns:46px minmax(220px,1fr) 155px 190px;align-items:center;gap:17px;padding:19px 27px;display:grid}.playlist-avatar{width:46px;height:46px;color:var(--black);background:var(--acid);border:2px solid var(--black);place-items:center;font:900 20px Arial Black,sans-serif;display:grid}.status-label{color:var(--gray)}.status-label select{padding:9px;font-weight:700}.channel-action{color:var(--black);background:var(--acid);border:2px solid var(--black);box-shadow:4px 4px 0 var(--black);letter-spacing:.08em;text-align:center;text-transform:uppercase;padding:12px 10px;font:700 8px Consolas,DM Mono,monospace;text-decoration:none}.channel-action:hover{color:#fff;background:var(--blue)}.success-note{color:var(--paper);background:var(--black);border-left:10px solid var(--acid);gap:14px;margin:27px 30px 31px;padding:19px;display:flex}.success-note>span{width:26px;height:26px;color:var(--black);background:var(--acid);flex:none;place-items:center;font-weight:900;display:grid}.success-note strong{text-transform:uppercase}.success-note p{color:#aaa8a2;margin:5px 0 0;font-size:12px}@media (max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:3px solid var(--black);flex-direction:row;align-items:center;gap:18px;height:auto;padding:16px 20px;position:static}.brand{margin:0 auto 0 0}.sidebar nav{display:none}.plan-card{min-width:185px;box-shadow:5px 5px 0 var(--red);margin:0;padding:12px 15px}.plan-card strong{margin:5px 0 8px;font-size:14px}.topbar{min-height:155px;padding:27px 28px}.panel{margin-inline:19px}.song-panel{grid-template-columns:1fr}.panel-copy{border-right:0;border-bottom:3px solid var(--black);min-height:350px;padding:38px 34px}}@media (max-width:640px){.app-shell{border-top-width:7px}.sidebar{padding:13px 15px}.brand-mark{width:38px;height:38px;box-shadow:4px 4px 0 var(--blue);font-size:22px}.brand small,.plan-card{display:none}.topbar{border-bottom-width:8px;min-height:145px;padding:24px 17px}.topbar h1{font-size:clamp(44px,15vw,66px)}.user-chip{display:none}.stepper{margin:25px 8px 28px}.step small{letter-spacing:.06em;font-size:7px}.panel{box-shadow:7px 7px 0 var(--black);margin-inline:10px}.panel-copy{min-height:330px;padding:31px 21px}.panel-copy h2,.section-heading h2{font-size:39px}.song-form{grid-template-columns:1fr;padding:27px 20px 32px}.song-form .wide{grid-column:auto}.section-heading{align-items:flex-start;padding:28px 20px}.selection-count,.credit-badge{min-width:78px;box-shadow:4px 4px 0 var(--red);padding:11px 8px}.match-row{grid-template-columns:24px 1fr 54px;gap:12px;padding:16px 17px}.match-row>span:nth-child(4),.match-row>span:nth-child(5){display:none}.actions{padding:20px}.actions .primary,.actions .secondary{padding-inline:11px;font-size:8px}.campaign-row{grid-template-columns:42px 1fr;padding:16px 18px}.campaign-row .channel-action,.campaign-row .status-label{grid-column:2}.success-note{margin:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
.auth-shell,.account-shell{background:var(--paper);border-top:10px solid var(--acid);place-items:start center;min-height:100vh;padding:48px 20px;display:grid}.auth-card,.account-card{background:var(--paper-light);border:3px solid var(--black);width:min(100%,960px);box-shadow:12px 12px 0 var(--black);padding:34px}.auth-card{max-width:540px}.auth-card h1,.account-card h1,.billing-section h2{text-transform:uppercase;letter-spacing:-.05em;margin:10px 0 22px;font-family:Arial Black,Impact,sans-serif}.auth-form{gap:16px;display:grid}.auth-form label,.admin-actions label{text-transform:uppercase;letter-spacing:.1em;gap:7px;font:700 9px Consolas,monospace;display:grid}.auth-form input,.admin-search input,.admin-actions input,.admin-actions select{width:100%;color:var(--black);border:2px solid var(--black);background:#fff;border-radius:0;padding:12px}.form-error{color:#fff;background:var(--red);border:2px solid var(--black);padding:12px}.account-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.account-details,.account-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:0 0 24px;display:grid}.account-details div,.account-grid div{border:2px solid var(--black);background:#fff;padding:15px}.account-details dt,.account-grid small{color:var(--gray);text-transform:uppercase;letter-spacing:.1em;font:700 8px Consolas,monospace;display:block}.account-details dd,.account-grid strong{text-transform:uppercase;margin:7px 0 0;display:block}.account-actions,.admin-actions,.billing-plan-actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.account-button{text-decoration:none;display:inline-block}.billing-section{border-top:3px solid var(--black);margin-top:28px;padding-top:24px}.billing-payment-form{gap:18px;margin-top:18px;display:grid}.billing-history,.admin-table{border:2px solid var(--black);display:grid}.billing-history-row,.admin-row{color:var(--black);border-bottom:1px solid var(--black);background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px;display:grid}.billing-history-row:last-child,.admin-row:last-child{border-bottom:0}.admin-row{grid-template-columns:1.4fr 1fr .6fr .7fr .7fr;text-decoration:none}.admin-row-head{color:var(--paper);background:var(--black);text-transform:uppercase;letter-spacing:.08em;font:700 8px Consolas,monospace}.admin-search{gap:10px;margin-bottom:20px;display:flex}.admin-search input{flex:1}.admin-payment{border-bottom:1px solid var(--black);padding:16px 0}.admin-payment>span,.admin-payment>strong{margin-right:14px}.nav-item{text-decoration:none}@media (max-width:680px){.auth-shell,.account-shell{padding:22px 12px 38px}.auth-card,.account-card{box-shadow:7px 7px 0 var(--black);padding:22px 18px}.account-heading{display:grid}.billing-history-row,.admin-row{grid-template-columns:1fr}.admin-row-head{display:none}.admin-search{display:grid}}
