*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050b14;color:#eaf0f3;font-family:Cairo,sans-serif;font-size:13px;overflow-x:hidden}button,input,select,textarea{font:inherit}.app-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 10%,#16304b55,transparent 35%),radial-gradient(circle at 85% 80%,#8f671f18,transparent 32%)}.app-bg i{position:absolute;width:280px;height:280px;border:1px solid #d6aa4a16;border-radius:50%;animation:float 16s ease-in-out infinite}.app-bg i:nth-child(1){top:8%;right:5%}.app-bg i:nth-child(2){bottom:-90px;left:12%;width:360px;height:360px;animation-delay:-5s}.app-bg i:nth-child(3){top:45%;left:42%;width:120px;height:120px;animation-delay:-9s}@keyframes float{50%{transform:translate3d(18px,-22px,0) scale(1.05)}}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:278px;background:linear-gradient(180deg,#091522f7,#050d16f7);border-left:1px solid #ffffff0c;box-shadow:20px 0 60px #0008;padding:20px 14px;backdrop-filter:blur(18px);direction:rtl}.brand{height:68px;display:flex;align-items:center;gap:11px;padding:0 8px 16px;border-bottom:1px solid #ffffff0b}.brand-mark{width:45px;height:45px;border:1px solid #d9ad4e66;border-radius:14px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#d9ad4e1f,#ffffff03);box-shadow:0 0 25px #d9ad4e10}.brand-mark span{font-size:23px;color:#e8bd65}.brand-mark b{position:absolute;width:6px;height:6px;border-radius:50%;background:#64d9a0;bottom:3px;left:3px;box-shadow:0 0 10px #64d9a0}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:12px;color:#f5d58e}.brand-copy small{font-size:7px;color:#71828f}.icon-btn{border:1px solid #ffffff10;background:#ffffff05;color:#aab7bf;width:38px;height:38px;border-radius:10px;cursor:pointer;transition:.25s}.icon-btn:hover{border-color:#d6aa4a55;color:#eac674;background:#d6aa4a0d;transform:translateY(-1px)}.sidebar-close{display:none;margin-right:auto}.profile-mini{margin:16px 4px;padding:10px;border:1px solid #ffffff0b;border-radius:14px;background:#ffffff03;display:flex;align-items:center;gap:9px}.avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#c38e31,#f1d27d);color:#17110a;font-weight:900}.avatar.sm{width:32px;height:32px;border-radius:9px;font-size:11px}.profile-mini div:nth-child(2){display:grid;flex:1}.profile-mini strong{font-size:9px}.profile-mini span{font-size:7px;color:#72828c}.profile-mini em{font-size:7px;color:#58d39a;font-style:normal}.nav{padding-top:4px;max-height:calc(100vh - 245px);overflow:auto}.nav-label{font-size:7px;color:#5f707b;margin:16px 9px 6px;text-transform:uppercase;letter-spacing:.8px}.nav a{display:flex;align-items:center;gap:10px;padding:10px 11px;margin:3px 0;border:1px solid transparent;border-radius:10px;color:#8797a1;text-decoration:none;font-size:9px;transition:.22s;position:relative}.nav a span{width:22px;text-align:center;color:#6d7d87;font-size:13px}.nav a:hover,.nav a.is-active{color:#f0d188;background:linear-gradient(90deg,#d6aa4a12,#d6aa4a05);border-color:#d6aa4a17}.nav a.is-active:before{content:"";position:absolute;right:-14px;width:3px;height:23px;border-radius:4px;background:#d9ad4e;box-shadow:0 0 14px #d9ad4e}.nav a.is-active span{color:#e6bc64}.sidebar-foot{position:absolute;bottom:16px;right:14px;left:14px;border-top:1px solid #ffffff0b;padding-top:12px}.system-live{display:flex;align-items:center;gap:7px;color:#9aabb4;font-size:7px;margin-bottom:9px;padding:0 7px}.system-live i{width:7px;height:7px;border-radius:50%;background:#54d69a;box-shadow:0 0 10px #54d69a;animation:pulse 1.7s infinite}@keyframes pulse{50%{opacity:.35;box-shadow:none}}.system-live small{margin-right:auto;color:#4fba87;font-size:6px}.logout{display:block;text-align:center;padding:9px;border-radius:9px;background:#ffffff04;color:#a8864a;text-decoration:none;font-size:8px;border:1px solid #ffffff08}.main{margin-right:278px;min-height:100vh}.topbar{height:74px;display:flex;align-items:center;padding:0 30px;border-bottom:1px solid #ffffff0a;background:#07111ce8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.menu-btn{display:none}.crumb{display:flex;gap:9px;align-items:center;font-size:8px;color:#60717c}.crumb strong{color:#d5b56f}.top-actions{margin-right:auto;display:flex;align-items:center;gap:9px}.top-user{display:flex;align-items:center;gap:8px;font-size:8px;color:#b8c3c9;padding-right:9px;border-right:1px solid #ffffff0c}.page-wrap{padding:28px 30px 0;max-width:1600px;margin:auto}.footer{padding:25px 30px;color:#52636d;font-size:7px;display:flex;justify-content:space-between}.footer b{color:#a6874d}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:0;color:#f1d18a;font-size:25px;font-weight:800;letter-spacing:-.5px}.page-head p{margin:4px 0 0;color:#71818b;font-size:8px}.btn,.primary{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:0;border-radius:10px;background:linear-gradient(135deg,#b17a25,#f0cb70);color:#161108;text-decoration:none;font-size:8px;font-weight:900;box-shadow:0 8px 25px #b17a2518;transition:.25s}.btn:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #b17a2530}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{position:relative;overflow:hidden;padding:20px;border:1px solid #ffffff0b;border-radius:17px;background:linear-gradient(145deg,#0b1b2aee,#07111bee);box-shadow:0 18px 50px #0004;transition:.3s}.card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;left:-35px;bottom:-45px;background:#d6aa4a0b}.card:hover{transform:translateY(-4px);border-color:#d6aa4a25}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#6f808a;font-size:8px}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#d6aa4a0e;color:#dfb963}.card strong{display:block;font-size:29px;color:#f0d18b;margin:10px 0 1px}.metric-foot{font-size:7px;color:#596b75}.metric-foot.up{color:#58c892}.welcome{margin-top:16px;padding:26px;border:1px solid #d6aa4a22;border-radius:18px;background:linear-gradient(135deg,#0c1d2be8,#07121ee8);position:relative;overflow:hidden}.welcome:before{content:"";position:absolute;width:230px;height:230px;border:1px solid #d6aa4a13;border-radius:50%;left:-70px;top:-100px}.welcome h2{margin:0;color:#f0d18b;font-size:18px}.welcome p{color:#788994;font-size:8px;line-height:2;margin:7px 0 16px}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions a{padding:8px 12px;border-radius:8px;background:#ffffff05;color:#c5d0d5;text-decoration:none;font-size:8px;border:1px solid #ffffff0a}.panel{border:1px solid #ffffff0b;border-radius:17px;background:#081521e8;overflow:hidden}.panel-head{padding:17px 19px;border-bottom:1px solid #ffffff0a;display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:0;font-size:10px;color:#d9e1e4}.panel-head span{font-size:7px;color:#667781}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 16px;text-align:right;border-bottom:1px solid #ffffff08}th{font-size:7px;color:#c7ad72;background:#ffffff02}td{font-size:8px;color:#aab6bc}tr:hover td{background:#ffffff02}.badge{display:inline-flex;padding:4px 8px;border-radius:6px;font-size:7px}.on{color:#63d59c;background:#50b46e14}.off{color:#9caab0;background:#ffffff07}.filters{display:flex;gap:8px;margin:0 0 15px}.filters>*{padding:10px 12px;background:#081521;color:#dce4e7;border:1px solid #ffffff0d;border-radius:9px;font-size:8px;outline:none}.filters input{flex:1}.filters>*:focus{border-color:#d6aa4a55;box-shadow:0 0 0 3px #d6aa4a0b}.empty{padding:70px;text-align:center;color:#61727c;font-size:9px}.empty b{display:block;font-size:30px;color:#b38b45;margin-bottom:8px}.form-card{padding:22px;border:1px solid #ffffff0b;border-radius:17px;background:#081521e8;max-width:1100px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}label{display:block;color:#bda466;font-size:8px;margin:0 0 6px}input,select,textarea{width:100%;padding:11px 12px;background:#040c14;color:#e7edf0;border:1px solid #ffffff0e;border-radius:9px;outline:none;font-size:9px}textarea{min-height:170px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#d6aa4a55;box-shadow:0 0 0 3px #d6aa4a0b}.check-row{display:flex;gap:18px;align-items:center}.check-row label{margin:0;color:#aab7bd;display:flex;align-items:center;gap:6px}.check-row input{width:auto}.form-actions{margin-top:18px;display:flex;gap:8px}.errors,.notice{padding:11px 14px;border-radius:10px;margin-bottom:14px;font-size:8px}.errors{background:#4a171d;border:1px solid #9d4d57;color:#ffc1c7}.notice{background:#0c2830;border:1px solid #3d7d7c;color:#a8e3da}.stat-row{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-top:14px}.mini-chart{height:180px;padding:18px;display:flex;align-items:end;gap:7px}.bar{flex:1;height:var(--h);min-height:12px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#e0b85d,#725526);opacity:.8;animation:rise .8s both;transform-origin:bottom}@keyframes rise{from{transform:scaleY(0)}}.legend{display:flex;justify-content:space-between;padding:0 18px 14px;color:#63747e;font-size:7px}.toast{position:fixed;left:25px;bottom:25px;z-index:80;padding:12px 16px;border-radius:10px;background:#102b27;color:#a9ead5;border:1px solid #3e806f;box-shadow:0 20px 50px #0008;animation:toastIn .3s ease}@keyframes toastIn{from{transform:translateY(15px);opacity:0}}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:250px}.main{margin-right:250px}.stat-row{grid-template-columns:1fr}}@media(max-width:800px){.sidebar{transform:translateX(110%);transition:.3s;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:-20px 0 70px #000b}.sidebar-close,.menu-btn{display:block}.main{margin-right:0}.topbar{padding:0 16px}.menu-btn{margin-left:9px}.sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:25;display:none;backdrop-filter:blur(2px)}.sidebar-overlay.show{display:block}.page-wrap{padding:20px 16px 0}.page-head{align-items:flex-start;flex-direction:column}.footer{padding:20px 16px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.top-user span{display:none}}@media(max-width:520px){.grid{grid-template-columns:1fr}.crumb span,.crumb b{display:none}.topbar{height:64px}.page-head h1{font-size:21px}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.footer{display:block;line-height:2}.footer span{display:block}}

html.light body{background:#eef2f5;color:#18232b}.light .sidebar,.light .topbar{background:#f8fafbf2;color:#18232b;border-color:#dfe5e8}.light .card,.light .welcome,.light .panel,.light .form-card{background:#ffffffec;border-color:#dfe5e8}.light .nav a{color:#65747c}.light .nav a:hover,.light .nav a.is-active{background:#b4873110}.light input,.light select,.light textarea,.light .filters>*{background:#f7f9fa;color:#243039;border-color:#dce3e7}.light .crumb{color:#7a8991}.light .profile-mini{background:#00000003;border-color:#dfe5e8}.light td{color:#4c5c64}.light .welcome p{color:#697980}.light .top-user{color:#52636b}.light .footer{color:#7b898f}

/* V1.8 RTL RIGHT SIDEBAR SYSTEM */
.sidebar{right:0;left:auto;border-left:0;border-right:1px solid #ffffff0c;box-shadow:-20px 0 60px #0008}
.sidebar-foot{right:14px;left:14px}
.nav a.is-active:before{right:auto;left:-14px}
.main{margin-right:278px;margin-left:0}
.top-actions{margin-right:auto;margin-left:0}
@media(max-width:1100px){.sidebar{width:250px}.main{margin-right:250px;margin-left:0}}
@media(max-width:800px){
 .sidebar{right:0;left:auto;transform:translateX(110%);box-shadow:none}
 .sidebar.open{transform:translateX(0);box-shadow:-20px 0 70px #000b}
 .main{margin-right:0;margin-left:0}
}
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;position:relative}
.settings-layout .form-card{max-width:none}
.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #ffffff0a;color:#dfc277;font-size:10px}
.section-title span{font-size:7px;color:#60717c;letter-spacing:1px}
.settings-live{font-size:8px;color:#63d59c;padding:7px 10px;border:1px solid #63d59c22;border-radius:8px;background:#63d59c08}
.settings-preview{min-height:310px;padding:28px 22px;border:1px solid #d6aa4a22;border-radius:17px;background:radial-gradient(circle at 50% 15%,#d6aa4a16,transparent 35%),#081521e8;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}
.preview-orbit{width:82px;height:82px;border:1px solid #d6aa4a55;border-radius:50%;display:grid;place-items:center;position:relative;animation:orbit 7s linear infinite}
.preview-orbit:before,.preview-orbit:after{content:"";position:absolute;border:1px solid #d6aa4a20;border-radius:50%;inset:-12px;animation:orbit 11s linear infinite reverse}
.preview-orbit:after{inset:-24px;opacity:.5;animation-duration:16s}
.preview-orbit span{font-size:32px;color:#e8bd65;animation:counter 7s linear infinite}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes counter{to{transform:rotate(-360deg)}}
.settings-preview small{margin-top:20px;font-size:6px;color:#58c892;letter-spacing:2px}.settings-preview h2{font-size:17px;color:#f0d18b;margin:9px 0 2px}.settings-preview p{font-size:8px;color:#7d8d96;margin:0}.preview-line{width:60px;height:1px;background:#d6aa4a66;margin:16px 0 9px}.settings-preview>span:last-child{font-size:7px;color:#687984}
.color-field{display:grid;grid-template-columns:52px 1fr;gap:7px}.color-field input[type=color]{padding:3px;height:39px}.color-field input[disabled]{opacity:.8}
.settings-actions{grid-column:1/-1;display:flex;gap:8px}.btn.ghost{background:#ffffff08;color:#bdc9ce;box-shadow:none}
html.light .settings-preview{background:#fff;border-color:#dfe5e8}.light .section-title{border-color:#dfe5e8}.light .settings-preview h2{color:#8b6928}
@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-actions{grid-column:auto}.settings-preview{min-height:250px}}