:root{--bg: #F3F5F9;--bg-2: #FAFBFD;--surface: #FFFFFF;--surface-2: #F1F4F9;--line: #E5E9F2;--line-2: #D4DAE7;--ink: #101828;--ink-2: #344054;--muted: #667085;--accent: #A87E2F;--accent-soft: #F7EFDD;--navy: #14213D;--navy-2: #1E3054;--blue: #175CD3;--blue-soft: #EFF4FF;--ok: #067647;--ok-soft: #ECFDF3;--warn: #B54708;--warn-soft: #FFFAEB;--err: #B42318;--err-soft: #FEF3F2;--side-bg: #0D1526;--side-bg-2: #111C33;--side-line: rgba(163, 184, 219, .14);--side-ink: #D4DCEA;--side-muted: #7284A3;--side-accent: #E4C285;--radius: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--shadow-lg: 0 12px 32px -8px rgba(16, 24, 40, .18);--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Tajawal,Tahoma,sans-serif;background:var(--bg);color:var(--ink);direction:rtl;line-height:1.65;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:13.5px}.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:0}.muted{color:var(--muted);font-size:12.5px}.empty{text-align:center;padding:56px 20px;color:var(--muted)}.shell{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.workspace{min-width:0;display:flex;flex-direction:column}.main{padding:24px 28px 64px;min-width:0;flex:1}.sidebar{background:linear-gradient(180deg,var(--side-bg-2),var(--side-bg) 240px);color:var(--side-ink);padding:0 12px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;border-left:1px solid rgba(0,0,0,.25)}.brand{display:flex;align-items:center;gap:11px;padding:18px 10px 16px;border-bottom:1px solid var(--side-line);margin-bottom:12px}.brand-mark{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#e9cd95,#c79e56);color:#241b0c;flex-shrink:0}.brand b{font-size:15.5px;letter-spacing:.2px;color:#f2f5fa;display:block;line-height:1.3}.brand small{display:block;color:var(--side-muted);font-size:10px;letter-spacing:2.6px;font-weight:500}.nav-label{color:var(--side-muted);font-size:10.5px;letter-spacing:1.8px;font-weight:700;padding:14px 12px 5px}.side-link{display:flex;align-items:center;gap:11px;width:100%;text-align:right;padding:8.5px 12px;border-radius:8px;border:none;background:transparent;color:var(--side-ink);font-size:13.5px;margin-bottom:1px;transition:background .15s,color .15s}.side-link svg{color:var(--side-muted);transition:color .15s}.side-link:hover{background:#a3b8db17}.side-link:hover svg{color:var(--side-ink)}.side-link.active{background:#e4c28521;color:var(--side-accent);font-weight:700;box-shadow:inset 2px 0 0 var(--side-accent)}.side-link.active svg{color:var(--side-accent)}.side-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--side-line)}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:0 28px;height:58px}.topbar .spacer{flex:1}.env-badge{font-size:10.5px;letter-spacing:1.5px;font-weight:700;color:var(--ok);background:var(--ok-soft);border:1px solid rgba(6,118,71,.25);border-radius:999px;padding:3px 12px;white-space:nowrap}.top-link{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2);font-size:13px;border:1px solid transparent;background:transparent;border-radius:8px;padding:7px 10px}.top-link:hover{background:var(--surface-2);color:var(--ink)}.user-chip{display:flex;align-items:center;gap:10px;padding-right:14px;border-right:1px solid var(--line)}.user-chip .avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#ebd9ae;font-weight:800;font-size:13px}.user-chip b{display:block;font-size:12.5px;line-height:1.25}.user-chip small{color:var(--muted);font-size:11px;display:block}.search-box{position:relative;width:min(420px,34vw)}.search-box>svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-box input{width:100%;background:var(--surface-2);border:1px solid transparent;color:var(--ink);border-radius:9px;padding:8px 38px 8px 12px;font-size:13px;transition:.15s}.search-box input:focus{outline:none;background:var(--surface);border-color:var(--navy-2);box-shadow:0 0 0 3px #175cd31f}.search-pop{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:60;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;max-height:340px;overflow-y:auto}.search-item{display:flex;align-items:center;gap:10px;width:100%;text-align:right;padding:9px 12px;border:none;border-radius:8px;background:transparent;color:var(--ink-2);font-size:13px}.search-item:hover{background:var(--surface-2);color:var(--ink)}.search-item svg{color:var(--muted)}.search-group{color:var(--muted);font-size:10.5px;letter-spacing:1.5px;font-weight:700;padding:8px 12px 3px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:14px;flex-wrap:wrap}.page-head h1{font-size:21px;font-weight:800;letter-spacing:-.2px}.page-head .sub{color:var(--muted);font-size:12.5px}.crumb{color:var(--muted);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:3px;font-weight:600}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi b{display:block;font-size:23px;font-family:var(--mono);font-weight:600;color:var(--ink);line-height:1.4}.kpi span{font-size:12px;color:var(--muted);font-weight:500}.kpi.gold{border-color:#a87e2f59;background:linear-gradient(160deg,#fffdf7,#fbf4e4)}.kpi.gold b{color:var(--accent)}.kpi-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.kpi-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}.kpi.gold .kpi-icon{background:var(--accent-soft);color:var(--accent)}.kpi-delta{font-size:11px;font-family:var(--mono);display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:1px 8px}.kpi-delta.up{color:var(--ok);background:var(--ok-soft)}.kpi-delta.down{color:var(--err);background:var(--err-soft)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.panel h3{font-size:13.5px;margin-bottom:14px;color:var(--ink);font-weight:700;display:flex;align-items:center;gap:8px}.panel h3 .muted{font-weight:400}.two-col{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;align-items:start}@media(max-width:1100px){.two-col{grid-template-columns:1fr}.shell{grid-template-columns:216px 1fr}.search-box{width:220px}}.tbl-wrap{overflow-x:auto;margin:0 -8px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:right;color:var(--muted);font-weight:700;font-size:11px;letter-spacing:.6px;padding:8px 10px;border-bottom:1px solid var(--line-2);white-space:nowrap;background:var(--surface);text-transform:uppercase}td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f8fafd}td.num{font-family:var(--mono);font-size:12px;color:var(--ink-2)}tfoot td{background:var(--bg-2);border-top:2px solid var(--line-2);border-bottom:none}.pill{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:2px 10px;border:1px solid transparent;white-space:nowrap}.pill.ok{background:var(--ok-soft);color:var(--ok);border-color:#06764740}.pill.warn{background:var(--warn-soft);color:var(--warn);border-color:#b5470840}.pill.err{background:var(--err-soft);color:var(--err);border-color:#b4231840}.pill.dim{background:var(--surface-2);color:var(--muted);border-color:var(--line-2)}.pill.gold{background:var(--accent-soft);color:var(--accent);border-color:#a87e2f59}.pill.blue{background:var(--blue-soft);color:var(--blue);border-color:#175cd340}.btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:.15s;box-shadow:var(--shadow)}.btn:hover{border-color:var(--navy-2);color:var(--navy)}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:hover{background:var(--navy-2);color:#fff}.btn.danger{color:var(--err);border-color:#b4231859;background:var(--surface)}.btn.danger:hover{background:var(--err-soft);border-color:var(--err);color:var(--err)}.btn.xs{padding:3.5px 10px;font-size:12px;border-radius:6px;box-shadow:none}.btn[disabled]{opacity:.45;cursor:not-allowed}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line-2);border-radius:9px;padding:3px;gap:2px}.seg button{border:none;background:transparent;color:var(--muted);font-size:12.5px;font-weight:700;border-radius:7px;padding:5px 16px;transition:.15s}.seg button.on{background:var(--surface);color:var(--navy);box-shadow:var(--shadow)}.switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--line-2);transition:.18s;cursor:pointer}.switch i:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;right:3px;transition:.18s;box-shadow:0 1px 2px #10182840}.switch input:checked+i{background:var(--navy)}.switch input:checked+i:before{transform:translate(-16px)}.crit-row{display:grid;grid-template-columns:auto 1fr 120px auto auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:9px;margin-bottom:8px;background:var(--bg-2)}.crit-row.off{opacity:.55}.crit-row input[type=text],.crit-row input[type=number]{background:var(--surface);border:1px solid var(--line-2);border-radius:7px;padding:7px 10px;width:100%}.crit-row .key-badge{font-family:var(--mono);font-size:10.5px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 7px}@media(max-width:900px){.crit-row{grid-template-columns:auto 1fr auto}}.rate-preview{border:1px dashed var(--line-2);border-radius:12px;padding:18px;background:var(--bg-2)}.rate-preview .stars{color:#d8b45c;letter-spacing:3px;font-size:15px}.rate-preview .q{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.rate-preview .q:last-of-type{border-bottom:none}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;background:var(--surface);border:1px solid var(--line-2);color:var(--ink);border-radius:8px;padding:8.5px 12px;transition:.15s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--navy-2);box-shadow:0 0 0 3px #175cd31f}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.filters select,.filters input{background:var(--surface);border:1px solid var(--line-2);color:var(--ink);border-radius:8px;padding:7px 12px;font-size:13px}.filters select:focus,.filters input:focus{outline:none;border-color:var(--navy-2);box-shadow:0 0 0 3px #175cd31f}.bar-row{display:flex;align-items:center;gap:10px;font-size:12.5px;margin-bottom:9px}.bar-row .bar-track{flex:1;height:8px;border-radius:5px;background:var(--surface-2);overflow:hidden}.bar-row .bar{height:8px;border-radius:5px;background:linear-gradient(90deg,var(--navy-2),#35548E);min-width:2px}.bar-row .bar.gold{background:linear-gradient(90deg,#c79e56,#e4c285)}.bar-row b{font-family:var(--mono);font-size:11.5px;font-weight:600}.activity{list-style:none}.activity li{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;gap:10px;align-items:baseline}.activity li:last-child{border-bottom:none}.activity .dot{color:var(--accent);font-size:9px}.activity time{color:var(--muted);font-size:11px;font-family:var(--mono);margin-right:auto;white-space:nowrap}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(800px 500px at 80% -10%,rgba(228,194,133,.12),transparent 60%),linear-gradient(180deg,#101b30,#0d1526)}.login-card{width:100%;max-width:410px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:36px 34px;box-shadow:var(--shadow-lg)}.login-card .brand-mark{width:46px;height:46px;margin:0 auto 12px;border-radius:12px}.login-card h1{font-size:19px;text-align:center;font-weight:800}.login-card .sub{text-align:center;color:var(--muted);font-size:12.5px;margin-bottom:22px}#toast{position:fixed;bottom:24px;right:50%;transform:translate(50%);background:var(--navy);border:1px solid var(--navy-2);color:#fff;border-radius:10px;padding:11px 24px;font-size:13.5px;z-index:100;opacity:0;transition:.25s;pointer-events:none;box-shadow:var(--shadow-lg)}#toast.show{opacity:1}#toast.err{background:var(--err);border-color:var(--err)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d15268c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal h3{margin-bottom:14px;font-size:16px}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}.work{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-2);margin:0}.work img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.work figcaption{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;font-size:12px}.upload-slot{display:block;border:2px dashed var(--line-2);border-radius:10px;padding:18px;text-align:center;cursor:pointer;margin-bottom:12px;color:var(--muted)}.upload-slot img{max-height:180px;margin-inline:auto;border-radius:8px}