:root{--bg: #070d1a;--bg-2: #0b1424;--surface: rgba(255,255,255,.045);--surface-2: rgba(255,255,255,.07);--border: rgba(255,255,255,.09);--border-strong: rgba(255,255,255,.18);--text: #f2f6ff;--text-muted: #93a1bd;--text-dim: #6b7897;--primary: #1e40af;--primary-lt: #3b82f6;--accent: #10b981;--accent-dk: #059669;--danger: #ef4444;--warning: #f59e0b;--violet: #8b5cf6;--orange: #f97316;--grad-primary: linear-gradient(135deg, #2563eb, #60a5fa);--grad-accent: linear-gradient(135deg, #059669, #34d399);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--shadow: 0 4px 24px rgba(0,0,0,.35);--shadow-lg: 0 18px 55px rgba(0,0,0,.5);--shadow-glow: 0 10px 40px rgba(37,99,235,.28);--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;font-family:Cairo,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.65;color:var(--text);background:var(--bg);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100dvh;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 100% 60% at 80% -10%,rgba(37,99,235,.22),transparent 60%),radial-gradient(ellipse 90% 50% at 0% 0%,rgba(16,185,129,.12),transparent 55%),var(--bg);background-attachment:fixed}.num{font-family:Inter,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em}button{font-family:inherit}.app{display:flex;min-height:100dvh}.sidebar{width:264px;flex-shrink:0;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:.35rem;padding:1.25rem 1rem;background:#09101eb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-inline-end:1px solid var(--border);z-index:20}.main{flex:1;min-width:0;padding:1.5rem clamp(1rem,3vw,2.5rem) 4rem}.brand{display:flex;align-items:center;gap:.7rem;padding:.4rem .5rem 1.25rem}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--grad-primary);box-shadow:var(--shadow-glow);color:#fff;flex-shrink:0}.brand-name{font-size:1.28rem;font-weight:800;letter-spacing:-.02em;line-height:1}.brand-sub{font-size:.68rem;color:var(--text-dim);letter-spacing:.16em;font-weight:600}.nav-item{display:flex;align-items:center;gap:.8rem;width:100%;padding:.7rem .85rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);font-size:.94rem;font-weight:600;cursor:pointer;text-align:start;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-item:hover{background:var(--surface);color:var(--text);transform:translate(-3px)}.nav-item.active{background:var(--surface-2);color:#fff;box-shadow:inset 0 0 0 1px var(--border)}.nav-item.active .nav-dot{opacity:1}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-lt);margin-inline-start:auto;opacity:0;transition:opacity .2s}.nav-label{flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.page-title{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;letter-spacing:-.03em}.page-sub{color:var(--text-muted);font-size:.9rem;margin-top:.15rem}.topbar-actions{display:flex;align-items:center;gap:.6rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);padding:1.35rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.card-title{font-size:1rem;font-weight:700;margin-bottom:.15rem}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.62rem 1.15rem;border-radius:999px;font-size:.88rem;font-weight:700;cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .2s ease,opacity .2s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 38px #2563eb73}.btn-accent{background:var(--grad-accent);color:#04231a}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 34px #10b98166}.btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);transform:translateY(-2px)}.btn-danger{background:#ef444424;border-color:#ef444459;color:#fca5a5}.btn-danger:hover:not(:disabled){background:#ef44443d}.btn-icon{padding:.5rem;border-radius:11px;width:38px;height:38px}.btn-sm{padding:.42rem .8rem;font-size:.8rem}input,select,textarea{width:100%;padding:.68rem .9rem;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.94rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:focus,select:focus,textarea:focus{border-color:var(--primary-lt);box-shadow:0 0 0 3px #3b82f638;background:#ffffff12}input.error,select.error{border-color:var(--danger)}select option{background:#0e1830;color:var(--text)}label{display:flex;flex-direction:column;gap:.45rem;font-size:.8rem;font-weight:700;color:var(--text-muted)}.field-error{color:#fca5a5;font-size:.76rem;margin-top:.3rem;font-weight:600}.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.full{grid-column:1 / -1}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;padding:.22rem .62rem;border-radius:999px;background:#3b82f624;color:#93c5fd}.badge.green{background:#10b98124;color:#6ee7b7}.badge.red{background:#ef444424;color:#fca5a5}.badge.amber{background:#f59e0b24;color:#fcd34d}.badge.violet{background:#8b5cf624;color:#c4b5fd}.badge.gray{background:var(--surface-2);color:var(--text-muted)}.grid{display:grid;gap:1.1rem}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.split{display:grid;gap:1.1rem;grid-template-columns:1.6fr 1fr}@media (max-width: 1000px){.split{grid-template-columns:1fr}}.kpi{position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;inset-inline-start:-30%;top:-60%;width:160px;height:160px;border-radius:50%;background:var(--kpi-glow, rgba(37,99,235,.22));filter:blur(38px);pointer-events:none}.kpi-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.kpi-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2)}.kpi-label{font-size:.82rem;color:var(--text-muted);font-weight:600}.kpi-value{font-size:clamp(1.5rem,3.4vw,2rem);font-weight:800;letter-spacing:-.03em;margin-top:.1rem}.kpi-meta{font-size:.78rem;color:var(--text-dim);margin-top:.35rem;display:flex;align-items:center;gap:.35rem}.up{color:#6ee7b7}.down{color:#fca5a5}.bar{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;transition:width .7s cubic-bezier(.16,1,.3,1)}.bar-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;margin-bottom:.4rem}.tx-row{display:grid;grid-template-columns:42px 1fr auto;gap:.8rem;align-items:center;padding:.75rem .6rem;border-radius:var(--radius-sm);transition:background .18s ease}.tx-row:hover{background:var(--surface)}.tx-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.tx-main{min-width:0}.tx-cat{font-weight:700;font-size:.92rem}.tx-sub{font-size:.76rem;color:var(--text-dim)}.tx-amt{font-weight:800;font-size:1rem;text-align:end;white-space:nowrap}.tx-actions{display:flex;gap:.3rem;opacity:0;transition:opacity .18s}tr:hover .tx-actions{opacity:1}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px}thead th{text-align:start;padding:.85rem 1rem;font-size:.74rem;font-weight:700;letter-spacing:.05em;color:var(--text-dim);text-transform:uppercase;background:#ffffff08;border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .18s}tbody tr:hover{background:var(--surface)}.chips{display:flex;gap:.45rem;flex-wrap:wrap}.chip{padding:.42rem .95rem;border-radius:999px;font-size:.82rem;font-weight:700;cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);transition:all .18s ease}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.active{background:var(--grad-primary);color:#fff;border-color:transparent}.empty{text-align:center;padding:3rem 1rem;color:var(--text-dim)}.empty svg{margin-bottom:.75rem;opacity:.5}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030710b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.modal{background:#0c1526;border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.75rem;max-width:560px;width:100%;box-shadow:var(--shadow-lg);max-height:90dvh;overflow-y:auto;animation:popIn .26s cubic-bezier(.16,1,.3,1)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-title{font-size:1.15rem;font-weight:800}.modal-foot{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.5rem}.toast-wrap{position:fixed;bottom:1.5rem;inset-inline-end:1.5rem;z-index:120;display:flex;flex-direction:column;gap:.55rem}.toast{display:flex;align-items:center;gap:.6rem;padding:.78rem 1.1rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:700;box-shadow:var(--shadow-lg);animation:slideIn .3s cubic-bezier(.16,1,.3,1);background:#0e1a30;border:1px solid var(--border-strong)}.toast.success{border-color:#10b98173;color:#6ee7b7}.toast.error{border-color:#ef444473;color:#fca5a5}.toast.info{border-color:#3b82f673;color:#93c5fd}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.16s}.d4{animation-delay:.22s}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mobile-bar,.menu-btn,.scrim{display:none}@media (max-width: 900px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:270px;transform:translate(-110%);transition:transform .3s cubic-bezier(.16,1,.3,1)}html[dir=rtl] .sidebar{transform:translate(110%)}.sidebar.open{transform:none}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#03071099;z-index:15;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.menu-btn{display:inline-flex}.main{padding:1rem 1rem 5rem}.mobile-bar{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:30;background:#09101ee6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border);padding:.5rem .4rem calc(.5rem + env(safe-area-inset-bottom))}.mobile-bar .nav-item{flex-direction:column;gap:.2rem;font-size:.64rem;padding:.4rem .2rem;text-align:center;border-radius:12px}.mobile-bar .nav-item:hover{transform:none}}.divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.center{display:grid;place-items:center}.row{display:flex;align-items:center;gap:.6rem}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.mt{margin-top:1rem}.mb{margin-bottom:1rem}.section-label{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);padding:.9rem .85rem .35rem}.ring{transform:rotate(-90deg)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff21;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}*:focus-visible{outline:2.5px solid var(--primary-lt);outline-offset:2px;border-radius:6px}