:root{--bg:#f3f7fb;--surface:#fff;--ink:#0c2238;--muted:#6c7e90;--line:#dce7ef;--brand:#0a527b;--green2:#00a783;--gold:#efaa36;--red:#e25461;--shadow:0 12px 34px rgba(8,37,63,.09)}
*{scrollbar-color:#00a49a #e5eef3}.topbar{height:74px;padding:0 max(4vw,28px);background:linear-gradient(105deg,#061a35,#0b3b64);border:0;box-shadow:0 8px 28px rgba(4,24,44,.2)}.topbar .brand-mark{background:linear-gradient(145deg,#f2c361,#d79525);color:#071b32;border:0;box-shadow:0 6px 16px rgba(239,170,54,.25)}.topbar nav{background:rgba(255,255,255,.06);padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:14px}.topbar nav a{border-radius:10px;padding:9px 15px}.topbar nav a:hover{background:rgba(0,167,131,.2);color:#fff}
main{max-width:1500px}.hero{min-height:270px;border-radius:28px;background:linear-gradient(120deg,#071d39 0%,#0d5d88 54%,#00a48d 140%);padding:42px;box-shadow:0 22px 55px rgba(5,50,82,.23)}.hero:before{content:"";position:absolute;inset:auto -80px -190px auto;width:430px;height:430px;border:1px solid rgba(255,255,255,.13);border-radius:50%}.hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.25}.hero h1 em{color:#7be1d4}.hero-summary{background:rgba(5,23,42,.42);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);padding:23px;border-radius:20px}.hero-summary strong{color:#fff}.hero-summary span{color:#8ee8dd}
.consult-credit{margin-top:-38px;position:relative;z-index:2;max-width:1320px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 16px 38px rgba(7,38,63,.15);border:1px solid #dbe8ee;padding:14px 18px}.consult-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#00aa96,#0b6897);color:#fff;font-weight:900}.consult-credit strong{color:#007f76;font-size:1.05rem}.consult-credit span{background:#e6f6f4;color:#08766e;padding:7px 11px;border-radius:20px}
.kpis{gap:14px}.kpis article{border:0;border-radius:19px;box-shadow:var(--shadow);position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f8fbfd)}.kpis article:before{content:"";position:absolute;right:0;top:0;bottom:0;width:5px;background:linear-gradient(#00b39e,#1677ae)}.kpis article:nth-child(2):before{background:linear-gradient(#18aa70,#62cf92)}.kpis article:nth-child(3):before{background:linear-gradient(#efaa36,#f4ce68)}.kpis article:nth-child(4):before{background:linear-gradient(#7157c9,#a18ee0)}.kpis strong{color:#0b5681;font-size:2rem}
.decision-card{border:0;border-top:0;box-shadow:var(--shadow);min-height:105px;display:flex;flex-direction:column;justify-content:center}.decision-card:after{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--accent)}
.workspace,.comparison-center,.insights{background:transparent}.workspace{margin-top:35px}.section-heading h2{font-size:1.75rem;color:#0b2d4a}.filters,.graph-controls{border:0;box-shadow:var(--shadow);border-radius:20px;background:rgba(255,255,255,.94)}.filters input,.filters select,.graph-controls select{background:#f8fbfd;border:1px solid #d7e5ec}.filters input:focus,.filters select:focus,.graph-controls select:focus{border-color:#00a49a;box-shadow:0 0 0 4px rgba(0,164,154,.1)}
.portfolio-layout{grid-template-columns:minmax(0,1fr) 330px}.asset-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.asset-card{border:0;border-radius:19px;box-shadow:var(--shadow);background:#fff;transition:.22s}.asset-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(8,37,63,.15)}.asset-card:nth-child(3n+1){border-top:4px solid #00a49a}.asset-card:nth-child(3n+2){border-top:4px solid #1769aa}.asset-card:nth-child(3n){border-top:4px solid #7257c8}.compare-panel{border:0;border-radius:20px;background:linear-gradient(160deg,#071e3c,#0b5681);color:#fff;box-shadow:0 18px 45px rgba(6,31,57,.2)}.compare-panel p{color:#bad0df}.compare-panel .eyebrow{color:#67dfd1}
.comparison-center{padding:34px;border-radius:28px;background:linear-gradient(145deg,#e8f5f5,#edf3fb);border:1px solid #d4e5eb}.graph-panel{border:0;box-shadow:0 14px 38px rgba(8,37,63,.1)}.portfolio-graph{height:360px}.graph-bar{background:linear-gradient(180deg,hsl(calc(170 + var(--i)*9) 70% 49%),hsl(calc(205 + var(--i)*5) 72% 38%));box-shadow:0 -8px 18px rgba(0,164,154,.16)}.view-toggle button.active{background:linear-gradient(100deg,#00a49a,#1769aa);color:#fff}
.insight-grid .panel{border:0;border-radius:20px;box-shadow:var(--shadow)}.bar-fill{background:linear-gradient(90deg,#00a49a,#1769aa)}.callout{border:0;border-right:5px solid #efaa36;background:linear-gradient(110deg,#fff8e8,#fff);box-shadow:var(--shadow)}footer{background:#071b33;color:#bdd0dd;border:0}footer strong{color:#58d7c9}
@media(max-width:1200px){.asset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.topbar nav{display:none}.hero{padding:28px}.portfolio-layout{grid-template-columns:1fr}.asset-list{grid-template-columns:1fr}.comparison-center{padding:18px}.decision-kpis{grid-template-columns:repeat(2,1fr)}}

/* Final functional refinements */
.filters{grid-template-columns:2fr repeat(6,minmax(125px,1fr)) auto}.asset-card{border-top:4px solid var(--asset-accent)!important}.asset-tags{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 15px}.asset-tags span{font-size:.7rem;padding:5px 8px;border-radius:20px;background:#edf4f7;color:#4d6578}.asset-tags .risk-tag{background:#e9f7f0;color:#0d8057}.asset-card.risk-متوسط .risk-tag{background:#fff2d9;color:#9a6308}.asset-card.risk-مرتفع .risk-tag{background:#fde8ea;color:#b83342}.asset-card.risk-مرتفع{box-shadow:0 12px 34px rgba(226,84,97,.13)}.portfolio-graph.no-income .graph-bar{background:#dfe8ed;box-shadow:none}.portfolio-graph.no-income .graph-column>span{color:#a04c55;white-space:nowrap}.result-count{background:#e6f5f3;color:#08776e;border-radius:20px;padding:7px 12px}
@media(max-width:1250px){.filters{grid-template-columns:repeat(4,1fr)}.filters .search{grid-column:span 2}}
@media(max-width:760px){.filters{grid-template-columns:1fr 1fr}.filters .search{grid-column:1/-1}}