:root{--bg:#f4f7fb;--surface:#fff;--ink:#17243a;--muted:#7c899d;--line:#e6ebf2;--primary:#2457d6;--primary2:#173fa8;--sidebar:#101a2c;--sidebar2:#18243a;--success:#159a65;--warning:#d88a1b;--danger:#d74747;--shadow:0 12px 35px rgba(25,43,73,.07)}
*{box-sizing:border-box}html{direction:rtl}html,body{margin:0;min-height:100%;font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}body{font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app{min-height:100vh}.sidebar{position:fixed;z-index:100;right:0;top:0;bottom:0;width:275px;background:var(--sidebar);color:#aeb9cc;padding:22px 16px;display:flex;flex-direction:column;box-shadow:-12px 0 35px rgba(0,0,0,.04)}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 26px;border-bottom:1px solid #263249}.brand-logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#2f6cf0,#6b4be8);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800;box-shadow:0 12px 25px rgba(44,92,221,.28)}.brand strong{display:block;color:#fff;font-size:16px}.brand small{display:block;color:#718098;font-size:10px;margin-top:4px}.nav-section{font-size:10px;font-weight:800;color:#5f6d83;margin:22px 9px 8px}.nav{display:flex;flex-direction:column;gap:4px}.nav a{height:44px;border-radius:11px;display:flex;align-items:center;gap:12px;padding:0 13px;color:#aab6c9;font-size:12px;transition:.15s}.nav a span{width:23px;text-align:center;font-size:17px}.nav a:hover{background:var(--sidebar2);color:#fff}.nav a.active{background:linear-gradient(90deg,#2557d9,#315ee1);color:#fff;box-shadow:0 9px 22px rgba(37,87,214,.25)}.sidebar-spacer{flex:1}.user-card{border-top:1px solid #263249;padding:15px 4px 3px;display:flex;align-items:center;gap:9px}.avatar{width:40px;height:40px;border-radius:12px;background:#eaf0ff;color:var(--primary);display:grid;place-items:center;font-weight:800}.user-info{min-width:0;flex:1}.user-info b{display:block;color:#fff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info small{display:block;color:#6e7d94;font-size:9px;margin-top:3px}.user-card>a{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#8290a6}.user-card>a:hover{background:var(--sidebar2);color:#fff}.main{margin-right:275px;min-height:100vh}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:40}.topbar-right,.topbar-left{display:flex;align-items:center;gap:14px}.top-kicker{font-size:9px;color:var(--primary);font-weight:800;margin-bottom:3px}.topbar h1{font-size:17px;margin:0;font-weight:800}.today{text-align:left;color:#8995a8;font-size:8px;line-height:1.5}.today b{font-size:10px;color:var(--ink)}.avatar-light{background:#edf2ff}.menu-btn{display:none;border:0;background:#f0f3f8;color:var(--ink);width:40px;height:40px;border-radius:10px;cursor:pointer}.content{max-width:1500px;margin:auto;padding:30px 34px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-header h2{font-size:27px;margin:0;font-weight:800}.page-header p{margin:6px 0 0;color:var(--muted);font-size:11px}.eyebrow{font-size:10px;color:var(--primary);font-weight:800;margin-bottom:5px}.btn{height:42px;border:1px solid transparent;border-radius:10px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px rgba(36,87,214,.18)}.btn-primary:hover{background:var(--primary2)}.btn-light{background:#fff;color:#41516a;border-color:var(--line)}.btn-danger{background:#fff3f3;color:#c23b3b;border-color:#ffd9d9}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px}.stat-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:19px}.blue{background:#edf2ff;color:#2457d6}.green{background:#eaf8f1;color:#159a65}.orange{background:#fff4e4;color:#d88a1b}.purple{background:#f1edff;color:#7048d8}.stat-label{font-size:10px;color:#8591a2}.stat-value{display:block;font-size:25px;font-weight:800;line-height:1.35}.stat-note{display:block;color:#a0a9b6;font-size:8px;margin-top:1px}.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.card-head{padding:20px 22px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f2f6}.card-title{font-size:15px;font-weight:800;margin:0}.card-sub{font-size:9px;color:#919bac;margin:4px 0 0}.link{color:var(--primary);font-size:10px;font-weight:800}.card-body{padding:20px 22px}.empty{text-align:center;padding:38px 20px}.empty-icon{width:58px;height:58px;border-radius:18px;background:#edf2ff;color:var(--primary);display:grid;place-items:center;margin:0 auto 13px;font-size:23px}.empty h3{margin:0 0 5px;font-size:15px}.empty p{margin:0 auto 17px;color:#8e99aa;font-size:10px;max-width:420px}.quick{display:flex;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid #eef1f5}.quick:last-child{border-bottom:0}.quick-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.quick-main{flex:1}.quick-main b{display:block;font-size:11px}.quick-main small{display:block;color:#929eaf;font-size:8px;margin-top:3px}.quick-arrow{color:#9aa5b4}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 11px;text-align:right;border-bottom:1px solid #edf0f4;white-space:nowrap}th{background:#fafbfd;color:#7d899a;font-size:9px;font-weight:800}td{font-size:10px}tbody tr:hover{background:#fbfcfe}.badge{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:8px;font-weight:800}.badge-success{background:#eaf8f1;color:#138352}.badge-muted{background:#f0f2f5;color:#7b8695}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.search{height:41px;width:360px;max-width:100%;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:0 12px}.search input{border:0;outline:0;width:100%;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-wide{grid-column:1/-1}label{display:block;font-size:10px;font-weight:800;margin-bottom:7px}.input,.select{width:100%;height:42px;border:1px solid #dfe5ed;border-radius:10px;padding:0 12px;outline:0;background:#fff;font-size:11px}.input:focus,.select:focus{border-color:#8da9ef;box-shadow:0 0 0 3px #2457d612}.section-head{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px}.section-head h3{font-size:14px;margin:0}.section-head p{font-size:9px;color:#929eaf;margin:4px 0 0}.actions{display:flex;gap:8px;margin-top:20px}.alert{border-radius:10px;padding:11px 13px;font-size:10px;margin-bottom:16px}.alert-danger{background:#fff2f2;border:1px solid #ffd7d7;color:#b73535}.footer{text-align:center;color:#a2adbc;font-size:9px;padding:25px}.overlay{display:none}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 85% 10%,#e6edff 0,transparent 30%),radial-gradient(circle at 10% 90%,#eee8ff 0,transparent 28%),#f5f7fb;padding:20px}.login-box{width:430px;max-width:100%}.login-brand{text-align:center;margin-bottom:20px}.login-logo{width:72px;height:72px;margin:auto;border-radius:20px;background:linear-gradient(145deg,#2f6cf0,#6b4be8);color:#fff;display:grid;place-items:center;font-size:34px;font-weight:800;box-shadow:0 18px 35px rgba(36,87,214,.22)}.login-brand h1{font-size:24px;margin:12px 0 3px}.login-brand p{margin:0;color:#8793a5;font-size:10px}.login-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 20px 60px rgba(25,43,73,.09)}.login-card label{margin-bottom:7px}.login-field{height:44px;border:1px solid #dfe5ed;border-radius:10px;display:flex;align-items:center;padding:0 11px;margin-bottom:15px}.login-field input{width:100%;border:0;outline:0;padding:0 8px;font-size:11px}.login-submit{width:100%;height:44px}.login-error{background:#fff2f2;border:1px solid #ffd7d7;color:#b73535;padding:10px;border-radius:10px;font-size:10px;margin-bottom:14px;text-align:center}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}
@media(max-width:850px){.sidebar{right:-275px;transition:right .22s}.sidebar.open{right:0}.main{margin-right:0}.menu-btn{display:block}.overlay.show{display:block;position:fixed;inset:0;background:rgba(11,20,35,.38);z-index:90}.topbar{padding:0 18px}.content{padding:22px 16px}.page-header{align-items:flex-start;flex-direction:column}.page-header .btn{width:100%}}
@media(max-width:560px){.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.topbar{height:72px}.today{display:none}.card-head{padding:17px}.card-body{padding:17px}.panel{padding:16px}.actions{flex-direction:column}.actions .btn{width:100%}}
.page-header h1{font-size:27px;margin:0;font-weight:800}.page-kicker{font-size:10px;color:var(--primary);font-weight:800;margin-bottom:5px}tfoot th,tfoot td{background:#fafbfd;font-weight:800}