:root{font-family:Inter,Vazirmatn,Tahoma,Arial,sans-serif;color:#edf7ff;background:#06101d;font-synthesis:none;--bg:#06101d;--panel:#0d1d31;--panel2:#10243b;--line:#213a58;--muted:#91a8bd;--primary:#2d5ee8;--accent:#19b7ca;--danger:#ff6f7c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(25,183,202,.13),transparent 30%),radial-gradient(circle at 85% 0%,rgba(45,94,232,.18),transparent 34%),var(--bg)}button,input,select,textarea{font:inherit}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}button{border:1px solid var(--line);background:var(--panel2);color:#fff;padding:10px 14px;border-radius:11px;cursor:pointer}button.primary{border:0;background:linear-gradient(135deg,var(--primary),var(--accent))}button.ghost{background:transparent}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:28px;border:1px solid var(--line);border-radius:24px;background:#091827f0;box-shadow:0 30px 90px #0000006b}.logo{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));font-weight:900}.login-card h1{margin:18px 0 4px}.login-card p{color:var(--muted);margin:0 0 22px}.login-card form{display:grid;gap:9px}.login-card label{color:var(--muted);font-size:12px;margin-top:5px}input{width:100%;background:#071321;border:1px solid var(--line);border-radius:11px;padding:12px;color:#fff;outline:none}input:focus{border-color:var(--accent)}.error{color:var(--danger);margin-top:12px;font-size:12px}.language{margin-top:12px}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;padding:18px 14px;border-inline-end:1px solid var(--line);background:#06101df0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;gap:12px;align-items:center;padding:6px 6px 20px}.brand strong{display:block;font-size:14px}.brand small{display:block;color:var(--muted);font-size:9px;margin-top:5px}nav{display:grid;gap:6px}nav button{text-align:start;background:transparent;border:0;color:var(--muted)}nav button:hover,nav button.active{background:linear-gradient(90deg,#2d5ee84d,#19b7ca1a);color:#fff}.main{padding:20px 26px 50px;min-width:0}.main header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}header h2{margin:0;font-size:25px}header p{margin:5px 0 0;color:var(--muted);font-size:12px}.header-actions{display:flex;gap:8px;align-items:center}.user{padding:7px 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.user span,.user small{display:block}.user small{color:var(--muted);font-size:9px;margin-top:3px}.mobile{display:none}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.stats article,.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,#10243bf5,#081626f5);padding:17px;box-shadow:0 24px 65px #00000047}.stats small{color:var(--muted)}.stats strong{font-size:30px;display:block;margin-top:8px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head span{color:var(--muted);font-size:11px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.content-card{border:1px solid var(--line);border-radius:15px;background:#0b1b2e;padding:14px}.content-card h4{line-height:1.7;margin:10px 0 5px}.content-card p{color:var(--muted);font-size:11px}.content-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:14px}.pill{display:inline-flex;padding:5px 8px;border-radius:99px;background:#19b7ca21;color:#69e0ed;font-size:9px}.pill.reel{background:#ff6f7c21;color:#ff9da6}.pill.carousel{background:#f2b84b21;color:#ffd17b}.pill.story{background:#9b7cff21;color:#bea9ff}.empty-state{min-height:280px;display:grid;place-content:center;text-align:center}.empty-state p{color:var(--muted)}@media(max-width:900px){.stats,.content-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:280px;z-index:20;transform:translate(110%);transition:.25s}.sidebar.open{transform:translate(0)}html[dir=ltr] .sidebar{transform:translate(-110%)}html[dir=ltr] .sidebar.open{transform:translate(0)}.main{padding:16px}.mobile{display:block}.header-actions .user{display:none}.stats,.content-grid{grid-template-columns:1fr}}:root{--primary:#233e99;--accent:#20a9bc}.sidebar-logo{width:62px;height:42px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.login-logo{width:120px;height:72px;object-fit:contain;background:#fff;border-radius:14px;padding:7px}.hero-bana{display:flex;align-items:center;gap:22px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#233e9959,#20a9bc1f);margin-bottom:15px}.hero-bana img{width:150px;height:90px;object-fit:contain;background:#fff;border-radius:14px;padding:8px}.hero-bana h1{margin:5px 0}.hero-bana p,.hero-bana small{color:var(--muted)}.card-top{display:flex;justify-content:space-between;gap:8px}.status{font-size:9px;color:var(--muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(220px,1fr));gap:10px;overflow:auto}.calendar-day{min-height:450px;border:1px solid var(--line);border-radius:15px;padding:10px;background:#0d1d31cc}.calendar-day .content-card{margin-bottom:9px}.workflow-board{display:grid;grid-template-columns:repeat(12,minmax(250px,1fr));gap:10px;overflow:auto}.workflow-col{min-height:560px;border:1px solid var(--line);border-radius:15px;padding:10px;background:#0d1d31bf}.workflow-col h3{font-size:12px}.workflow-col h3 small{color:var(--muted)}.workflow-col .content-card{margin-bottom:8px}.toolbar{margin-bottom:12px}.production-card{border:1px solid var(--line);border-radius:16px;background:#0b1b2e;padding:15px;cursor:pointer}.production-card h3{font-size:14px;line-height:1.7}.progress{height:8px;background:#172a42;border-radius:99px;overflow:hidden;margin:12px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent))}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.member-row,.log-row{display:flex;align-items:center;gap:12px;padding:11px;border-bottom:1px solid var(--line)}.member-row .avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent))}.member-row small{display:block;color:var(--muted)}.stack,.form-grid{display:grid;gap:10px}.form-grid{grid-template-columns:repeat(2,1fr)}select,textarea{width:100%;background:#071321;border:1px solid var(--line);border-radius:11px;padding:12px;color:#fff}.create-panel{margin-top:14px}.workspace-card,.brand-preview{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:14px}.brand-preview img{width:100px;height:60px;object-fit:contain;background:#fff;border-radius:10px}.brand-preview span,.workspace-card span{display:block;color:var(--muted)}.connection{padding:10px;border:1px solid var(--line);border-radius:10px;margin:8px 0}.connection.ok{border-color:#37d39a66;color:#7be6ba}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:grid;place-items:center;padding:18px;z-index:100}.dialog{width:min(980px,100%);max-height:92vh;overflow:auto;background:#091827;border:1px solid #31516f;border-radius:20px}.dialog>header{position:sticky;top:0;background:#091827;padding:16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.dialog>header h2{font-size:18px}.dialog-body{padding:17px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brief-grid>div{padding:12px;border:1px solid var(--line);border-radius:12px}.brief-grid label{color:var(--muted);font-size:11px}.longtext{line-height:2;color:#d8e8f3}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-row{display:flex;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px}.status-actions{display:flex;gap:7px;flex-wrap:wrap}.status-actions button{font-size:10px;padding:8px}.content-card{cursor:pointer}@media(max-width:800px){.hero-bana{align-items:flex-start}.hero-bana img{width:100px}.split,.brief-grid,.check-grid,.form-grid{grid-template-columns:1fr}}input:not([type=checkbox]):not([type=radio]){width:100%}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px!important;height:20px!important;min-width:20px;min-height:20px;margin:0;border:1.5px solid #42627e;border-radius:6px;background:#071321;display:grid;place-items:center;cursor:pointer;transition:.18s ease}input[type=checkbox]:after{content:"";width:9px;height:5px;border-inline-start:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:.15s ease;margin-top:-2px}html[dir=ltr] input[type=checkbox]:after{transform:rotate(-45deg) scale(0)}input[type=checkbox]:checked{border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 0 0 3px #20a9bc1f}input[type=checkbox]:checked:after{transform:rotate(-45deg) scale(1)}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.58}.check-grid{align-items:stretch;direction:rtl}html[dir=ltr] .check-grid{direction:ltr}.check-row{display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:11px!important;min-height:48px;padding:10px 12px!important;text-align:right;direction:rtl;line-height:1.55;cursor:pointer;background:#0713216b}html[dir=ltr] .check-row{direction:ltr;text-align:left}.check-row span{display:block;white-space:normal;word-break:normal;overflow-wrap:anywhere;font-size:13px}.check-row.is-done{border-color:#20a9bc6b;background:#20a9bc14}.check-row.is-done span{color:#c9f6f8}.drag-card{border-radius:15px;transition:opacity .18s ease,transform .18s ease}.drag-card[draggable=true]{cursor:grab}.drag-card[draggable=true]:active{cursor:grabbing}.drag-card.dragging{opacity:.35;transform:scale(.98)}.workflow-col{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.workflow-col.drop-active{border-color:var(--accent);background:#20a9bc1a;box-shadow:inset 0 0 0 2px #20a9bc1f}.workflow-col.drop-active:after{content:"اینجا رها کن";display:block;text-align:center;border:1px dashed var(--accent);color:#77e2ec;border-radius:10px;padding:10px;margin-top:8px;font-size:11px}html[dir=ltr] .workflow-col.drop-active:after{content:"Drop here"}.status-section{margin-top:24px}.status-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}.status-heading h3{margin:0 0 5px}.status-heading p{margin:0;color:var(--muted);font-size:11px}.current-status-card{min-width:190px;display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;padding:11px 13px;border:1px solid var(--accent);border-radius:12px;background:linear-gradient(135deg,#233e9952,#20a9bc24);cursor:grab;-webkit-user-select:none;user-select:none}.current-status-card:active{cursor:grabbing}.current-status-card.dragging{opacity:.45;transform:scale(.98)}.current-status-card span{grid-column:1;color:var(--muted);font-size:9px}.current-status-card strong{grid-column:1;font-size:12px}.current-status-card b{grid-column:2;grid-row:1/3;color:#79e5ee;letter-spacing:-4px;font-size:17px}.status-dropzone{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:8px;overflow-x:auto;padding:3px 1px 8px}.status-drop{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:8px;border:1px dashed #345370;border-radius:11px;color:var(--muted);font-size:10px;transition:.18s ease}.status-drop.current{border-style:solid;border-color:var(--primary);color:#b8c8ff;background:#233e991a}.status-drop.drop-active{border-style:solid;border-color:var(--accent);color:#8ef0f5;background:#20a9bc24;transform:translateY(-2px);box-shadow:0 8px 22px #00000038}.status-drop small{font-size:8px;padding:2px 6px;border-radius:99px;background:#233e9940}.status-actions{display:none!important}@media(max-width:800px){.status-heading{align-items:stretch;flex-direction:column}.current-status-card{min-width:0;width:100%}.status-dropzone{grid-template-columns:repeat(12,minmax(125px,1fr))}.check-row{min-height:44px}}
