@font-face{font-family:Vazir;src:url('/assets/fonts/vazirmatn-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Vazir;src:url('/assets/fonts/vazirmatn-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}:root{--bg:#03060c;--panel:#091322;--panel2:#0e1b30;--text:#eff6ff;--muted:#8191aa;--line:rgba(150,188,255,.14);--cyan:#24dcff;--blue:#3376ff;--violet:#7765ff;--green:#45e2ba;--amber:#ffc66e;--red:#ff7878;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 76% 2%,rgba(54,93,255,.15),transparent 27%),linear-gradient(180deg,#02050a,#050a14);color:var(--text);font-family:Inter,Vazir,Arial,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:-30%;pointer-events:none;background:radial-gradient(circle at 70% 24%,rgba(34,213,255,.08),transparent 18%);animation:demoLight 8s ease-in-out infinite}.demo-shell{min-height:100vh;display:grid;grid-template-columns:228px 1fr;position:relative}.side{border-inline-end:1px solid var(--line);background:rgba(4,9,17,.78);padding:24px 15px;display:flex;flex-direction:column;backdrop-filter:blur(18px)}.logo img{width:132px}.side nav{display:grid;gap:7px;margin-top:34px}.side a,.side button{border:1px solid transparent;background:transparent;color:#7f8da3;text-align:start;padding:11px 12px;border-radius:9px;text-decoration:none;font:inherit;font-size:11px;transition:.3s var(--ease)}.side a:hover,.side button:hover{color:#fff;background:rgba(255,255,255,.025)}.side .active{border-color:rgba(70,206,255,.2);background:linear-gradient(90deg,rgba(26,107,255,.11),rgba(35,218,255,.04));color:#dffaff;box-shadow:inset 2px 0 0 var(--cyan)}.side-note{margin-top:auto;font-size:9px;color:#60718a;line-height:1.8}.main{min-width:0;position:relative}.main:before{content:"";position:absolute;width:460px;height:460px;right:2%;top:7%;clip-path:polygon(49% 2%,97% 70%,46% 99%,4% 48%);background:conic-gradient(from 220deg,rgba(24,223,255,.03),rgba(50,104,255,.18),rgba(119,78,255,.05),rgba(26,221,255,.14));filter:drop-shadow(0 0 28px rgba(47,115,255,.16));opacity:.72;animation:demoPrism 10s ease-in-out infinite;pointer-events:none}.top{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:rgba(3,8,15,.72);position:sticky;top:0;z-index:8;backdrop-filter:blur(20px)}.top strong{font-size:13px}.top small{display:block;color:#75869e;font-size:9px;margin-top:2px}.langs a{color:#6f8099;text-decoration:none;font-size:9px;margin-inline-start:8px}.langs a.active{color:var(--cyan)}.content{padding:30px;max-width:1220px;margin:auto;position:relative;z-index:2}.intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.intro h1{margin:0;font-size:30px;letter-spacing:-.035em}.intro p{margin:6px 0 0;color:#8494aa;font-size:11px}.badge{padding:7px 10px;border-radius:99px;background:rgba(69,226,186,.055);color:var(--green);font-size:9px;border:1px solid rgba(69,226,186,.15)}.grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:12px}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,rgba(15,28,49,.88),rgba(6,13,25,.9));padding:18px;box-shadow:0 22px 70px rgba(0,0,0,.25)}.card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,transparent 20%,rgba(47,217,255,.065) 40%,transparent 55%,rgba(114,83,255,.05) 70%,transparent 86%);transform:translateX(-65%);animation:cardSweep 8s ease-in-out infinite;pointer-events:none}.card>*{position:relative}.card h2{font-size:13px;margin:0 0 3px}.card-sub{font-size:9px;color:#73849d;margin:0 0 16px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.filter{border:1px solid var(--line);background:rgba(255,255,255,.015);color:#7e8da4;border-radius:99px;padding:7px 10px;font-size:9px;cursor:pointer}.filter.active{background:linear-gradient(90deg,rgba(31,111,255,.14),rgba(36,220,255,.07));color:#c9f6ff;border-color:rgba(51,205,255,.24)}.patients{display:grid;gap:8px}.patient{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid rgba(145,185,243,.1);background:rgba(4,11,22,.74);color:var(--text);border-radius:11px;padding:11px;text-align:start;cursor:pointer;transition:.28s var(--ease)}.patient:hover{transform:translateY(-2px);border-color:rgba(74,206,255,.24)}.patient.active{border-color:rgba(74,206,255,.34);background:linear-gradient(90deg,rgba(34,100,255,.08),rgba(33,218,255,.035));box-shadow:inset 2px 0 0 var(--cyan)}.avatar{width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#16314c,#0d1d31);display:grid;place-items:center;color:#9eeeff;font-size:10px;font-weight:700}.patient b{font-size:10px}.patient small{display:block;color:#708198;font-size:8px;margin-top:3px}.risk{font-size:8px;padding:4px 7px;border-radius:99px}.risk.high{color:#ffc7c7;background:rgba(255,120,120,.09)}.risk.medium{color:#ffdfa6;background:rgba(255,198,110,.09)}.risk.low{color:#bdf3de;background:rgba(69,226,186,.08)}.profile-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}.profile-head h3{font-size:18px;margin:0}.profile-head small{color:#718299;font-size:8px}.score{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) 0 72%,#13233a 72%);position:relative;box-shadow:0 0 28px rgba(36,220,255,.1)}.score:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#0a1526}.score b{z-index:1;font-size:11px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.metric{border:1px solid rgba(148,183,238,.1);border-radius:10px;padding:10px;background:rgba(4,11,21,.58)}.metric small{display:block;color:#708198;font-size:8px}.metric b{display:block;margin-top:5px;font-size:10px}.why{margin-top:11px;border:1px solid rgba(148,183,238,.1);border-radius:11px;padding:12px;background:rgba(5,12,23,.46)}.why h4{margin:0 0 8px;font-size:10px}.why ul{margin:0;padding-inline-start:18px;color:#8494a9;font-size:9px;line-height:1.65}.why li+li{margin-top:4px}.action{margin-top:11px;border:1px solid rgba(58,203,255,.17);border-radius:12px;padding:13px;background:linear-gradient(130deg,rgba(31,103,255,.09),rgba(37,220,255,.05),rgba(119,88,255,.04))}.action small{color:#48dcff;font-size:8px}.action h4{font-size:11px;margin:5px 0}.action p{color:#8090a6;font-size:9px;margin:0}.action-row{display:flex;gap:7px;margin-top:11px}.btn{border:1px solid var(--line);background:rgba(255,255,255,.02);color:#cbd5e2;border-radius:8px;padding:8px 10px;font:inherit;font-size:9px;cursor:pointer}.btn.primary{background:linear-gradient(90deg,#168cff,#4e66ff);color:white;border:0;font-weight:700;box-shadow:0 8px 22px rgba(35,104,255,.2)}.activity{grid-column:1/-1}.activity-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.event{padding:11px;border:1px solid rgba(148,183,238,.09);border-radius:10px;background:rgba(4,11,21,.53)}.event b{font-size:9px}.event small{display:block;color:#6e8097;font-size:8px;margin-top:4px}.demo-note{margin-top:15px;color:#607188;font-size:8px;text-align:center}.toast{position:fixed;bottom:24px;inset-inline-end:24px;background:#0c2136;border:1px solid rgba(68,221,190,.2);color:#dff9ee;padding:10px 13px;border-radius:10px;font-size:9px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;box-shadow:0 16px 50px rgba(0,0,0,.34)}.toast.show{opacity:1;transform:none}@keyframes demoLight{0%,100%{transform:translate(-4%,-2%)}50%{transform:translate(5%,4%)}}@keyframes demoPrism{50%{transform:rotate(7deg) translateY(-8px);opacity:.9}}@keyframes cardSweep{0%,45%{transform:translateX(-65%);opacity:0}55%{opacity:1}75%,100%{transform:translateX(65%);opacity:0}}@media(max-width:900px){.demo-shell{grid-template-columns:1fr}.side{display:none}.grid{grid-template-columns:1fr}.activity-list{grid-template-columns:1fr 1fr}.content{padding:22px}.main:before{width:330px;height:330px;right:-90px}}@media(max-width:560px){.top{height:62px;padding:0 14px}.content{padding:15px}.intro{align-items:start;flex-direction:column}.intro h1{font-size:24px}.badge{font-size:8px}.timeline,.activity-list{grid-template-columns:1fr}.grid{gap:9px}.card{padding:14px;border-radius:13px}.patient{grid-template-columns:auto 1fr}.patient .risk{grid-column:2}.action-row{display:grid;grid-template-columns:1fr 1fr}.activity{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}