:root{--primary:#6c5ce7;--primary-2:#8b7cf6;--accent:#18b6a4;--ink:#172033;--muted:#6f7890;--bg:#f4f6fb;--surface:#fff;--line:#e7eaf2;--soft:#f8f9fc;--shadow:0 12px 35px rgba(31,39,70,.07);--sidebar:#111827;--sidebar-muted:#9da8bb;--danger:#ef5a6f;--warning:#f5a524;--success:#19a974}
[data-theme=dark]{--ink:#edf0f7;--muted:#9da8bb;--bg:#0c111d;--surface:#151c2b;--line:#263044;--soft:#101725;--shadow:0 16px 38px rgba(0,0,0,.2);--sidebar:#080d16}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,Tajawal,sans-serif;transition:background .25s,color .25s}html[dir=rtl] body{font-family:Tajawal,Inter,sans-serif}a{text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:260px;background:linear-gradient(180deg,var(--sidebar),#0d1422);color:#fff;padding:24px 18px;z-index:1040;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 26px;font-size:21px;font-weight:800;color:#fff}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--primary),#9c77ff);box-shadow:0 10px 22px rgba(108,92,231,.32)}.brand small{display:block;color:#808da4;font-size:10px;letter-spacing:1.8px}.nav-label{padding:20px 12px 7px;color:#657187;font-size:10px;font-weight:800;letter-spacing:1.4px}.side-link{display:flex;align-items:center;gap:12px;color:var(--sidebar-muted);padding:11px 13px;border-radius:11px;margin:3px 0;font-weight:600;transition:.2s}.side-link i{font-size:18px}.side-link:hover,.side-link.active{color:#fff;background:rgba(255,255,255,.09)}.side-link.active{box-shadow:inset 3px 0 0 var(--primary-2)}html[dir=rtl] .side-link.active{box-shadow:inset -3px 0 0 var(--primary-2)}.sidebar-card{margin-top:26px;padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.05)}.sidebar-card p{color:#aeb7c7;font-size:12px}.main{margin-inline-start:260px;min-height:100vh}.topbar{height:76px;padding:0 32px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1020;backdrop-filter:blur(12px)}.search{position:relative;width:min(380px,38vw)}.search i{position:absolute;inset-inline-start:14px;top:11px;color:var(--muted)}.search input{width:100%;height:42px;padding-inline-start:42px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);outline:none}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);display:grid;place-items:center}.avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#ffd3a7,#ff8b77);display:grid;place-items:center;font-weight:800;color:#7b2d22}.content{padding:30px 32px 48px;max-width:1600px;margin:auto}.page-title h1{font-size:27px;font-weight:800;margin:0}.page-title p{color:var(--muted);margin:4px 0 0}.card-ui{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.stat{padding:21px}.stat-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:20px}.stat h3{font-size:24px;font-weight:800;margin:16px 0 2px}.text-muted-ui{color:var(--muted)!important}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.chip-success{color:#0d8a5a;background:rgba(25,169,116,.12)}.chip-warning{color:#b77300;background:rgba(245,165,36,.15)}.chip-danger{color:#c63a50;background:rgba(239,90,111,.13)}.chart-card{padding:22px;min-height:348px}.card-title{font-weight:800;font-size:17px}.mini-bars{height:190px;display:flex;align-items:end;gap:12px;padding-top:25px}.mini-bars span{flex:1;min-width:8px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--primary-2),var(--primary));opacity:.86}.table{--bs-table-bg:transparent;--bs-table-color:var(--ink);--bs-table-border-color:var(--line);margin:0}.table>:not(caption)>*>*{padding:15px 18px;vertical-align:middle}.table thead th{font-size:11px;letter-spacing:.7px;color:var(--muted);text-transform:uppercase;border-bottom-width:1px}.product-dot{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800}.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:#5c4bd7;--bs-btn-hover-border-color:#5c4bd7;border-radius:11px;font-weight:700}.btn-soft{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px}.btn-soft:hover{border-color:var(--primary);color:var(--primary)}.form-control,.form-select{background:var(--soft);border-color:var(--line);color:var(--ink);border-radius:11px;padding:11px 13px}.form-control:focus,.form-select:focus{background:var(--surface);color:var(--ink);border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,92,231,.12)}.progress{height:7px;background:var(--line)}.progress-bar{background:var(--primary)}.message-list{border-inline-end:1px solid var(--line)}.message-person{padding:14px;border-radius:13px;display:flex;gap:11px;align-items:center}.message-person.active{background:var(--soft)}.bubble{padding:11px 14px;border-radius:15px;background:var(--soft);max-width:76%;margin-bottom:10px}.bubble.me{margin-inline-start:auto;background:var(--primary);color:#fff}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{min-height:86px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.calendar-day.muted{opacity:.4}.event{margin-top:10px;padding:4px 7px;border-radius:7px;background:rgba(108,92,231,.12);color:var(--primary);font-size:11px;font-weight:700}.profile-cover{height:160px;border-radius:18px 18px 0 0;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.35),transparent 28%),linear-gradient(120deg,#5642d6,#9e78ff 55%,#19b6a4)}.profile-photo{width:96px;height:96px;border-radius:25px;background:#ffb390;border:6px solid var(--surface);display:grid;place-items:center;font-size:30px;font-weight:800;margin-top:-50px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-art{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.15),transparent 22%),linear-gradient(145deg,#111827,#352575 60%,#145f65);color:#fff;padding:8vw;display:flex;flex-direction:column;justify-content:center}.auth-panel{display:grid;place-items:center;padding:30px}.auth-box{width:min(430px,100%)}.error-code{font-size:clamp(90px,18vw,210px);line-height:.8;font-weight:800;color:transparent;-webkit-text-stroke:2px var(--primary);opacity:.65}.mobile-toggle{display:none}.overlay{display:none}.dropdown-menu{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}.dropdown-item{color:var(--ink)}.dropdown-item:hover{background:var(--soft)}
@media(max-width:991.98px){.sidebar{transform:translateX(-105%);transition:.25s}html[dir=rtl] .sidebar{transform:translateX(105%)}.sidebar.open{transform:none}.main{margin-inline-start:0}.mobile-toggle{display:grid}.overlay.show{display:block;position:fixed;inset:0;background:rgba(4,8,16,.45);z-index:1030}.content,.topbar{padding-inline:20px}.search{display:none}.auth-page{grid-template-columns:1fr}.auth-art{display:none}}
@media(max-width:575.98px){.content{padding:22px 14px 36px}.topbar{padding-inline:14px}.page-title h1{font-size:23px}.calendar-day{min-height:58px;padding:6px;font-size:12px}.event{display:none}.table-responsive{font-size:13px}.message-list{border:0;border-bottom:1px solid var(--line)}}