@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap');
:root{--bg:#0d1117;--panel:#151b23;--panel2:#1b2430;--line:#283343;--text:#e9eef5;--muted:#91a0b2;--soft:#1d2733;--accent:#67b7ff;--accent2:#7c6cff;--danger:#ff8e88;--ok:#69d59a;--warn:#ffc46b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#16243a 0,transparent 34%),radial-gradient(circle at 0% 100%,#1b1733 0,transparent 30%),var(--bg);color:var(--text);font-family:'Roboto','Noto Sans Arabic',Arial,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}header{min-height:68px;background:#101215;border-bottom:1px solid #25292e;display:flex;align-items:center;padding:0 5%;gap:32px;position:sticky;top:0;z-index:5}.logo{display:flex;align-items:center;gap:9px;font-size:25px}.logo b{font-size:13px;letter-spacing:2px}.logo span{font-size:11px;color:var(--muted);border-right:1px solid #34383e;padding-right:10px}nav{display:flex;gap:22px;margin-left:auto}nav a{color:#bdc3ca}.who{display:flex;flex-direction:column}.who small{color:#747c86;font-size:10px}.wrap{max-width:1180px;margin:32px auto;padding:0 20px}.narrow{max-width:900px}.hero,.releasehead,.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.hero h1,.releasehead h1,.page-title h1{font-size:28px;margin:0 0 6px}.hero p,.releasehead p,.page-title p,.muted{color:var(--muted);margin:0}.btn,button{font:inherit;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07111c;border:0;border-radius:8px;padding:10px 17px;cursor:pointer;font-weight:700}.ghost{background:#17202b;color:var(--text);border:1px solid #344257}.danger{border-color:#74423f;color:#ffb4ad}.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stats div,.card{background:linear-gradient(180deg,var(--panel),#121820);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.stats b{display:block;font-size:25px}.stats span{color:var(--muted)}.card{margin-bottom:16px}.card h2{font-size:16px;margin:0 0 18px}.card h3{font-size:14px}.soft{background:var(--soft);padding:16px;border-radius:9px;margin-top:14px}.accent{border-color:#555e68}.notice{background:#292f35;border:1px solid #3a424a;padding:12px;border-radius:8px;margin:12px 0;color:#d9dee4}.alert{background:#3a2424;color:#ffb4ad;padding:12px;border-radius:8px;margin:12px 0}.success{background:#21362a;color:#a9e7bc;padding:12px;border-radius:8px;margin:12px 0}.choice{display:flex;gap:18px;flex-wrap:wrap}.choice label{flex-direction:row;align-items:center}.choice input{width:auto}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:14px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted)}tr[onclick]{cursor:pointer}tr[onclick]:hover{background:#202429}.status{display:inline-block;padding:5px 9px;border-radius:20px;background:#2a2e33;font-size:11px}.s-PUBLISHED,.s-APPROVED,.s-VERIFIED,.s-FINALIZED{background:#20362a;color:var(--ok)}.s-NEEDS_REVISION{background:#3a2c20;color:var(--warn)}.s-UNDER_REVIEW,.s-SENT_TO_ORCHARD{background:#222f40;color:#b6d2ff}.form label,aside label,.loginbox label,.card>label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-weight:600}input,textarea,select{font:inherit;color:var(--text);border:1px solid #3a4047;border-radius:8px;padding:11px;background:#171a1e;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:#737d88}input[type=url],input[name*=upc],input[name*=isrc],input[name*=code],textarea[name=dsp_links],textarea[name=previous_release_urls]{direction:ltr;text-align:left}textarea{resize:vertical}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:18px}dl{display:grid;grid-template-columns:165px 1fr;gap:12px}dt{color:var(--muted)}dd{margin:0}.file{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.file small{display:block;color:var(--muted);margin-top:5px}.upload-block{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:10px 0}.upload-block>span{color:var(--muted)}audio{width:100%;margin:12px 0;filter:grayscale(1)}.artpreview{display:block;width:120px;height:120px;object-fit:cover;border-radius:10px;margin:12px 0;border:1px solid #3b4a5f;box-shadow:0 6px 18px rgba(0,0,0,.22);cursor:zoom-in}.conversation{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.message{background:#181b1f;border:1px solid var(--line);border-radius:10px;padding:12px}.message small,.event small,.event span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.message p{margin:9px 0 0;white-space:normal}.event{border-right:2px solid #3c4249;padding:3px 12px 16px;margin-bottom:3px}.login{min-height:100vh;background:radial-gradient(circle at 50% -10%,#223d64 0,transparent 38%),radial-gradient(circle at 10% 100%,#251f47 0,transparent 35%),#0a0f16;display:grid;place-items:center}.loginbox{width:min(430px,92vw);background:rgba(18,26,36,.94);border:1px solid #30425a;padding:38px;border-radius:22px;backdrop-filter:blur(18px)}.loginbox .brand{font-size:54px;line-height:1;margin-bottom:8px;text-shadow:0 0 28px rgba(103,183,255,.32)}.loginbox h1{margin:0}.loginbox>p{color:var(--muted);margin-bottom:28px}.hidden{display:none!important}.cleanup{border:1px dashed #555e68;background:#191c20;padding:14px;border-radius:9px;margin-top:14px}.cleanup b{display:block;margin-bottom:5px}@media(max-width:760px){header{padding:0 14px}.logo span,.who{display:none}nav{gap:12px;font-size:12px}.stats{grid-template-columns:1fr 1fr}.cols,.grid,.upload-block{grid-template-columns:1fr}.upload-block>span{text-align:center}.hero,.releasehead,.page-title{align-items:flex-start;gap:18px;flex-direction:column}dl{grid-template-columns:1fr;gap:4px 0}dd{margin-bottom:10px}.wrap{margin-top:22px}}

.en,[lang=en]{font-family:'Roboto',Arial,sans-serif;letter-spacing:.01em}.turnstile-wrap{direction:ltr;margin:6px 0 18px;min-height:65px}.loginbox{box-shadow:0 30px 80px rgba(0,0,0,.38);border-color:#2c3a4d}.loginbox .brand{color:var(--accent)}.card h2{color:#f5f8fc}.status{border:1px solid rgba(255,255,255,.06)}

/* v1.4 typography + visual system */
html{color-scheme:dark}body,button,input,textarea,select{font-family:'Roboto','Noto Sans Arabic',Arial,sans-serif}.fa,[lang=fa],:dir(rtl){font-family:'Roboto','Noto Sans Arabic',Arial,sans-serif}.en,[lang=en],input[type=email],input[type=url],input[name*=upc],input[name*=isrc],input[name*=code]{font-family:'Roboto',Arial,sans-serif}
header{background:rgba(10,15,22,.9);backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(0,0,0,.18)}
.card,.stats div{background:linear-gradient(145deg,rgba(23,34,47,.96),rgba(14,21,30,.96));border-color:#2b3c52;box-shadow:0 14px 40px rgba(0,0,0,.18)}
.card:hover{border-color:#344b68}.btn,button{box-shadow:0 8px 22px rgba(80,120,255,.16);transition:.18s ease}.btn:hover,button:hover{transform:translateY(-1px);filter:brightness(1.08)}
input,textarea,select{background:#0f1722;border-color:#304158;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}input:focus,textarea:focus,select:focus{border-color:#5daef6;box-shadow:0 0 0 3px rgba(93,174,246,.12)}
.loginbox h1{font-family:'Roboto',Arial,sans-serif;font-size:29px;letter-spacing:-.02em}.loginbox>p{font-family:'Roboto',Arial,sans-serif}.loginbox label{color:#dce7f4}.turnstile-wrap{border-radius:10px;overflow:hidden}.alert{border:1px solid rgba(255,142,136,.24)}
.status{font-weight:600}.s-PUBLISHED,.s-APPROVED,.s-VERIFIED,.s-FINALIZED{border-color:rgba(105,213,154,.2)}.s-NEEDS_REVISION{border-color:rgba(255,196,107,.2)}
.artpreview{width:112px;height:112px;border-radius:14px;background:#0d141e;padding:3px;object-fit:cover}
.file-artwork{align-items:flex-start}.file-artwork .artpreview{margin:0}
@media(max-width:760px){.loginbox{padding:28px 22px;border-radius:18px}}

/* v1.5 — continuous portal background, remote web fonts, real logo */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&family=Roboto:wght@400;500;600;700&display=swap');
html{min-height:100%;background:#0d1117}
body{min-height:100vh;background-color:#0d1117;background-image:radial-gradient(ellipse at 82% -8%,rgba(35,61,100,.78) 0,rgba(35,61,100,.22) 28%,transparent 55%),radial-gradient(ellipse at 4% 108%,rgba(50,39,92,.64) 0,rgba(50,39,92,.18) 30%,transparent 58%),linear-gradient(180deg,#0d131c 0%,#0b1118 52%,#0c1017 100%);background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;font-family:'Noto Sans Arabic','Roboto',Arial,sans-serif}
.en,[lang=en],input[type=email],input[type=url],input[name*=upc],input[name*=isrc],input[name*=code]{font-family:'Roboto','Noto Sans Arabic',Arial,sans-serif}
.app-header .logo{height:46px;min-width:175px;display:flex;align-items:center;gap:12px}.app-header .logo img{display:block;max-width:145px;max-height:38px;width:auto;height:auto;object-fit:contain}.app-header .logo span{white-space:nowrap}
.login{background-color:#0a0f16;background-image:radial-gradient(ellipse at 52% -12%,rgba(35,61,100,.88) 0,rgba(35,61,100,.22) 34%,transparent 58%),radial-gradient(ellipse at 5% 110%,rgba(50,39,92,.68) 0,rgba(50,39,92,.18) 32%,transparent 60%),linear-gradient(180deg,#0b1119,#090e15);background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed}
.login-logo{height:78px;display:flex;align-items:center;justify-content:center;margin:0 0 14px}.login-logo img{display:block;max-width:220px;max-height:72px;width:auto;height:auto;object-fit:contain}.loginbox{text-align:right}.loginbox h1,.loginbox>p{text-align:center}.role-note{line-height:2;margin-bottom:20px}.role-admin{border-color:rgba(255,196,107,.25);color:#ffd391}.role-manager{border-color:rgba(103,183,255,.25);color:#a9d6ff}.user-row{min-height:64px}
@media(max-width:760px){body,.login{background-attachment:scroll;background-size:auto 100%;}.app-header .logo{min-width:0}.app-header .logo img{max-width:105px;max-height:32px}.login-logo img{max-width:185px}}

/* v1.6 security/UI refinements */
body{background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important}
.login{background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important}
.secret-box,.uri{display:block;direction:ltr;text-align:left;overflow-wrap:anywhere;background:#0b1119;border:1px solid #304158;border-radius:9px;padding:14px;margin:14px 0;font-family:'Roboto',monospace;letter-spacing:.08em}.uri{letter-spacing:0;font-size:12px}.mini{padding:7px 10px;font-size:11px}.inline-form{margin:0}.user-row{flex-wrap:wrap}.loginbox input[name=otp]{direction:ltr;text-align:left;letter-spacing:.2em}