:root{--primary:#2B7F9D;--light:#3594B4;--dark:#1F6D84;--gold:#DBA426;--bg:#F5F7FB;--text:#1F2937;--muted:#64748b;--danger:#dc2626;--shadow:0 20px 60px rgba(31,109,132,.14)}*{box-sizing:border-box}body{margin:0;font-family:Cairo,Tajawal,Arial,sans-serif;background:linear-gradient(180deg,#fff,var(--bg));color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:16px;padding:11px 15px;font-weight:900;background:#e2e8f0;color:#17354a}button.primary{background:linear-gradient(135deg,var(--primary),var(--light));color:#fff}button.gold{background:linear-gradient(135deg,var(--gold),#F2C94C);color:#172033}button.danger{background:var(--danger);color:#fff}.hidden{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:290px;background:#fff;border-left:1px solid rgba(43,127,157,.12);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:18px;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:12px;border-radius:22px;background:linear-gradient(135deg,#2b7f9d1a,#dba42614)}.brand img{width:58px;height:58px}.brand b{display:block;color:var(--dark);font-size:19px}.brand span{display:block;color:var(--muted);font-size:12px;font-weight:800}nav{display:grid;gap:8px}nav button{text-align:right;background:transparent;color:#31546a}nav button.active,nav button:hover{background:linear-gradient(135deg,var(--primary),var(--light));color:#fff}.main{margin-left:290px;min-height:100vh}.topbar{position:sticky;top:0;z-index:10;background:#f5f7fbdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid rgba(43,127,157,.12)}.topbar h1{margin:0;color:var(--dark)}.topbar p{margin:4px 0 0;color:var(--muted);font-weight:800}.content{padding:22px;display:grid;gap:18px}.panel,.card,.login{background:#fff;border:1px solid rgba(43,127,157,.12);border-radius:28px;box-shadow:var(--shadow);padding:18px}.login{max-width:520px;margin:7vh auto;text-align:center}.login img{width:135px}.login h2{color:var(--dark);font-size:30px}.login p{color:var(--muted);font-weight:800;line-height:1.8}.login form{display:grid;gap:12px}input,textarea,select{width:100%;border:1px solid rgba(43,127,157,.22);border-radius:16px;padding:12px;background:#fff;outline:none}label{display:grid;gap:8px;font-weight:900;color:#35556a;margin-bottom:12px}.msg{min-height:22px;color:var(--danger);font-weight:900}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.studio-grid{display:grid;grid-template-columns:340px 1fr 330px;gap:16px}.panel canvas{max-width:100%;height:70vh;border-radius:26px}.row{display:flex;gap:10px;flex-wrap:wrap}.scene{padding:12px;border-radius:18px;background:#f8fafc;border:1px solid #dbeafe}.scene.active{border-color:#dba426;background:#fff8df}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff3cd;color:#7c580c;font-size:12px;font-weight:900}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lane{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:22px;padding:12px;min-height:170px}@media(max-width:1050px){.sidebar{transform:translate(-105%);transition:.25s}.sidebar.open{transform:translate(0)}.main{margin-left:0}.cards,.grid-2,.studio-grid,.kanban{grid-template-columns:1fr}.content{padding:14px 12px 90px}.panel canvas{height:56vh}nav{grid-template-columns:1fr 1fr}.sidebar{overflow:auto}}@media(min-width:1051px){#menuBtn{display:none}}