:root{--primary: #11407e;--primary-2: #1f63c9;--accent: #11407e;--gold: #c2992f;--ink: #0f1729;--text: #0f1729;--muted: #667491;--line: #e9edf4;--border: #e9edf4;--bg: #f5f7fb;--card: #ffffff;--input-bg: #ffffff;--green: #0f9d63;--red: #e0455e;--amber: #c08a1e;--shadow: 0 1px 2px rgba(15,23,41,.04), 0 6px 20px rgba(15,23,41,.05);--shadow-lg: 0 18px 48px rgba(15,23,41,.13);--ring: 0 0 0 4px color-mix(in srgb, var(--primary-2) 16%, transparent);--radius: 18px;--radius-sm: 12px}[data-theme=dark]{--primary: #2f6fe0;--primary-2: #4f8bff;--accent: #9cc0ff;--gold: #d8b86a;--ink: #e9eef9;--text: #e9eef9;--muted: #93a1bf;--line: #233048;--border: #233048;--bg: #090e1b;--card: #111a2e;--input-bg: #0d1626;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 26px rgba(0,0,0,.4);--shadow-lg: 0 20px 52px rgba(0,0,0,.55)}[data-accent=emerald]{--primary:#0c7a55;--primary-2:#12a070;--accent:#0c7a55;--gold:#1fb37a}[data-accent=emerald][data-theme=dark]{--accent:#5fd6a3}[data-accent=royal]{--primary:#5a3fc0;--primary-2:#7b5fe0;--accent:#5a3fc0;--gold:#b98bff}[data-accent=royal][data-theme=dark]{--accent:#b79bff}[data-accent=sunset]{--primary:#bb522d;--primary-2:#e07a3f;--accent:#bb522d;--gold:#e9a04b}[data-accent=sunset][data-theme=dark]{--accent:#f0a978}[data-accent=teal]{--primary:#0d6b78;--primary-2:#139aa8;--accent:#0d6b78;--gold:#2bb6c4}[data-accent=teal][data-theme=dark]{--accent:#54c9d6}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Plus Jakarta Sans,Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.01em}[dir=rtl],[dir=rtl] body,[dir=rtl] input,[dir=rtl] button,[dir=rtl] select{font-family:IBM Plex Sans Arabic,Plus Jakarta Sans,Segoe UI,Tahoma,sans-serif}::selection{background:color-mix(in srgb,var(--primary-2) 26%,transparent)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-420px 0}to{background-position:420px 0}}h1{font-size:28px;margin:0 0 6px;color:var(--ink);letter-spacing:-.03em;font-weight:800;line-height:1.15;animation:fadeInUp .35s ease both}h2{font-size:20px;color:var(--ink);margin:0 0 14px;letter-spacing:-.02em;font-weight:700}h3{font-size:15.5px;margin:0 0 12px;color:var(--ink);font-weight:700;letter-spacing:-.01em}.page-sub{color:var(--muted);margin:0 0 26px;font-size:14.5px;line-height:1.55;animation:fadeInUp .4s ease both}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-bottom:26px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden;animation:fadeInUp .4s ease both;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--primary) 22%,var(--line))}.kpi .label{color:var(--muted);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.kpi .value{font-size:31px;font-weight:800;color:var(--ink);margin-top:7px;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.05}.kpi .sub{font-size:12px;color:var(--muted);margin-top:4px}.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width: 880px){.grid.cols-2{grid-template-columns:1fr}}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar{display:flex;gap:10px}.muted{color:var(--muted)}.error{color:var(--red);font-size:14px}.ok{color:var(--green);font-size:14px}.amber{color:var(--amber)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);animation:fadeInUp .4s ease both;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative}.grid.cards .card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.card:hover{box-shadow:var(--shadow-lg)}.fund-card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.fund-card .meta,.meta{color:var(--muted);font-size:13px;margin:8px 0}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:12px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}td{font-variant-numeric:tabular-nums}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.07em}tbody tr{transition:background .12s ease}tbody tr:hover{background:color-mix(in srgb,var(--primary) 4%,transparent)}tbody tr:last-child td{border-bottom:none}.badge{padding:4px 11px;border-radius:999px;font-size:11.5px;background:color-mix(in srgb,var(--muted) 12%,transparent);color:var(--muted);display:inline-block;font-weight:600;letter-spacing:.01em}.badge.green{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.badge.amber{background:color-mix(in srgb,var(--amber) 16%,transparent);color:var(--amber)}.badge.blue{background:color-mix(in srgb,var(--primary-2) 14%,transparent);color:var(--accent)}.badge.gold{background:color-mix(in srgb,var(--gold) 20%,transparent);color:color-mix(in srgb,var(--gold) 80%,var(--ink))}.form{display:grid;gap:14px;max-width:460px}label{display:grid;gap:6px;font-size:13px;color:var(--muted);font-weight:500}input,select,textarea{padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:14px;color:var(--ink);background:var(--input-bg);transition:border-color .15s,box-shadow .15s;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-2);box-shadow:var(--ring)}input::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}button{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 92%,#fff) 0%,var(--primary) 100%);color:#fff;border:0;padding:11px 18px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;letter-spacing:-.01em;transition:transform .1s,filter .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 1px 1px #0f17290f,0 6px 16px color-mix(in srgb,var(--primary) 26%,transparent)}button:hover{filter:brightness(1.07);box-shadow:0 2px 2px #0f17290f,0 10px 22px color-mix(in srgb,var(--primary) 34%,transparent)}button:active{transform:scale(.98)}button:not(.ghost):after{content:"";position:absolute;top:0;bottom:0;inset-inline-start:-60%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-18deg);transition:inset-inline-start .5s ease}button:not(.ghost):hover:after{inset-inline-start:130%}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--line);box-shadow:none}button.ghost:hover{background:color-mix(in srgb,var(--primary) 6%,transparent);border-color:color-mix(in srgb,var(--primary) 30%,var(--line));filter:none}button.small{padding:8px 13px;font-size:13px}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:disabled:after{display:none}.steps{display:grid;gap:10px;margin:14px 0}.step{display:flex;align-items:center;gap:11px;font-size:14px}.step .num{width:24px;height:24px;border-radius:50%;background:var(--line);color:var(--muted);display:grid;place-items:center;font-size:12px;font-weight:700;transition:all .2s;flex-shrink:0}.step.done .num{background:var(--green);color:#fff}.bar{height:10px;background:var(--line);border-radius:6px;overflow:hidden}.bar .fill{height:100%;background:linear-gradient(90deg,var(--green),var(--primary-2));transition:width .5s ease}.skeleton{background:linear-gradient(90deg,var(--line) 25%,color-mix(in srgb,var(--line) 50%,transparent) 50%,var(--line) 75%);background-size:820px 100%;animation:shimmer 1.4s infinite linear;border-radius:8px;height:14px}.toasts{position:fixed;bottom:20px;inset-inline-end:20px;display:grid;gap:8px;z-index:2200}.toast{background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;box-shadow:var(--shadow-lg);animation:pop .2s ease}.toast.success{background:var(--green);color:#fff}.toast.error{background:var(--red);color:#fff}[data-density=compact] main{padding:16px}[data-density=compact] .card{padding:14px}[data-density=compact] .kpis{gap:10px;margin-bottom:16px}[data-density=compact] .kpi{padding:14px}[data-density=compact] th,[data-density=compact] td{padding:8px 9px;font-size:13px}.fund-link{color:var(--ink);transition:color .15s}.fund-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.pill{border-radius:999px!important}.empty{text-align:center;padding:36px 18px;color:var(--muted)}.empty .ic{font-size:42px;opacity:.5;display:block;margin-bottom:8px}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 42%,transparent) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 38%,transparent);border-radius:8px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 62%,transparent);background-clip:padding-box}@media (max-width: 640px){input,select,button{font-size:15px}.kpis{grid-template-columns:1fr 1fr}}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(5px);background:var(--ink);color:var(--bg);padding:7px 11px;border-radius:9px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:2400;box-shadow:var(--shadow-lg)}[data-tip]:before{content:"";position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--ink);opacity:0;transition:opacity .16s ease;z-index:2400;pointer-events:none}[data-tip]:hover:after{opacity:.97;transform:translate(-50%) translateY(0)}[data-tip]:hover:before{opacity:.97}.tb-actions [data-tip]:after{left:auto;right:0;transform:translate(0) translateY(5px)}.tb-actions [data-tip]:before{left:auto;right:13px;transform:none}.tb-actions [data-tip]:hover:after{transform:translate(0) translateY(0)}@media (max-width: 860px){[data-tip]:after,[data-tip]:before{display:none}}
