:root{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;color:#182541;background:#f2f5fb;--muted:#5d6e87;--line:#e6edf5;--purple:#614ae6;--shadow:0 12px 34px #344b8011}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 3% 4%,#e0d9ff 0%,transparent 34%),radial-gradient(ellipse at 100% 45%,#d9efff 0%,transparent 44%),#f3f6fc;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9082fa;outline-offset:3px}button:disabled{cursor:default;opacity:.6}svg{width:21px;height:21px;display:block;flex:none}h1,h2,h3,p{margin:0}small{font-size:.8rem}
.sidebar{position:fixed;inset:0 0 0 auto;width:245px;z-index:4;background:radial-gradient(ellipse at 90% 4%,#24376a,transparent 41%),linear-gradient(172deg,#151f39,#111b32 62%,#151d38);color:#fff;padding:26px 19px;display:flex;flex-direction:column;overflow:auto;border-left:1px solid #283653}.brand{display:flex;align-items:center;gap:12px;padding:3px 9px 31px}.brand-icon,.workspace-icon{display:grid;place-items:center;border-radius:14px;width:49px;height:49px;background:linear-gradient(145deg,#a69dff,#6b53f1 54%,#4a36bc);box-shadow:inset 0 1px 1px #ffffffa8,0 8px 24px #6d56f866}.brand-icon svg{width:27px;height:27px;fill:#fff;stroke:#fff}.brand strong{display:block;font-size:1.7rem;line-height:1.03}.brand strong span{color:#a897ff}.brand small{display:block;margin-top:6px;font:700 .6rem Arial;letter-spacing:.22em;color:#bdc7ef}.nav-title{color:#a1b0cf;font-size:.76rem;padding:0 11px 11px}.nav-item{width:100%;display:flex;gap:11px;align-items:center;border:1px solid transparent;background:none;color:#cbd5ec;text-align:right;border-radius:12px;padding:11px 10px;margin:3px 0;font-size:.91rem}.nav-item:hover{background:#ffffff12}.nav-item.active{color:white;background:linear-gradient(100deg,#5947c1aa,#634fe0);border-color:#947dff77;box-shadow:inset 0 1px #fff3,0 6px 19px #0003}.nav-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(150deg,#a595ff40,#7175f31c);color:#d7ccff}.nav-icon svg{width:17px;height:17px}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:16px 6px 0;border-top:1px solid #ffffff24;font-size:.77rem}.sidebar-foot small{display:block;color:#aab9d7;margin-top:4px}.workspace-icon{width:34px;height:34px;background:#2a365d;box-shadow:none;color:#c6bdff}.workspace-icon svg{width:17px;height:17px}
.shell{margin-right:245px}.topbar{min-height:69px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffffb5;backdrop-filter:blur(14px);border-bottom:1px solid #e1e7f4;padding:0 32px}.top-start,.top-end{display:flex;gap:13px;align-items:center;font-size:.88rem}.top-root,.slash{color:var(--muted)}.demo{background:#eef9f7;color:#126e64;border:1px solid #d8ede9;padding:6px 9px;border-radius:20px;white-space:nowrap;font-size:.76rem}.demo i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#20a992;margin-left:3px}.avatar{display:grid;place-items:center;border-radius:11px;width:34px;height:34px;background:linear-gradient(145deg,#f2eaff,#dedbff);color:#5636b8;font-weight:800}.menu-toggle{display:none!important}main{max-width:1500px;margin:auto;padding:28px 32px 12px;min-height:calc(100vh - 130px)}footer{padding:18px 32px;color:var(--muted);font-size:.76rem}footer span{margin-inline:5px}
.hero{position:relative;overflow:hidden;isolation:isolate;min-height:240px;padding:32px 32px 34px;background:radial-gradient(ellipse at 18% 4%,#7b66f9b0,transparent 49%),linear-gradient(116deg,#2c62bd,#523cd6 47%,#27235e 100%);border:1px solid #7461dd;border-radius:25px;color:#fff;box-shadow:0 16px 34px #4b3bb72c,inset 0 1px #ffffff55}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#e6e4ff13 1px,transparent 1px),linear-gradient(90deg,#e6e4ff13 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(90deg,#000,transparent 80%);z-index:-2}.hero-art{position:absolute;left:7%;top:50%;transform:translateY(-50%) rotate(-10deg);width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(#b39dff6a 0%,#b0b8ff25 56%,transparent 57%);border:1px solid #cac7ff5a;box-shadow:0 0 0 21px #e5dfff0e,0 0 0 44px #e5dfff0c;z-index:-1}.hero-art span{width:94px;height:94px;border-radius:25px;background:linear-gradient(145deg,#d6cdff99,#8b73ff9e 59%,#4832b6c2);border:1px solid #d6caffb5;box-shadow:inset 0 1px #fff9,0 12px 35px #211378a8,0 0 36px #b4a4ff83;display:grid;place-items:center}.hero-art svg{width:49px;height:49px;stroke:#fff;fill:#f9f4ff;filter:drop-shadow(0 0 8px #e5d7ff)}.hero-copy{max-width:70%}.hero h1{font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.26;margin:9px 0 12px}.hero p{color:#eeeaff;line-height:1.7}.hero-label{display:flex;align-items:center;gap:7px;font-size:.82rem;color:#e6dfff}.hero-label svg{width:16px;height:16px}.hero-buttons,.actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.hero-buttons{margin-top:21px}
.btn,.icon-button{border:1px solid #e0e6f3;border-radius:10px;padding:9px 12px;background:#fff;color:#25344d;font-weight:700;font-size:.84rem;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.btn svg,.icon-button svg{width:17px;height:17px}.btn:hover,.icon-button:hover{filter:brightness(.96)}.primary{color:#fff;background:linear-gradient(140deg,#7761ee,#5741d6);border-color:#6752df;box-shadow:inset 0 1px #fff4,0 4px 10px #6752df22}.hero .primary{background:#fff;color:#3d2db0;border-color:#fff}.hero .secondary{color:white;background:#ffffff20;border-color:#ffffff67}.plain{background:#f6f8fc}.danger{color:#a42f4b}.compact{padding:6px 9px;font-size:.77rem}
.section-head,.page-head,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.section-head{margin:25px 0 12px}.section-head h2,.panel h2{font-size:1.04rem}.page-head{margin-bottom:18px}.page-head h1{font-size:1.7rem}.page-head p,.panel-head p{color:var(--muted);font-size:.85rem;margin-top:6px;line-height:1.6}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric,.panel{border:1px solid #e2e8f5;border-radius:17px;background:#fff;box-shadow:var(--shadow)}.metric{position:relative;overflow:hidden;padding:15px;min-height:122px;background:linear-gradient(151deg,#fff 45%,var(--tint));isolation:isolate}.metric:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(155deg,#fff 20%,transparent 42%);opacity:.62}.violet{--tone:#7650ea;--tint:#f0eaff;--shine:#b59dff}.cyan{--tone:#118fba;--tint:#e4f6ff;--shine:#64d8f0}.green{--tone:#0c8e77;--tint:#e2f8f2;--shine:#68e2c9}.amber{--tone:#bd6219;--tint:#fff1e5;--shine:#ffc579}.color-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(148deg,var(--shine),var(--tone));color:#fff;display:grid;place-items:center;box-shadow:inset 0 1px 1px #ffffffa0,0 5px 10px color-mix(in srgb,var(--tone) 28%,transparent)}.color-icon svg{width:19px;height:19px}.metric-top{display:flex;align-items:center;gap:9px;color:#4c5f79;font-size:.8rem}.metric strong{display:block;font-size:1.43rem;margin-top:12px;line-height:1.2;font-variant-numeric:tabular-nums}.metric strong small{font-size:.75rem;color:var(--muted);margin-inline-start:4px}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:15px;margin-top:17px}.stack{display:grid;gap:15px}.panel{min-width:0;overflow:hidden}.panel-head{padding:16px 17px}.panel-body{padding:0 17px 16px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap;font-size:.82rem}th,td{padding:11px 13px;border-bottom:1px solid #edf0f7}th{background:#f6f8fd;color:#53647d;font-weight:700}tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:3px}.num{font-variant-numeric:tabular-nums;unicode-bidi:isolate}.pill{display:inline-block;border-radius:20px;padding:4px 8px;background:#eef0ff;color:#513cc3;font-size:.74rem}.pill.ok{background:#e4f7f1;color:#106c56}.pill.pending{background:#fff1de;color:#895015}.empty{padding:25px 16px;text-align:center;color:var(--muted);font-size:.86rem}.channel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #eef0f6;font-size:.84rem}.channel:last-child{border-bottom:0}.channel .color-icon{width:32px;height:32px;border-radius:9px}.channel .color-icon svg{width:16px;height:16px}.channel small{display:block;color:var(--muted);font-size:.72rem;margin-top:3px}.search{width:min(260px,100%);padding:9px 11px;border:1px solid #dce4f1;border-radius:9px;background:#f8faff;color:#172441}.notice{padding:11px 14px;border-radius:11px;background:#edf2ff;color:#4a5481;font-size:.84rem;line-height:1.65;margin-bottom:13px}
dialog{width:min(545px,calc(100% - 22px));max-height:90vh;padding:0;border:1px solid #e0e7f6;border-radius:18px;color:#1a2844;box-shadow:0 24px 80px #121a4155}dialog::backdrop{background:#101a3f8f;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:1.15rem}.form-body{padding:16px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-body label{font-size:.84rem;font-weight:700;display:grid;gap:6px}.form-body input,.form-body select{width:100%;min-width:0;padding:9px;border:1px solid #d8e1ef;border-radius:9px;color:#192844;background:#f8faff}.full{grid-column:1/-1}.dialog-actions{display:flex;gap:8px;justify-content:flex-start;padding:13px 18px;border-top:1px solid var(--line)}.form-error{display:block;color:#a42f4b;font-size:.82rem;padding:0 18px 10px}.form-error:empty{display:none}#toast{position:fixed;z-index:7;bottom:16px;left:16px;padding:11px 16px;color:#fff;background:#243660;border-radius:11px;box-shadow:var(--shadow);max-width:calc(100% - 32px);font-size:.87rem}#toast:empty,#print-area{display:none}
@media(max-width:1060px){.sidebar{width:205px}.shell{margin-right:205px}main,.topbar{padding-inline:20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{transform:translateX(100%);transition:transform .18s;width:230px;box-shadow:0 0 25px #10193750}.sidebar.open{transform:translateX(0)}.shell{margin-right:0}.menu-toggle{display:inline-flex!important}.topbar{min-height:61px}.top-root,.slash{display:none}.hero{padding:24px 19px;min-height:210px}.hero-art{left:5%;width:110px;height:110px;opacity:.72}.hero-art span{width:65px;height:65px}.hero-art svg{width:33px;height:33px}.dashboard-grid{grid-template-columns:1fr}.hero-copy{max-width:85%}}
@media(max-width:420px){main,.topbar{padding-inline:11px}main{padding-top:14px}.hero-art{left:-9%;opacity:.38}.hero-copy{max-width:100%}.metric{padding:10px}.metric-top{gap:6px;font-size:.73rem}.color-icon{width:30px;height:30px}.metric strong{font-size:1.2rem}.form-body{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{body{background:#fff}body>*:not(#print-area){display:none!important}#print-area{display:block;color:#000;padding:25px;direction:rtl}#print-area h2{margin:15px 0}#print-area td,#print-area th{border-bottom:1px solid #ccc}}
.confirm{display:flex!important;align-items:center;gap:8px!important}.confirm input{width:auto}
.dialog-head+div.panel-body{padding-top:15px}.panel-body>.notice:last-child{margin-bottom:0}
[hidden]{display:none!important}#login{display:grid;place-items:center;min-height:100dvh;padding:22px;background:radial-gradient(ellipse at 17% 23%,#7f68f3aa,transparent 49%),radial-gradient(ellipse at 91% 72%,#318bc6a0,transparent 46%),linear-gradient(145deg,#171f44,#392a80 61%,#18284e)}.login-card{width:min(100%,400px);padding:29px;background:#fafaff;border:1px solid #ffffffb5;border-radius:25px;text-align:center;box-shadow:0 20px 70px #0b12365c,inset 0 1px white}.login-symbol{width:55px;height:55px;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(145deg,#ab9aff,#6d50ee 60%,#4a35ba);color:white;border-radius:15px;box-shadow:inset 0 1px #fff9,0 8px 18px #6d50ee55}.login-symbol svg{width:28px;height:28px;fill:white}.login-card p,.login-card small{color:#596b86}.login-card form{display:grid;gap:13px;margin:19px 0;text-align:right}.login-card label{display:grid;gap:5px;font-size:.86rem;font-weight:700}.login-card input{padding:10px;border-radius:9px;border:1px solid #d7e1f2;background:#f6f8ff}.login-error{color:#a42f4b;font-size:.83rem}.login-error:empty{display:none}.spacer{margin-top:16px}@media print{body>#workspace{display:none!important}}

@media(max-width:540px){.top-end{gap:5px}#user-label{display:none}}