:root{--navy:#14306b;--navy-deep:#0e2350;--blue:#2563eb;--blue-2:#2e6bf0;--sky:#eaf1ff;--green:#16a34a;--red:#e03131;--amber:#f59e0b;--amber-text:#b9760a;--amber-bg:#fff4e2;--ink:#0f1b33;--slate:#5a6b85;--line:#e3e8f0;--surface:#f6f8fc;--white:#fff;--grad:linear-gradient(135deg, #14306b, #2e6bf0);--sh-sm:0 1px 2px #102a540f;--sh-md:0 8px 24px #102a541a;--sh-lg:0 22px 55px #102a5429;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--font:"IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65}.lat{direction:ltr;unicode-bidi:isolate;font-family:IBM Plex Sans,sans-serif}a{color:var(--blue);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14.5px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--slate);font-size:12.5px;font-weight:600}.inp{border:1.5px solid var(--line);border-radius:var(--r-md);width:100%;color:var(--ink);background:#fff;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.inp:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #2563eb1f}.inp:disabled{background:var(--surface);color:var(--slate)}.btn{border-radius:var(--r-md);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14.5px;font-weight:700;transition:transform .12s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--grad);color:#fff;box-shadow:var(--sh-md)}.btn-ghost{color:var(--navy);border:1.5px solid var(--line);background:#fff}.btn-sky{background:var(--sky);color:var(--navy);border:1px solid #c9dafb}.btn-danger{color:var(--red);background:#fdeeee}.btn-success{color:var(--green);background:#e9f9ef}.btn-sm{border-radius:10px;padding:7px 14px;font-size:13px}.card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);background:#fff;padding:18px}.card-title{align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.badge{white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-block}.badge-green{color:var(--green);background:#e9f9ef}.badge-red{color:var(--red);background:#fdeeee}.badge-amber{background:var(--amber-bg);color:var(--amber-text)}.badge-blue{background:var(--sky);color:var(--blue)}.badge-slate{color:var(--slate);background:#eef2f8}.avatar{background:var(--grad);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:inline-flex}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:right;letter-spacing:.04em;color:var(--slate);border-bottom:1.5px solid var(--line);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:700}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 12px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:#fafbfe}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0e235073;justify-content:center;align-items:center;padding:18px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal{border-radius:var(--r-xl);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--sh-lg);background:#fff;padding:24px;animation:.22s rise;overflow-y:auto}.modal h3{margin-bottom:16px;font-size:17px}@keyframes fadeIn{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.shell{min-height:100vh;display:flex}.sidebar{background:var(--navy-deep);color:#fff;flex-direction:column;flex-shrink:0;width:250px;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:10px;padding:20px 18px 14px;display:flex}.side-nav{flex:1;padding:8px 10px 16px;overflow-y:auto}.side-group{letter-spacing:.1em;color:#7d93c0;margin:14px 10px 6px;font-size:11px;font-weight:700}.side-link{color:#cfe0ff;border-radius:11px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .14s;display:flex}.side-link:hover{color:#fff;background:#ffffff12}.side-link.active{background:var(--grad);color:#fff;box-shadow:var(--sh-md);font-weight:700}.side-link .ic{text-align:center;width:20px;font-size:16px}.side-user{border-top:1px solid #ffffff17;align-items:center;gap:10px;padding:14px 16px;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:50;background:#fff;align-items:center;gap:12px;padding:12px 22px;display:flex;position:sticky;top:0}.topbar h1{flex:1;font-size:17px;font-weight:700}.content{width:100%;max-width:1160px;margin:0 auto;padding:22px}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;background:#fff;padding:14px}.stat .n{direction:ltr;font-size:26px;font-weight:700}.stat .l{color:var(--slate);margin-top:2px;font-size:12px}.hero{background:var(--grad);color:#fff;border-radius:18px;padding:20px 22px;position:relative;overflow:hidden;box-shadow:0 14px 32px #2563eb47}.hero:after{content:"";background:#ffffff1f;border-radius:50%;width:140px;height:140px;position:absolute;top:-50px;left:-30px}.hero .big{direction:ltr;font-size:36px;font-weight:700;line-height:1.1}.prog{background:#ffffff40;border-radius:99px;height:8px;margin-top:12px;overflow:hidden}.prog i{background:#fff;border-radius:99px;height:100%;transition:width .6s;display:block}.row{align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.muted{color:var(--slate);font-size:13px}.empty{text-align:center;color:var(--slate);padding:40px 16px}.spinner{border:3px solid var(--sky);border-top-color:var(--blue);border-radius:50%;width:30px;height:30px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-anim{animation:.28s pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}}.money{direction:ltr;unicode-bidi:isolate;font-weight:700}.notice{background:var(--amber-bg);color:var(--amber-text);border-radius:var(--r-md);border:1px solid #f3dfbb;margin-bottom:14px;padding:11px 14px;font-size:13.5px;font-weight:600}.error-box{color:var(--red);border-radius:var(--r-md);background:#fdeeee;border:1px solid #f5c6c6;padding:11px 14px;font-size:13.5px}.mobile-nav{display:none}@media (width<=860px){.sidebar{display:none}.mobile-nav{border-top:1px solid var(--line);z-index:60;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--slate);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:10.5px;font-weight:600;display:flex}.mobile-nav a.active{color:var(--blue)}.mobile-nav .ic{font-size:19px}.content{padding:14px 14px 90px}.grid2{grid-template-columns:1fr}.tbl-wrap{overflow-x:auto}}.tbl-wrap{width:100%;overflow-x:auto}