:root{--bg:#f3f5f1;--surface:#fff;--ink:#10241f;--muted:#687872;--line:#dce3de;--green:#0b4a3d;--green2:#14715d;--mint:#dff0e8;--gold:#b89547;--red:#a84436;--orange:#bc732e;--shadow:0 16px 48px rgba(18,54,44,.08);color-scheme:light;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
:root.dark{--bg:#0c1714;--surface:#13231f;--ink:#eef6f2;--muted:#9db0a8;--line:#294039;--green:#70c8aa;--green2:#54ae91;--mint:#1b3830;--gold:#d3b56f;--red:#ed8b7e;--orange:#e3a15f;--shadow:0 16px 48px rgba(0,0,0,.22);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;gap:34px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;margin-left:auto}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:var(--surface);font-weight:700}.brand strong,.brand small{display:block}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.topbar nav{display:flex;gap:24px;color:var(--muted);font-size:14px}.topbar nav a:hover{color:var(--green)}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;width:40px;height:40px;cursor:pointer}main{max-width:1240px;margin:auto;padding:34px 24px 72px}.hero{min-height:330px;border-radius:30px;padding:54px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;color:#f6fbf8;background:radial-gradient(circle at 15% 25%,rgba(184,149,71,.32),transparent 28%),linear-gradient(125deg,#06382f,#0d5b49);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:-80px;top:-160px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)}.eyebrow{font-size:11px;letter-spacing:.08em;color:var(--green2);font-weight:700}.hero .eyebrow{color:#b9dacd}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.1;margin:12px 0 16px;letter-spacing:-.04em;max-width:730px}.hero h1 em{color:#d5ba76;font-style:normal}.hero p{max-width:650px;color:#d4e2dd;margin:0;line-height:1.8}.hero-summary{position:relative;z-index:1;min-width:230px;padding:22px;border-right:2px solid #d5ba76}.hero-summary small,.hero-summary span{display:block;color:#c5d9d1}.hero-summary strong{display:block;font-size:31px;margin:7px 0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-20px;padding:0 22px;position:relative;z-index:2}.kpis article,.panel,.compare-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.kpis article{padding:21px;border-radius:18px}.kpis span,.kpis small{display:block;color:var(--muted);font-size:12px}.kpis strong{display:block;font-size:29px;margin:8px 0}.workspace,.insights{padding-top:82px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-heading h2{font-size:34px;margin:5px 0 0;letter-spacing:-.025em}.result-count{color:var(--muted)}.filters{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:10px;align-items:end;background:var(--surface);padding:16px;border:1px solid var(--line);border-radius:18px}.filters label span{display:block;font-size:11px;color:var(--muted);margin:0 5px 6px}.filters input,.filters select{height:45px;width:100%;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink);padding:0 12px;outline:none}.filters input:focus,.filters select:focus{border-color:var(--green2);box-shadow:0 0 0 3px color-mix(in srgb,var(--green2) 14%,transparent)}button.primary,button.secondary{height:45px;border-radius:11px;padding:0 17px;cursor:pointer}.primary{border:0;background:var(--green);color:var(--surface)}.primary:disabled{opacity:.4;cursor:not-allowed}.secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.portfolio-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;margin-top:18px}.asset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;flex-direction:column;min-height:214px}.asset-card:hover{transform:translateY(-2px);border-color:var(--green2);box-shadow:var(--shadow)}.asset-top{display:flex;justify-content:space-between;gap:12px}.asset-card h3{font-size:16px;line-height:1.55;margin:5px 0}.meta{font-size:11px;color:var(--muted)}.badge{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:20px;font-size:11px;background:var(--mint);color:var(--green)}.badge.medium{background:color-mix(in srgb,var(--orange) 12%,var(--surface));color:var(--orange)}.badge.low{background:color-mix(in srgb,var(--red) 12%,var(--surface));color:var(--red)}.asset-numbers{display:flex;gap:24px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.asset-numbers span{display:block;font-size:11px;color:var(--muted)}.asset-numbers strong{font-size:17px}.asset-actions{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.link-button{border:0;background:none;color:var(--green2);padding:4px;cursor:pointer}.check{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.check input{accent-color:var(--green)}.compare-panel{border-radius:18px;padding:20px;align-self:start;position:sticky;top:94px}.compare-panel h3{font-size:23px;margin:5px 0}.compare-panel p{font-size:13px;color:var(--muted);line-height:1.6}.compare-panel .primary{width:100%;margin-top:12px}.compare-items{display:grid;gap:8px;margin-top:18px}.compare-item{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.compare-item button{border:0;background:none;color:var(--red);cursor:pointer}.empty{text-align:center;padding:70px 20px;background:var(--surface);border-radius:18px}.empty span{display:block;color:var(--muted);margin-top:8px}.insight-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}.panel{padding:21px;border-radius:20px}.panel header{display:flex;justify-content:space-between;gap:15px}.panel h3{margin:5px 0 0;font-size:19px}.bar-chart{margin-top:24px;display:grid;gap:14px}.bar-label{display:flex;justify-content:space-between;font-size:12px}.bar-track{height:8px;background:var(--mint);border-radius:8px;margin-top:6px;overflow:hidden}.bar-fill{height:100%;background:var(--green2);border-radius:8px;min-width:2px}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:22px}.donut{width:142px;height:142px;border-radius:50%;display:grid;place-items:center}.donut:after{content:"25 أصلًا";display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--surface);font-weight:700}.legend{display:grid;gap:10px;font-size:12px}.legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green2);margin-left:7px}.legend span:nth-child(2):before{background:var(--gold)}.legend span:nth-child(3):before{background:var(--red)}.risk-row{padding:14px 0;border-bottom:1px solid var(--line)}.risk-row:last-child{border:0}.risk-row strong,.risk-row span{display:block}.risk-row span{font-size:12px;color:var(--muted);margin-top:4px}.callout{margin-top:14px;background:var(--green);color:var(--surface);padding:25px;border-radius:20px;display:grid;grid-template-columns:150px 1fr 1fr;gap:25px;align-items:center}.callout strong{font-size:18px}.callout p{font-size:12px;line-height:1.7;color:color-mix(in srgb,var(--surface) 72%,transparent)}footer{max-width:1240px;margin:auto;padding:26px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}dialog{width:min(900px,calc(100% - 28px));max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);padding:0;box-shadow:0 30px 100px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(4,18,14,.66);backdrop-filter:blur(4px)}.dialog-body{padding:28px}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.dialog-head h2{font-size:29px;margin:5px 0}.close{border:1px solid var(--line);background:var(--bg);color:var(--ink);width:40px;height:40px;border-radius:12px;cursor:pointer}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.detail-stats div{padding:15px;background:var(--bg);border-radius:14px}.detail-stats span{display:block;color:var(--muted);font-size:11px}.detail-stats strong{display:block;margin-top:7px}.detail-copy{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-copy section{border-top:1px solid var(--line);padding-top:18px}.detail-copy p{color:var(--muted);line-height:1.8;font-size:14px}.compare-table{width:100%;border-collapse:collapse;margin-top:20px}.compare-table th,.compare-table td{text-align:right;padding:14px 10px;border-bottom:1px solid var(--line);font-size:13px}.compare-table th{color:var(--muted);font-weight:500}.compare-table td:not(:first-child){font-weight:600}.compare-overflow{overflow-x:auto}
@media(max-width:1000px){.filters{grid-template-columns:repeat(3,1fr)}.search{grid-column:span 2}.portfolio-layout{grid-template-columns:1fr}.compare-panel{position:static}.insight-grid{grid-template-columns:1fr 1fr}.risk-panel{grid-column:span 2}.callout{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{height:66px;padding:0 16px}.topbar nav{display:none}main{padding:20px 14px 55px}.hero{padding:30px 24px;min-height:420px;flex-direction:column;align-items:stretch;justify-content:flex-end}.hero-summary{border-right:0;border-top:1px solid rgba(255,255,255,.25);padding:18px 0 0}.kpis{grid-template-columns:1fr 1fr;padding:0 8px;gap:8px}.kpis article{padding:16px}.kpis strong{font-size:23px}.workspace,.insights{padding-top:60px}.section-heading h2{font-size:28px}.filters{grid-template-columns:1fr 1fr}.search{grid-column:span 2}.filters .secondary{grid-column:span 2}.asset-list{grid-template-columns:1fr}.insight-grid{grid-template-columns:1fr}.risk-panel{grid-column:auto}.detail-stats{grid-template-columns:1fr 1fr}.detail-copy{grid-template-columns:1fr}.dialog-body{padding:20px}.donut-wrap{flex-direction:column}.callout{padding:21px}footer{flex-direction:column;gap:8px}}