*{box-sizing:border-box}body{margin:0;font:14px Tahoma,Arial;background:#081719;color:#e4ede9}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.side{padding:22px 14px;background:#071412;border-left:1px solid #254239;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:8px}.brand{color:#f1d28a;font-size:19px;font-weight:bold;padding:14px 8px 25px}.side button{background:none;color:#bfcfca;border:0;text-align:right;font:inherit;padding:13px;border-radius:9px;cursor:pointer}.side button.active,.side button:hover{background:#10372b;color:#9bf0bb}.subtle{font-size:11px;color:#91a9a0;line-height:1.8}.main{padding:24px;min-width:0}.head{display:flex;justify-content:space-between;align-items:center;gap:12px}.head h1{font-size:25px;margin:0}.buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button,.file{font:inherit;cursor:pointer}.gold{background:#e5bf5b;color:#1a241b;border:0;border-radius:9px;padding:11px 15px;font-weight:bold}.demo{background:#243b30;color:#c7e5b9;border-radius:30px;padding:6px 10px;font-size:11px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:19px 0}.card,.panel{background:#10211f;border:1px solid #29433d;border-radius:13px;padding:18px}.card small{color:#a0b7ab}.card strong{display:block;font-size:25px;margin:14px 0;color:#f4f1d9}.good{color:#55e89a}.layout{display:grid;grid-template-columns:1fr 1.8fr;gap:14px}.panel h2{font-size:16px;margin:0 0 14px}.panel p{color:#9cb0a5}.period{display:flex;gap:4px;flex-wrap:wrap}.period button,.switch button{background:#152e29;color:#b7c8bd;border:1px solid #28443b;padding:7px 12px;border-radius:7px}.period button.active,.switch button.active{background:#185a42;color:#a8ffca;border-color:#49b97d}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.chart{width:100%;height:auto;display:block}.legend{display:flex;gap:20px;color:#b5c5ba;font-size:11px;margin-top:7px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-left:6px}.allocation{display:flex;gap:25px;align-items:center;justify-content:center}.donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(#38d68a 0 36%,#e6c56a 36% 65%,#73d8a4 65% 84%,#577469 84%);display:grid;place-items:center}.donut:after{content:'سبد نمونه';display:grid;place-items:center;background:#10211f;border-radius:50%;width:105px;height:105px;color:#d8eee0}.strategy{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.model{background:#122c25;border:1px solid #33564a;border-radius:10px;padding:16px}.model b{color:#d7e8dc}.model button{background:#173e30;color:#aef0c2;border:1px solid #376c53;padding:8px 12px;border-radius:8px}.tables{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;margin-top:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:right}td,th{border-bottom:1px solid #284038;padding:12px;font-size:12px}th{color:#9bb2a7}td button{background:none;color:#a9ecc5;border:0;font:inherit;cursor:pointer}.notice{padding:13px;border:1px solid #6a6536;color:#e7d6a0;border-radius:9px;background:#262c20;line-height:2;margin-top:16px}.hidden{display:none}.tag{padding:5px 10px;border-radius:20px;background:#174c38;color:#a1edb9;font-size:11px}.footer{margin-top:auto;padding:15px;color:#819a8d;font-size:11px}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:10}.modal-content{max-width:560px;width:90%;background:#10241f;border:1px solid #476554;border-radius:15px;padding:25px}.modal-content button{margin-top:15px}.fade{animation:appear .32s ease}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.shell{display:block}.side{height:auto;position:static;display:flex;flex-direction:row;overflow:auto}.brand{min-width:170px}.side button{white-space:nowrap}.grid{grid-template-columns:repeat(2,1fr)}.layout,.tables{grid-template-columns:1fr}.strategy{grid-template-columns:1fr}}

.card,.panel,.model,.side button,.gold{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.card:hover,.model:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0005;border-color:#3e9167}.gold:hover{transform:translateY(-2px);box-shadow:0 0 22px #ecc86855}.card strong{animation:numberReveal .65s ease both}.card:nth-child(2) strong{animation-delay:.08s}.card:nth-child(3) strong{animation-delay:.16s}.card:nth-child(4) strong{animation-delay:.24s}.plot-line{stroke-dasharray:1100;stroke-dashoffset:1100;animation:drawline 1.4s ease forwards}.plot-dot{animation:breathe 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.plot-area{animation:fadeIn .8s ease both}.donut{animation:appear .8s ease both}.model{animation:appear .5s ease both}@keyframes drawline{to{stroke-dashoffset:0}}@keyframes breathe{50%{transform:scale(1.65);opacity:.7}}@keyframes numberReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}


body{background:radial-gradient(ellipse at 10% 0%,#143e33 0%,transparent 36%),#07110f;color:#edf4ed;font-family:Tahoma,Arial,sans-serif}
.shell{grid-template-columns:232px minmax(0,1fr)}.side{background:linear-gradient(175deg,#101f1a,#09120f 80%);border-left:1px solid #284338;padding:26px 16px}.brand{font-size:20px;letter-spacing:-.4px;color:#e9cf86;padding:15px 10px 36px}.brand:before{content:'◈';display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#1c5238;color:#9df0ba;margin-left:11px;box-shadow:0 0 25px #37ca7430}.side button{padding:14px 16px;margin:2px 0;transition:all .25s}.side button.active{background:linear-gradient(90deg,#12392a,#1a5739);box-shadow:inset -3px 0 #70e3a2,0 10px 22px #0003;color:#dcffe8}.side button:hover{transform:translateX(-3px)}
.main{padding:30px 30px 50px}.head{padding:5px 0 15px}.head h1{font-size:27px;letter-spacing:-.7px;color:#f1f5ed}.head .subtle{margin-top:9px;font-size:12px}.gold{background:linear-gradient(135deg,#f4d779,#c5a44f);box-shadow:0 8px 25px #dcb95b1c;padding:13px 19px}.demo{background:#2b3526;color:#e6d395;border:1px solid #6e6943;padding:8px 12px}.grid{gap:15px;margin:14px 0 18px}.card,.panel{background:linear-gradient(155deg,#132820,#101c19);border:1px solid #294338;box-shadow:0 15px 40px #0002}.card{position:relative;overflow:hidden;min-height:138px;border-radius:15px}.card:before{content:'';position:absolute;left:-28px;top:-35px;width:110px;height:110px;background:radial-gradient(circle,#64dda52b,transparent 68%)}.card:after{content:'↗';position:absolute;left:19px;top:18px;display:grid;place-items:center;width:32px;height:32px;color:#77e5a8;background:#1a5038;border-radius:10px;font-size:17px}.card:nth-child(2):after{content:'◈';color:#f5d181;background:#4c4128}.card:nth-child(3):after{content:'＋'}.card:nth-child(4):after{content:'٪';color:#f5d181;background:#4c4128}.card small{font-size:12px;color:#a9beb0}.card strong{font-size:24px;margin:18px 0 10px}.card .subtle{color:#7ab999}.panel{border-radius:15px;padding:21px}.panel h2{font-size:16px;color:#e4f1e9}.layout{gap:16px;grid-template-columns:minmax(300px,.82fr) minmax(0,1.7fr)}.period{gap:5px;background:#0c1c16;border:1px solid #2b4939;border-radius:9px;padding:4px}.period button{background:transparent;border:0;color:#9ab1a0;padding:8px 11px}.period button.active{background:#20563b;box-shadow:0 0 15px #66dba727;color:#d1ffe0}.chart{min-height:190px}.legend{margin-top:13px}.legend span{background:#0e2119;padding:7px 11px;border-radius:7px}.donut{width:172px;height:172px;box-shadow:0 0 35px #36dc8e20;transition:filter .3s}.donut:hover{filter:brightness(1.2)}.donut:after{width:110px;height:110px;background:#14251f}.allocation{padding:14px 0 7px}.allocation p{border-bottom:1px solid #2b4338;margin:0;padding:11px 0}.strategy{gap:13px}.model{border-radius:13px;background:linear-gradient(150deg,#163729,#10231d);min-height:145px;position:relative;overflow:hidden}.model:nth-child(2){background:linear-gradient(150deg,#352f1d,#181f19);border-color:#5b5537}.model:nth-child(2) button{color:#edd98b;border-color:#796d3f;background:#38321e}.model:before{content:'▂ ▃ ▅ ▄ ▆ ▇';display:block;position:absolute;left:18px;bottom:20px;color:#53c184;opacity:.36;font-size:20px;letter-spacing:3px}.model button{position:relative;z-index:1}.tables{gap:16px}.table-wrap{border:1px solid #284338;border-radius:10px}.table-wrap thead{background:#1a3027}.table-wrap tbody tr{transition:background .2s}.table-wrap tbody tr:hover{background:#1a3d2c}.table-wrap th,.table-wrap td{padding:13px}.notice{background:#1d271b;border-color:#5a5c39}.modal-content{background:linear-gradient(140deg,#173128,#0b1b16);box-shadow:0 30px 100px #000a}.modal-content h2{color:#d4efda}.chart-wrap{cursor:crosshair}.chart-wrap .legend{background:#163c2b;display:inline-flex;padding:9px 13px;border-radius:8px;color:#b8f2ca;min-height:32px}
@media(max-width:900px){.shell{display:block}.side{height:auto;padding:8px}.brand{padding:8px;min-width:160px}.brand:before{width:28px;height:28px}.main{padding:16px}.layout{grid-template-columns:1fr}.card{min-height:110px}.card strong{font-size:19px}}

body{--mouse-x:50vw;--mouse-y:30vh;font-family:'B Nazanin',Tahoma,Arial,sans-serif;position:relative;background:#07130f}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(460px circle at var(--mouse-x) var(--mouse-y),rgba(43,169,101,.16),transparent 70%),radial-gradient(620px circle at calc(100% - var(--mouse-x)) calc(100% - var(--mouse-y)),rgba(213,174,77,.07),transparent 72%);transition:background .12s ease}#root{position:relative;z-index:1}.brand{font-family:'B Nazanin',Tahoma,sans-serif;font-size:23px;letter-spacing:0}.side button{font-size:15px;font-weight:bold;border:1px solid transparent;text-shadow:0 1px 1px #0008}.side button.active{border:1px solid #4e8a61;background:linear-gradient(180deg,#285f40,#153a28);box-shadow:inset 0 1px 0 #a3ffd633,0 5px 0 #09281b,0 10px 18px #0005}.head h1{font-size:30px;text-shadow:0 3px 12px #0007}.card,.panel,.model{position:relative;background:linear-gradient(155deg,#1b352c 0%,#12251f 50%,#0d1e19 100%);border:1px solid #395a48;box-shadow:inset 0 1px 0 #c3ffdb19,0 7px 0 #06120d,0 16px 35px #0006;transform-style:preserve-3d}.card:before{background:radial-gradient(circle,#74ffb53b,transparent 69%)}.card:hover,.model:hover{box-shadow:inset 0 1px 0 #d1ffe933,0 9px 0 #06120d,0 20px 38px #0008,0 0 22px #42d38c27;border-color:#60ae79}.card strong{font-size:27px;text-shadow:0 2px 14px #0007}.card small{font-size:14px;color:#d2ddd2}.panel h2{font-size:19px;text-shadow:0 2px 5px #0007}.side button,.period button,.gold,.model button,.table-wrap td button{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,background .2s ease}.period{background:#0a1b14;border:1px solid #315341;box-shadow:inset 0 3px 8px #0009,0 1px 0 #fff1}.period button{font-weight:bold;color:#bed0c2}.period button.active{border:1px solid #6cc48a;background:linear-gradient(#3b8a58,#205a38);box-shadow:inset 0 1px 0 #caffd855,0 3px 0 #0b3020,0 5px 12px #0008}.gold{background:linear-gradient(#ffdf86,#c09b43);border:1px solid #f8d676;box-shadow:inset 0 1px #fff9c577,0 4px 0 #8a6b2b,0 10px 18px #0006}.gold:active,.period button:active,.model button:active{transform:translateY(3px);box-shadow:inset 0 1px 5px #0006}.model button{background:linear-gradient(#295f40,#17402c);border:1px solid #539268;box-shadow:inset 0 1px #c4ffdb24,0 3px 0 #0a2618}.model:nth-child(2) button{background:linear-gradient(#65552b,#3d351f)}.table-wrap{box-shadow:inset 0 2px 8px #0007,0 1px #fff1}.table-wrap td button{font-weight:bold}.table-wrap tbody tr:hover{background:linear-gradient(90deg,#1b4c33,#173529)}.donut{box-shadow:inset 0 3px 12px #ffffff24,0 6px 0 #08170f,0 14px 32px #0008,0 0 24px #55e89a30}.tag,.demo{box-shadow:inset 0 1px 0 #fff2,0 2px 4px #0005}.mouse-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--cx,50%) var(--cy,50%),rgba(125,255,175,.13),transparent 65%);opacity:0;transition:opacity .25s}.mouse-active .mouse-glow{opacity:1}.ripple{position:fixed;width:14px;height:14px;border:1px solid #abffca;border-radius:50%;pointer-events:none;z-index:100;transform:translate(-50%,-50%);animation:clickRipple .6s ease-out forwards}@keyframes clickRipple{to{width:80px;height:80px;opacity:0}}@media(prefers-reduced-motion:reduce){body:before{display:none}.ripple{display:none}}

.side{box-shadow:inset -1px 0 #8ac89b1a,-8px 0 20px #0007}.side button{border:1px solid #345744;background:linear-gradient(160deg,#263c30,#15271e);box-shadow:inset 0 1px 0 #a6dfb633,0 4px 0 #081810,0 8px 12px #0006;margin-bottom:4px}.side button:hover{border-color:#6aaa7c;background:linear-gradient(#315540,#1a3726)}.side button.active{background:linear-gradient(160deg,#40875b,#225b39);border-color:#8bd6a0;box-shadow:inset 0 1px 0 #dcffe87a,0 5px 0 #103823,0 9px 16px #0008}.side button:active{transform:translateY(3px);box-shadow:inset 0 2px 6px #0007,0 1px 0 #082012}.card,.panel,.model{border-color:#527362;box-shadow:inset 0 1px 0 #e0ffee40,inset 1px 0 0 #b9ffca10,0 5px 0 #07160f,0 10px 0 #050f0a,0 18px 32px #0009}.card:hover,.panel:hover,.model:hover{border-color:#82c699;box-shadow:inset 0 1px 0 #e0ffee66,0 6px 0 #07160f,0 12px 0 #050f0a,0 22px 38px #000b}.period button{background:linear-gradient(#304d3b,#1a3124);border:1px solid #50745b;box-shadow:inset 0 1px 0 #dcffe532,0 3px 0 #091e12,0 6px 8px #0007}.period button.active{background:linear-gradient(#65b97d,#2d7748);color:#f2fff2;border-color:#a1e8b5;box-shadow:inset 0 1px 0 #e9ffed99,0 4px 0 #124325,0 8px 12px #0008}.model button,.gold{box-shadow:inset 0 1px 0 #fff9,0 4px 0 #0b2819,0 8px 13px #0008}.gold{box-shadow:inset 0 1px 0 #fff9c9,0 5px 0 #796025,0 9px 15px #0007}.card strong,.panel h2,.brand{text-shadow:0 2px 0 #0009,0 5px 12px #0008}.table-wrap thead{background:linear-gradient(#304a39,#1c3427);box-shadow:inset 0 1px 0 #c5f6ce30,0 3px 7px #0008}.modal-content{border:1px solid #7ca487;box-shadow:inset 0 1px #eaffef40,0 8px 0 #06120b,0 24px 90px #000c}

.main{perspective:1100px}.grid,.strategy{perspective:1100px}.card,.model{transform:perspective(900px) rotateX(0deg) rotateY(0deg) translateZ(0);transform-style:preserve-3d;will-change:transform;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.card strong,.card small,.card .subtle,.model b,.model p,.model button,.model .tag{position:relative;transform:translateZ(16px);z-index:2}.card:hover,.model:hover{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);box-shadow:0 9px 0 #07160f,0 15px 0 #050f0a,0 24px 35px #000a,0 0 24px #58df8c24}.side button,.period button,.gold{transform:perspective(700px) translateZ(0);transform-style:preserve-3d}.side button:hover,.period button:hover,.gold:hover{transform:perspective(700px) rotateX(5deg) translateY(-2px);filter:brightness(1.1)}.side button:active,.period button:active,.gold:active{transform:perspective(700px) rotateX(-3deg) translateY(3px)}@media(prefers-reduced-motion:reduce){.card:hover,.model:hover,.side button:hover,.period button:hover,.gold:hover{transform:none!important}}

.grid,.strategy{perspective:1100px;overflow:visible}.card,.model{position:relative;transform-style:preserve-3d;z-index:1;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}.card:hover,.model:hover{z-index:5;transform:perspective(900px) translate3d(0,-16px,55px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.035);border-color:#8dd7a2;box-shadow:0 2px 0 #4d7659,0 5px 0 #294f39,0 8px 0 #1c3e2a,0 12px 0 #102d1d,0 18px 0 #091b11,0 30px 35px rgba(0,0,0,.78),0 38px 62px rgba(0,0,0,.48),0 0 28px rgba(88,223,140,.2),inset 0 1px 0 #d7ffe76b}.side button:hover,.period button:hover,.gold:hover{position:relative;z-index:5;transform:translateY(-6px);box-shadow:0 3px 0 #294d34,0 6px 0 #10271a,0 14px 20px #000a,inset 0 1px 0 #ffffff66}.side button:active,.period button:active,.gold:active{transform:translateY(2px);box-shadow:0 1px 0 #0a1a10,inset 0 3px 8px #0008}.panel{box-shadow:0 3px 0 #20382b,0 6px 0 #10251a,0 12px 24px #0008,inset 0 1px 0 #d8ffe52b}@media(prefers-reduced-motion:reduce){.card:hover,.model:hover,.side button:hover,.period button:hover,.gold:hover{transform:none!important}}

.panel{transform-style:preserve-3d;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;z-index:1}.panel:hover{z-index:3;transform:perspective(1100px) translate3d(0,-9px,32px);border-color:#76c291;box-shadow:0 3px 0 #416a4d,0 6px 0 #294f39,0 10px 0 #183a26,0 15px 0 #0c2316,0 25px 35px #000a,inset 0 1px 0 #d7ffe75c}.side button,.period button,.model button,.gold,.table-wrap td button{position:relative;transform-style:preserve-3d;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.side button:hover,.period button:hover,.model button:hover,.gold:hover,.table-wrap td button:hover{z-index:5;transform:perspective(800px) translate3d(0,-6px,20px);filter:brightness(1.13);box-shadow:0 3px 0 #416f4d,0 6px 0 #1f462d,0 10px 0 #0d2918,0 15px 20px #0009,inset 0 1px 0 #ecfff477}.side button:active,.period button:active,.model button:active,.gold:active,.table-wrap td button:active{transform:translateY(2px);box-shadow:0 1px 0 #0b2414,inset 0 3px 8px #0009}.table-wrap tbody tr{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.table-wrap tbody tr:hover{position:relative;transform:translateY(-2px);box-shadow:0 5px 8px #0007;background:linear-gradient(#254d36,#173529)}@media(prefers-reduced-motion:reduce){.panel:hover,.side button:hover,.period button:hover,.model button:hover,.gold:hover,.table-wrap td button:hover,.table-wrap tbody tr:hover{transform:none!important}}

/* Only the hovered control lifts; surrounding panels remain stationary. */
.panel:hover{transform:none!important;z-index:1;box-shadow:0 3px 0 #20382b,0 6px 0 #10251a,0 12px 24px #0008,inset 0 1px 0 #d8ffe52b;border-color:#527362}.panel>.mouse-glow{display:none!important}.table-wrap tbody tr:hover{transform:none!important;box-shadow:none!important;background:inherit}.model:has(button:hover),.model:has(button:focus-visible){transform:none!important;z-index:1;box-shadow:inset 0 1px 0 #e0ffee40,0 5px 0 #07160f,0 10px 0 #050f0a,0 18px 32px #0009}.model:has(button:hover)>.mouse-glow{display:none}.card:has(button:hover){transform:none!important}.side button:hover,.period button:hover,.model button:hover,.gold:hover,.table-wrap td button:hover{position:relative;z-index:6;transform:perspective(800px) translate3d(0,-6px,20px);box-shadow:0 3px 0 #416f4d,0 6px 0 #1f462d,0 10px 0 #0d2918,0 15px 20px #0009,inset 0 1px 0 #ecfff477}.side button:active,.period button:active,.model button:active,.gold:active,.table-wrap td button:active{transform:translateY(2px)}@media(prefers-reduced-motion:reduce){.side button:hover,.period button:hover,.model button:hover,.gold:hover,.table-wrap td button:hover{transform:none!important}}

.visual-lab{margin-top:18px;overflow:hidden;background:radial-gradient(circle at 6% 0%,#20584055,transparent 40%),linear-gradient(135deg,#112d23,#0c1b18 75%)}.lab-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.lab-tabs{display:flex;gap:7px;background:#091a13;padding:5px;border-radius:12px;box-shadow:inset 0 3px 9px #0008}.lab-tabs button{background:linear-gradient(#314e3a,#1a3324);color:#b9d7bf;border:1px solid #41654c;box-shadow:0 3px 0 #0a2013;padding:9px 13px;border-radius:8px;transition:all .2s}.lab-tabs button.active{background:linear-gradient(#59b879,#286541);border-color:#a2e2ae;color:#fff}.lab-tabs button:hover{transform:translateY(-4px);box-shadow:0 6px 0 #0a2013,0 12px 18px #0008}.lab-stage{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.72fr);gap:18px;margin-top:20px}.lab-plot{background:radial-gradient(circle at 50% 0%,#1a563d55,transparent 60%),#091b16;border:1px solid #315747;border-radius:14px;padding:14px;min-width:0;box-shadow:inset 0 3px 16px #0008}.lab-plot svg{width:100%;height:auto;display:block}.lab-info{background:linear-gradient(145deg,#1d4430,#10251c);border:1px solid #4b7658;border-radius:14px;padding:20px;box-shadow:0 5px 0 #08180e,0 15px 30px #0007}.lab-info strong{display:block;font-size:26px;margin:20px 0;color:#b1ffc9}.lab-info p{line-height:2}.lab-legend{display:flex;gap:15px;flex-wrap:wrap;color:#a7c9ad;font-size:12px}.lab-legend span{padding:7px 10px;background:#143024;border-radius:8px}.bar3d{cursor:pointer;transition:filter .2s ease}.bar3d:hover,.bar3d.selected{filter:brightness(1.45) drop-shadow(0 0 8px #72ffb499)}.bubble3d{cursor:pointer;transition:filter .2s ease}.bubble3d:hover,.bubble3d.selected{filter:brightness(1.35) drop-shadow(0 0 10px #ffcf5988)}.lab-enter{animation:labRise .65s ease both;transform-box:fill-box;transform-origin:bottom}@keyframes labRise{from{opacity:0;transform:scaleY(.1)}to{opacity:1;transform:scaleY(1)}}.lab-pulse{animation:labPulse 2.3s ease-in-out infinite}@keyframes labPulse{50%{filter:brightness(1.2)}}@media(max-width:850px){.lab-stage{grid-template-columns:1fr}}

.chat-fab{position:fixed;left:25px;bottom:25px;z-index:70;background:linear-gradient(#e7cc72,#b39342);color:#11291b;border:1px solid #f4d98b;box-shadow:0 5px 0 #6a5424,0 14px 30px #0009;padding:12px 17px;border-radius:15px;font-weight:bold}.chat-panel{position:fixed;left:24px;bottom:86px;width:min(390px,calc(100vw - 34px));height:min(570px,calc(100vh - 110px));z-index:70;background:linear-gradient(160deg,#1b3529,#0b1c15);border:1px solid #70947b;box-shadow:0 12px 0 #07150d,0 25px 60px #000c,inset 0 1px #e7ffef33;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;animation:appear .25s ease both}.chat-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #365343}.chat-header b{color:#e0f2e3}.chat-header button,.chat-input button,.chat-suggestions button{background:linear-gradient(#386b49,#1b3e2a);border:1px solid #588267;color:#dcf5de;border-radius:9px;padding:8px 12px;cursor:pointer;font:inherit}.chat-messages{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.chat-message{max-width:93%;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.bot{background:#1b3c2c;border:1px solid #3b6248;align-self:flex-start}.chat-message.user{background:#806d37;color:#fff8de;align-self:flex-end}.chat-suggestions{display:flex;gap:6px;overflow:auto;padding:0 12px 8px}.chat-suggestions button{font-size:11px;white-space:nowrap}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid #365343}.chat-input input{min-width:0;flex:1;padding:10px;background:#091b13;color:#ebf7ed;border:1px solid #4a7055;border-radius:9px;font:inherit}.chat-fab:hover,.chat-input button:hover,.chat-suggestions button:hover{filter:brightness(1.2);transform:translateY(-2px)}

.pages-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:10px}.pages-head h1{font-size:26px}.evaluation-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.8fr);gap:16px}.criteria{display:grid;gap:8px}.criteria button{color:#b8d0bf;text-align:right;background:linear-gradient(#284838,#132e21);border:1px solid #41694d;border-radius:9px;padding:13px;font:inherit;box-shadow:0 3px 0 #081a10;cursor:pointer}.criteria button.active{color:#e6fff0;background:linear-gradient(#42885a,#1e5b39);border-color:#93d5a4}.detail-card{padding:15px;border-radius:10px;background:#102c20;border:1px solid #345d43;margin:10px 0}.muted-alert{background:#342f1d;color:#e7d7a7;border:1px solid #6c6035;border-radius:10px;padding:13px;line-height:2}.rank-chip{display:inline-grid;place-items:center;background:#28653d;border-radius:8px;width:28px;height:28px;color:#d2f9d8}.landing-btn{display:inline-block;padding:9px 13px;border:1px solid #5a9870;background:#1b4d32;color:#e0f9e5;border-radius:8px;cursor:pointer}@media(max-width:900px){.evaluation-layout{grid-template-columns:1fr}}

.fund-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}.fund-tabs button{border:1px solid #4c765a;background:linear-gradient(#284a37,#142d20);color:#c8e4cd;border-radius:10px;padding:10px 16px;font:inherit;box-shadow:0 4px 0 #081b10;cursor:pointer}.fund-tabs button.active{background:linear-gradient(#489760,#205737);color:#e8ffeb;border-color:#9cdfae}.fund-bento{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.fund-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fund-kpi{background:linear-gradient(150deg,#1b412d,#10251a);border:1px solid #467355;border-radius:12px;padding:15px;box-shadow:0 4px 0 #081910}.fund-kpi strong{display:block;color:#d9ffe0;font-size:22px;margin:12px 0}.fund-svg{width:100%;height:auto}.fund-tip{background:#152b20;border:1px solid #49654d;border-radius:9px;padding:12px;color:#bad6bd;font-size:12px;line-height:2}.fund-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #2d4a37;padding:11px 0}.metric-line span{color:#aac1ae}.metric-line strong{color:#ddf3df}.fund-help{font-size:11px;color:#9eb1a2;line-height:2}@media(max-width:900px){.fund-bento,.fund-pair{grid-template-columns:1fr}.fund-kpis{grid-template-columns:repeat(2,1fr)}}

.leaders-panel{margin:16px 0 18px}.leaders-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.leader-card{background:linear-gradient(145deg,#183b29,#10251b);border:1px solid #426c4f;border-radius:12px;padding:15px;box-shadow:inset 0 1px #d7ffe522,0 4px 0 #07190e,0 10px 20px #0007}.leader-title{font-weight:bold;color:#e8f2e6;font-size:15px;margin-bottom:12px}.leader-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-top:1px solid #34523e;padding:9px 0}.leader-row small{color:#aac3ad}.leader-row strong{display:block;color:#edf7eb;font-size:12px;margin-top:4px}.leader-value{font-weight:bold;white-space:nowrap;color:#78e8a3;direction:ltr}.leader-row.worst .leader-value{color:#e8bd7a}.leader-note{font-size:11px;color:#a6b6a8;line-height:1.9;margin-top:12px}@media(max-width:1150px){.leaders-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.leaders-grid{grid-template-columns:1fr 1fr}.leader-row{flex-direction:column}}