@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Cairo,Inter,system-ui,sans-serif;color:#111a35;background:#eaf1ff;font-synthesis:none;--blue:#3975f6;--navy:#111a35;--muted:#778096;--line:#e4e9f2}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 0,#dbe9ff,transparent 32%),#f3f6fb}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{position:relative;width:min(100%,540px);min-height:100vh;margin:auto;background:linear-gradient(145deg,#fafdff,#f4f8ff 55%,#f7f8fc);box-shadow:0 0 50px #6686bd22;overflow:hidden}.screen{min-height:100vh;padding:24px 20px 112px}.top{display:flex;align-items:center;gap:14px;min-height:70px;margin-bottom:17px}.head-copy{flex:1}.head-copy h1{font-size:25px;line-height:1.25;margin:0;font-weight:800;letter-spacing:-.4px}.head-copy p{font-size:13px;color:var(--muted);margin:4px 0 0}.icon-btn{border:0;background:#fff;color:var(--navy);width:46px;height:46px;display:grid;place-items:center;border-radius:16px;box-shadow:0 8px 26px #304c7915}.bell{position:relative}.bell i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);top:9px;right:10px;border:2px solid #fff}.header-actions{display:flex;align-items:center;gap:7px}.lang-btn{height:42px;padding:0 9px;display:flex;align-items:center;gap:4px;border:1px solid #e3e9f3;background:#fff;color:var(--blue);border-radius:14px}.lang-btn svg{width:18px}.lang-btn b{font-size:11px}.panel{background:#ffffffd9;border:1px solid #e8edf5;border-radius:25px;padding:20px;box-shadow:0 13px 35px #5576a511;margin-bottom:17px}.greeting{display:flex;align-items:center;justify-content:space-between;margin:10px 5px 20px}.greeting h2{font-size:28px;margin:0 0 3px}.greeting p{color:#69758f;margin:0;font-size:13px}.today{display:flex;align-items:center;gap:8px;padding:10px;background:#fffa;border:1px solid #fff;border-radius:17px;box-shadow:0 9px 25px #486da115}.today svg{color:var(--blue);background:#e7efff;padding:8px;width:42px;height:42px;border-radius:13px}.today span{display:flex;flex-direction:column;color:#68748d;font-size:10px}.today strong{color:var(--navy);font-size:11px;white-space:nowrap}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title h3{font-size:20px;margin:0}.section-title p{font-size:12px;color:var(--muted);margin:3px 0}.section-title>svg{color:var(--blue)}.progress-grid{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:20px;margin-top:14px}.ring{width:143px;height:143px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) var(--p),#e8effb 0);box-shadow:0 7px 20px #3975f622}.ring:before{content:"";position:absolute;width:110px;height:110px;background:#fff;border-radius:50%}.ring div{z-index:1;text-align:center;display:flex;flex-direction:column}.ring strong{font-size:31px}.ring span{font-size:12px;color:var(--muted)}.metric{display:grid;grid-template-columns:36px 1fr 35px;gap:9px;align-items:center;margin:9px 0}.metric-icon{width:35px;height:35px;border-radius:11px;background:#f3f6fa;display:grid;place-items:center}.metric-icon svg{width:20px}.metric div{display:flex;flex-direction:column}.metric b{font-size:13px}.metric small{font-size:10px;color:var(--muted)}.metric>strong{font-size:12px}.metric em{height:4px;background:#e8edf5;border-radius:8px;margin-top:4px;overflow:hidden}.metric em i{display:block;height:100%;border-radius:8px}.text-btn{border:0;background:transparent;color:var(--blue);display:flex;align-items:center;gap:1px;font-size:12px}.text-btn svg{width:17px}.compact-list button{width:100%;display:grid;grid-template-columns:45px 1fr auto;align-items:center;text-align:start;gap:10px;border:0;border-bottom:1px solid #edf0f5;background:transparent;padding:11px 0;color:var(--navy)}.compact-list button:last-child{border-bottom:0}.soft-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#edf3ff;color:var(--blue)}.compact-list span:nth-child(2){display:flex;flex-direction:column}.compact-list b{font-size:13px}.compact-list small{font-size:10px;color:#8d75db}.compact-list time{font-size:11px;color:#68758e;direction:ltr}.chip{border:1px solid #e2e8f2;background:#f8faff;color:#63708a;padding:7px 12px;border-radius:12px;font-size:11px}.money-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.money-row>div{padding:14px 10px;border-radius:18px;display:flex;align-items:center;gap:9px}.money-row svg{width:28px}.money-row span{display:flex;flex-direction:column;font-size:10px}.money-row strong{font-size:13px;white-space:nowrap}.income{background:#ecfaf3;color:#209b61}.expenses{background:#fff0f3;color:#e85b7b}.balance{display:flex;align-items:center;gap:10px;margin-top:12px;border-top:1px solid #edf0f5;padding-top:12px}.balance span{color:var(--muted);font-size:12px}.balance strong{color:var(--blue);font-size:18px;flex:1}.balance svg{color:var(--blue)}.calendar{padding:16px}.calendar-head{display:flex;align-items:center;justify-content:space-between}.calendar-head h2{font-size:22px}.circle-sm{border:1px solid #e4e9f2;background:#fff;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.circle-sm svg{width:19px}.flip{transform:scaleX(-1)}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.week span{font-size:10px;color:#858ca0;padding:7px 0}.days button{height:47px;border:0;background:transparent;position:relative;color:var(--navy);font-size:14px}.days .muted{color:#c4c9d4}.days .selected{background:linear-gradient(135deg,#5485ff,#365fe8);color:#fff;border-radius:50%;box-shadow:0 7px 20px #3975f647}.days i{position:absolute;width:5px;height:5px;border-radius:50%;bottom:3px;left:calc(50% - 2px)}.legend{display:flex;justify-content:center;gap:17px;margin-top:11px;font-size:10px;color:#758098}.legend i,.key i{display:inline-block;width:7px;height:7px;border-radius:50%}.red{background:#ef4050}.blue{background:#3975f6}.green{background:#2bb269}.outside{padding:7px 3px 10px}.appointment-list{display:flex;flex-direction:column;gap:10px}.appointment{position:relative;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e3e8f1;border-radius:17px;padding:12px 16px;border-inline-start:5px solid;box-shadow:0 8px 20px #48678e0b}.appointment.urgent{border-inline-start-color:#f03c49}.appointment.medium{border-inline-start-color:#3e69f2}.appointment.low{border-inline-start-color:#27ad67}.appt-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#edf3ff;color:var(--blue)}.urgent .appt-icon{background:#fff0f1;color:#ec3945}.low .appt-icon{background:#edf9f2;color:#23a45e}.appointment h3{font-size:15px;margin:0}.appointment p{display:flex;align-items:center;gap:4px;font-size:10px;color:#6f7a94;margin:2px 0;direction:ltr}.appointment p svg{width:13px}.appointment b{display:inline-block;padding:1px 9px;border-radius:10px;color:#fff;font-size:9px;background:#3e69f2}.urgent b{background:#ef3f4c}.low b{background:#26ae64}.appt-bell{margin-inline-start:auto;width:20px}.remove{position:absolute;top:5px;inset-inline-end:5px;border:0;background:transparent;color:#b4bdcc;opacity:0}.appointment:hover .remove{opacity:1}.remove svg{width:15px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #e4e9f1;border-radius:20px;padding:14px;display:flex;align-items:center;gap:12px;min-height:104px;box-shadow:0 9px 25px #4f719111}.stat-card>span{width:47px;height:54px;border-radius:15px;display:grid;place-items:center}.stat-card h3{font-size:14px;margin:0}.stat-card button{border:0;background:transparent;padding:0;text-align:start}.stat-card strong{font-size:15px;white-space:nowrap}.stat-card p{font-size:9px;color:var(--muted);margin:2px 0}.chart-card{padding:18px 15px}.key{display:flex;gap:15px;color:var(--muted);font-size:10px;margin:10px 0}.chart{height:170px;border-bottom:1px solid #dfe5ef;display:flex;align-items:flex-end;justify-content:space-around;padding:0 8px}.bars{display:flex;align-items:flex-end;gap:3px;height:140px;position:relative}.bars>span{position:absolute;top:145px;left:50%;transform:translate(-50%);font-size:9px;color:#788299;white-space:nowrap}.bar{width:13px;border-radius:6px 6px 0 0;position:relative}.bar i{position:absolute;font-style:normal;font-size:7px;top:-13px;left:50%;transform:translate(-50%)}.income-bar{background:linear-gradient(#38bd86,#92e1bf);color:#219864}.spend-bar{background:linear-gradient(#3b83eb,#7ab9ff);color:#2674dd}.net{display:flex;align-items:center;gap:13px;padding:18px;background:linear-gradient(120deg,#ecfbf2,#f7fffb);border:1px solid #d8efe1;border-radius:21px}.net>span{width:50px;height:50px;border-radius:16px;background:#31af6e;color:#fff;display:grid;place-items:center}.net div{display:flex;flex-direction:column;flex:1}.net p{font-size:12px;margin:0}.net strong{color:#199153;font-size:21px}.net small{color:var(--muted);font-size:9px}.net>b{color:#178d4e;background:#e0f6e9;padding:7px;border-radius:14px;font-size:11px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3e9f2;border-radius:16px;padding:11px 14px;margin-bottom:15px}.search svg{width:19px;color:#7b869b}.search input{border:0;outline:0;background:transparent;flex:1;min-width:0}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.note{position:relative;min-height:210px;border-radius:22px;padding:15px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 25px #546c8a11}.note.yellow{background:linear-gradient(145deg,#fff9c9,#fff0a0);color:#9c6700}.note.purple{background:linear-gradient(145deg,#f1e7ff,#e9dcff);color:#7b46ca}.note.pink{background:linear-gradient(145deg,#ffe9ef,#ffdce7);color:#d64778}.note.green{background:linear-gradient(145deg,#e9f9ec,#ddf4e1);color:#27934b}.note.blue{background:linear-gradient(145deg,#e4f1ff,#d8eaff);color:#2878d3}.note.orange{background:linear-gradient(145deg,#fff0dd,#ffe4c3);color:#df7b17}.note-top{display:flex;justify-content:space-between}.note-top button{border:0;background:transparent;color:inherit}.note-top svg{width:20px}.note h3{font-size:17px;color:#172038;margin:18px 0 7px}.note p{font-size:11px;white-space:pre-line;color:#4d5362;line-height:1.8;margin:0;flex:1}.note footer{border-top:1px solid currentColor;padding-top:9px;font-size:9px;display:flex;align-items:center;gap:5px}.note footer svg{width:14px}.fold{position:absolute;bottom:0;right:0;width:37px;height:37px;background:#e7c958;clip-path:polygon(0 100%,100% 0,100% 100%)}.fab{position:fixed;z-index:5;bottom:82px;left:50%;transform:translate(-50%);width:61px;height:61px;border-radius:50%;border:7px solid #f5f8ff;background:linear-gradient(145deg,#6892ff,#345fec);color:#fff;display:grid;place-items:center;box-shadow:0 10px 25px #315fdd44}.fab svg{width:28px;height:28px}.habit-hero{min-height:132px;border-radius:25px;padding:22px;background:linear-gradient(120deg,#ecf3ff,#f5f8ff);display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.habit-hero h2{font-size:19px;margin:0 0 8px}.habit-hero p{font-size:12px;color:var(--muted);margin:0}.plant{font-size:58px;filter:drop-shadow(0 8px 8px #2f834529)}.date-row{display:flex;align-items:center;gap:11px;margin:10px 0 14px}.date-row div{flex:1}.date-row h3{margin:0;font-size:17px}.date-row p{margin:0;color:var(--muted);font-size:11px}.habits{display:flex;flex-direction:column;gap:11px}.habit{display:grid;grid-template-columns:58px 1fr 36px;align-items:center;gap:13px;background:#fff;border:1px solid #e7ebf2;border-radius:21px;padding:13px;box-shadow:0 8px 22px #46678d0d}.habit-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center}.habit h3{font-size:16px;margin:0}.habit p{font-size:10px;color:var(--muted);margin:2px 0}.habit b{font-size:10px;display:flex;align-items:center;gap:4px}.habit b svg{width:15px}.habit-check{width:33px;height:33px;border:2px solid;border-radius:50%;display:grid;place-items:center;color:#fff}.habit-check svg{width:18px}.overlay{position:fixed;z-index:20;inset:0;background:#0d17365e;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(100%,540px);background:#fff;border-radius:28px 28px 0 0;padding:23px 22px calc(23px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px #101a3844}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-head h3{margin:0;font-size:21px}.modal label{display:flex;flex-direction:column;gap:5px;color:#5f6980;font-size:12px;margin:12px 0}.modal input,.modal textarea{border:1px solid #dfe5ef;background:#f8faff;border-radius:13px;padding:11px;outline:none;color:var(--navy)}.modal input:focus,.modal textarea:focus{border-color:var(--blue)}.primary{width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,#5485ff,#315ee8);color:#fff;padding:13px;font-weight:700;margin-top:7px}.bottom-nav{position:fixed;z-index:10;bottom:0;width:min(100%,540px);height:76px;padding:7px 11px calc(7px + env(safe-area-inset-bottom));background:#fffe;border-top:1px solid #e2e8f2;display:flex;justify-content:space-around;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -7px 30px #38588414}.bottom-nav button{border:0;background:transparent;color:#8b93a5;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px;font-size:9px}.bottom-nav svg{width:23px}.bottom-nav .active{color:var(--blue);font-weight:700}.bottom-nav .active:before{content:"";position:absolute;top:0;width:34px;height:3px;border-radius:4px;background:var(--blue)}[dir=ltr] .top,[dir=ltr] .section-title,[dir=ltr] .greeting,[dir=ltr] .date-row,[dir=ltr] .net,[dir=ltr] .money-row,[dir=ltr] .habit,[dir=ltr] .appointment,[dir=ltr] .compact-list button,[dir=ltr] .stat-card button{text-align:left}@media(max-width:390px){.screen{padding-inline:14px}.head-copy h1{font-size:21px}.progress-grid{grid-template-columns:120px 1fr;gap:12px}.ring{width:118px;height:118px}.ring:before{width:90px;height:90px}.ring strong{font-size:26px}.metric{grid-template-columns:31px 1fr 30px;gap:6px}.metric-icon{width:30px;height:30px}.notes-grid{gap:9px}.note{padding:12px;min-height:195px}.stat-card{padding:10px;gap:8px}.stat-card>span{width:40px}.stat-card strong{font-size:12px}.today{display:none}}@media(min-width:700px){body{padding:25px 0}.app-shell{min-height:calc(100vh - 50px);border-radius:35px}.bottom-nav{bottom:25px;border-radius:0 0 35px 35px}}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:25px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f7faff,#e9f1ff)}.auth-orb{position:absolute;border-radius:50%;filter:blur(3px)}.auth-orb.one{width:320px;height:320px;background:#6e98ff30;top:-120px;right:-90px}.auth-orb.two{width:270px;height:270px;background:#b68dff20;bottom:-110px;left:-80px}.auth-card{z-index:1;width:min(100%,410px);padding:34px;background:#ffffffed;border:1px solid #fff;border-radius:30px;box-shadow:0 30px 80px #31579725;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{width:66px;height:66px;margin:0 auto 14px;border-radius:21px;background:linear-gradient(145deg,#6793ff,#345fe9);color:#fff;display:grid;place-items:center;box-shadow:0 13px 30px #3975f64d}.brand-mark svg{width:33px;height:33px}.auth-card h1{font-size:26px;margin:0 0 6px}.auth-card>p{color:var(--muted);font-size:13px;margin:0 0 25px}.auth-card label{height:51px;background:#f7f9fd;border:1px solid #e2e7f0;border-radius:15px;display:flex;align-items:center;gap:9px;padding:0 13px;margin:11px 0}.auth-card label:focus-within{border-color:#5b84f7;box-shadow:0 0 0 3px #3975f615}.auth-card label>svg{width:19px;color:#79849a}.auth-card label input{flex:1;border:0;outline:0;background:transparent;min-width:0}.auth-card label button{border:0;background:transparent;color:#808a9e}.auth-card label button svg{width:18px}.auth-primary,.google-btn{height:50px;width:100%;border-radius:15px;font-weight:700}.auth-primary{margin-top:9px;border:0;color:#fff;background:linear-gradient(135deg,#5d8cff,#315be3);box-shadow:0 12px 25px #3262e838}.auth-primary:disabled,.google-btn:disabled{opacity:.55}.or{display:flex;align-items:center;gap:10px;color:#9aa3b3;font-size:11px;margin:17px 0}.or span{height:1px;background:#e5e9f1;flex:1}.google-btn{border:1px solid #dfe5ee;background:#fff;color:#26304a}.google-btn b{font-family:Arial;color:#4285f4;font-size:19px;margin-inline-end:7px}.switch-auth{border:0;background:transparent;color:var(--blue);font-size:12px;margin:14px 0}.auth-card>small{display:block;color:#9aa3b4;font-size:9px}.auth-message{padding:9px;background:#fff2f3;color:#c43e50;border-radius:10px;font-size:10px}.app-loader,.admin-loading,.access-denied{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f3f7ff;color:var(--blue)}.app-loader svg,.admin-loading svg{width:45px;height:45px;animation:pulse 1.3s infinite}.app-loader p,.admin-loading p{color:#68748d}.logout{position:fixed;z-index:12;top:10px;margin-inline-start:6px;border:0;background:#fff;color:#798399;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;box-shadow:0 6px 18px #31517415}.logout svg{width:17px}.sync-dot{position:fixed;top:17px;left:50%;z-index:12;transform:translate(-50%);font-size:9px;color:#2d9e61;background:#e5f8ed;padding:3px 9px;border-radius:8px}@keyframes pulse{50%{transform:scale(.84);opacity:.55}}.admin-login{background:linear-gradient(145deg,#f0f5ff,#f7f9fc)}.admin-login .brand-mark{background:linear-gradient(145deg,#17223f,#345fe9)}.admin-shell{min-height:100vh;background:#f4f7fb;display:grid;grid-template-columns:250px 1fr;color:#111a35;font-family:Noto Sans Arabic,Segoe UI,sans-serif}.admin-shell aside{position:sticky;top:0;height:100vh;background:#101a35;color:#fff;padding:25px 18px;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:11px;padding:5px 8px 28px}.admin-brand>svg{width:35px;height:35px;color:#79a0ff}.admin-brand span{font-size:18px;font-weight:800;display:flex;flex-direction:column}.admin-brand strong{font-size:9px;color:#7fa1ee;font-weight:500}.admin-shell aside nav{display:flex;flex-direction:column;gap:6px}.admin-shell aside nav button{border:0;background:transparent;color:#a8b2ca;padding:12px;border-radius:11px;display:flex;align-items:center;gap:10px;text-align:start}.admin-shell aside nav button svg{width:19px}.admin-shell aside nav .active{background:#3975f624;color:#75a0ff}.admin-user{margin-top:auto;border-top:1px solid #ffffff16;padding-top:16px;display:flex;align-items:center;gap:9px}.admin-user>div{width:37px;height:37px;border-radius:12px;background:#3975f6;display:grid;place-items:center;font-weight:800}.admin-user span{display:flex;flex-direction:column;min-width:0;flex:1}.admin-user b{font-size:11px}.admin-user small{font-size:8px;color:#97a3ba;overflow:hidden;text-overflow:ellipsis}.admin-user button{border:0;background:transparent;color:#9aa7be}.admin-user button svg{width:18px}.admin-shell>main{padding:30px 34px;min-width:0}.admin-shell>main>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.admin-shell header h1{font-size:25px;margin:0}.admin-shell header p{color:#7d879b;font-size:12px;margin:4px 0}.live{background:#e4f7ed;color:#23955a;padding:7px 12px;border-radius:14px;font-size:10px}.live i{display:inline-block;width:7px;height:7px;background:#2bad69;border-radius:50%;margin-inline-end:5px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-stats article{background:#fff;border:1px solid #e6eaf1;border-radius:18px;padding:17px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 25px #4460840a}.admin-stats article>span{width:47px;height:47px;border-radius:14px;display:grid;place-items:center}.blue-bg{color:#3975f6;background:#edf3ff}.green-bg{color:#27a663;background:#eaf8f0}.purple-bg{color:#825ad6;background:#f2edfc}.orange-bg{color:#ed941e;background:#fff4e5}.admin-stats article div{display:flex;flex-direction:column}.admin-stats small{font-size:10px;color:#808a9d}.admin-stats strong{font-size:23px}.admin-panel{background:#fff;border:1px solid #e4e9f1;border-radius:21px;overflow:hidden;box-shadow:0 10px 30px #3e587b0b}.admin-panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #edf0f5}.admin-panel h2{font-size:18px;margin:0}.admin-panel p{font-size:10px;color:#828ca0;margin:2px 0}.admin-panel-head button{border:1px solid #dfe5ef;background:#f8faff;color:#53627d;border-radius:11px;padding:8px 12px;font-size:10px}.table-head,.table-row{display:grid;grid-template-columns:2fr .8fr 1fr .7fr .6fr;align-items:center;gap:10px;padding:12px 22px}.table-head{background:#f8f9fc;color:#7e889b;font-size:10px}.table-row{border-top:1px solid #edf0f5;font-size:11px}.user-cell{display:flex;align-items:center;gap:9px}.user-cell>i{width:35px;height:35px;background:#edf3ff;color:#3975f6;border-radius:11px;display:grid;place-items:center;font-style:normal;font-weight:800}.user-cell>b{display:flex;flex-direction:column}.user-cell small{font-size:8px;color:#8791a4;font-weight:400}.role,.status{font-style:normal;padding:4px 9px;border-radius:10px;font-size:9px}.role.admin{background:#eee8ff;color:#7552ca}.role.user{background:#edf3ff;color:#3569dd}.status.on{background:#e6f7ed;color:#239457}.status.off{background:#ffeaed;color:#cd3c4d}.suspend{border:1px solid #e0e5ed;background:#fff;border-radius:9px;padding:5px 9px;color:#6d788e;font-size:9px}.suspend:disabled{opacity:.35}.access-denied{color:#cf4053;text-align:center}.access-denied svg{width:55px;height:55px}.access-denied h1{margin:5px}.access-denied p{color:#778096}.access-denied button{border:0;background:#17213d;color:#fff;padding:10px 20px;border-radius:12px}@media(max-width:850px){.admin-shell{grid-template-columns:72px 1fr}.admin-shell aside{padding:22px 10px}.admin-brand span,.admin-shell aside nav button{font-size:0}.admin-brand{padding-inline:8px}.admin-shell aside nav button{justify-content:center}.admin-user span,.admin-user>div{display:none}.admin-user{justify-content:center}.admin-shell>main{padding:22px 16px}.admin-stats{grid-template-columns:1fr 1fr}.table-head,.table-row{grid-template-columns:2fr .8fr .8fr}.table-head span:nth-child(3),.table-row>span:nth-child(3),.table-head span:nth-child(4),.table-row>span:nth-child(4){display:none}}.app-data-table{overflow:auto}.data-head,.data-row{min-width:800px;display:grid;grid-template-columns:2fr .8fr repeat(4,.65fr) 1.3fr;align-items:center;gap:12px;padding:13px 22px}.data-head{background:#f8f9fc;color:#7e889b;font-size:10px}.data-row{border-top:1px solid #edf0f5;font-size:11px}.data-row>span:first-child{display:flex;flex-direction:column}.data-row small{font-size:8px;color:#8791a4}.data-row .done,.data-row .pending{width:max-content;border-radius:10px;padding:4px 8px;font-size:9px}.data-row .done{background:#e6f7ed;color:#239457}.data-row .pending{background:#fff2dc;color:#bf7416}.admin-notifications-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:18px;align-items:start}.notice-compose{position:sticky;top:25px}.notice-compose .admin-panel-head>svg{width:28px;color:#3975f6}.notice-form{padding:20px 22px}.notice-form label{display:flex;flex-direction:column;gap:7px;color:#55627b;font-size:11px;font-weight:700;margin-bottom:15px}.notice-form input,.notice-form textarea,.notice-form select{width:100%;border:1px solid #dfe5ef;background:#f8faff;border-radius:12px;padding:11px 12px;outline:0;color:#111a35;font:inherit;font-weight:400}.notice-form input:focus,.notice-form textarea:focus,.notice-form select:focus{border-color:#3975f6;box-shadow:0 0 0 3px #3975f612}.notice-message{background:#edf4ff!important;color:#3165d7!important;border-radius:11px;padding:10px!important;font-size:10px!important}.notice-actions{display:flex;gap:9px}.notice-actions button{border:1px solid #dfe5ef;background:#fff;border-radius:11px;padding:10px 15px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.notice-actions button svg{width:17px}.notice-actions .send-notice{flex:1;border:0;color:#fff;background:linear-gradient(135deg,#5485ff,#315ee8);box-shadow:0 10px 22px #315fdf28}.notice-actions button:disabled{opacity:.55}.notice-list{display:flex;flex-direction:column}.notice-list article{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:start;padding:16px 20px;border-top:1px solid #edf0f5}.notice-list article:first-child{border-top:0}.notice-list article>div:nth-child(2){min-width:0}.notice-list h3{font-size:13px;margin:0 0 4px}.notice-list p{font-size:10px;line-height:1.7;color:#657188;margin:0 0 7px;white-space:pre-wrap}.notice-list small{font-size:8px;color:#949daf}.notice-kind{width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.notice-kind svg{width:20px}.notice-kind.info{background:#edf3ff;color:#3975f6}.notice-kind.success{background:#e9f8ef;color:#27a663}.notice-kind.warning{background:#fff5e5;color:#e99a14}.notice-kind.urgent{background:#ffebed;color:#ef4050}.notice-row-actions{display:flex;gap:5px}.notice-row-actions button{width:31px;height:31px;border:1px solid #e0e5ed;background:#fff;color:#657188;border-radius:9px;display:grid;place-items:center}.notice-row-actions button svg{width:14px}.notice-row-actions .danger{color:#d84252;background:#fff5f6}.empty-admin{padding:45px;text-align:center;color:#8b95a8}.empty-admin svg{width:38px}.empty-admin p{font-size:11px!important}.notify-list article{cursor:pointer}@media(max-width:1000px){.admin-notifications-grid{grid-template-columns:1fr}.notice-compose{position:static}}@media(max-width:650px){.admin-shell>main{padding:18px 10px}.admin-shell>main>header{align-items:flex-start}.live{white-space:nowrap}.admin-stats{grid-template-columns:1fr}.notice-list article{grid-template-columns:38px 1fr}.notice-row-actions{grid-column:2}.notice-compose .admin-panel-head{padding:17px}.notice-form{padding:16px}}.bell i{width:19px;height:19px;top:3px;right:3px;border:2px solid #fff;display:grid;place-items:center;color:#fff;font-style:normal}.bell i b{font-size:8px;line-height:1}.profile-flow{overflow:auto}.onboarding{min-height:100vh;padding:28px 22px 42px;background:radial-gradient(circle at 90% 5%,#c7dbff 0,transparent 28%),linear-gradient(155deg,#f8fbff,#edf3ff)}.onboard-progress{display:flex;gap:6px;justify-content:center;margin-bottom:26px}.onboard-progress i{width:34px;height:5px;border-radius:10px;background:#d8e1f1}.onboard-progress i.active{width:62px;background:linear-gradient(90deg,#477cf5,#855ee9)}.onboard-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.onboard-title>span{width:55px;height:55px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#5b8bff,#6d54e7);box-shadow:0 12px 28px #426deb38}.onboard-title small{color:#3975f6;font-weight:700}.onboard-title h1{font-size:25px;line-height:1.35;margin:2px 0 5px}.onboard-title p{font-size:11px;color:#778096;margin:0}.onboard-card{background:#ffffffed;border:1px solid #fff;border-radius:27px;padding:20px;box-shadow:0 24px 60px #385e9220}.email-pill{display:flex;align-items:center;gap:8px;padding:10px 13px;background:#edf4ff;color:#356bdc;border-radius:13px;font-size:11px;margin-bottom:14px;direction:ltr}.email-pill svg{width:17px}.onboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.onboard-grid label{display:flex;flex-direction:column;gap:6px}.onboard-grid label span{display:flex;align-items:center;gap:5px;color:#56627a;font-size:10px;font-weight:700}.onboard-grid label svg{width:15px;color:#4778ed}.onboard-grid input{width:100%;min-width:0;border:1px solid #dfe6f1;background:#f8faff;border-radius:13px;padding:11px;outline:0;color:#111a35}.onboard-grid input:focus{border-color:#4f7df2;box-shadow:0 0 0 3px #3975f613}.onboard-error{margin-top:12px;padding:9px 11px;border-radius:11px;background:#fff0f2;color:#c74254;font-size:10px;display:flex;align-items:center;gap:6px}.onboard-error svg{width:16px}.complete-profile{width:100%;border:0;border-radius:15px;padding:14px;margin-top:16px;color:#fff;font-weight:800;background:linear-gradient(135deg,#5688ff,#385fe4);box-shadow:0 12px 25px #345fdf35;display:flex;align-items:center;justify-content:center;gap:8px}.complete-profile svg{width:19px}.onboard-card>small{display:block;text-align:center;color:#929bad;font-size:9px;margin-top:11px}.drawer-wrap,.notify-wrap{position:fixed;z-index:40;inset:0;background:#0d173600;pointer-events:none;transition:.25s;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.drawer-wrap.show,.notify-wrap.show{background:#0d173663;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.app-drawer{position:absolute;inset-block:0;inset-inline-start:0;width:min(84%,355px);padding:24px 18px;background:linear-gradient(160deg,#fff,#f3f7ff);transform:translate(110%);transition:.3s ease;box-shadow:-20px 0 60px #0e1e4640;display:flex;flex-direction:column}.drawer-wrap.show .app-drawer{transform:translate(0)}[dir=ltr] .app-drawer{transform:translate(-110%)}[dir=ltr] .drawer-wrap.show .app-drawer{transform:translate(0)}.drawer-close,.notify-close{border:0;background:#eef3fb;color:#52607b;width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.drawer-profile{width:100%;text-align:center;padding:8px 0 18px;border:0;border-bottom:1px solid #e3e9f2;background:transparent;color:#17213a}.drawer-avatar{width:70px;height:70px;border-radius:23px;margin:auto;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:28px;font-weight:800;background:linear-gradient(145deg,#5b8cff,#7559e8);box-shadow:0 13px 27px #496ee93b}.drawer-avatar img{width:100%;height:100%;object-fit:cover}.drawer-profile h2{margin:9px 0 1px;font-size:19px}.drawer-profile p{margin:0;color:#78839a;font-size:11px}.drawer-profile small{display:flex;align-items:center;justify-content:center;gap:4px;color:#3975f6;font-size:8px;margin-top:5px}.drawer-profile small svg{width:12px}.app-drawer nav{display:flex;flex-direction:column;gap:5px;padding:16px 0}.app-drawer nav button{border:0;background:transparent;color:#27314b;border-radius:14px;padding:9px;display:grid;grid-template-columns:39px 1fr 18px;align-items:center;text-align:start;gap:9px}.app-drawer nav button:hover{background:#edf3ff;color:#3469dc}.app-drawer nav button span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#edf3ff;color:#3975f6}.app-drawer nav svg{width:18px}.drawer-contact{display:flex;align-items:center;gap:9px;background:#eaf8f1;color:#218c56;padding:11px;border-radius:14px;margin-top:auto}.drawer-contact svg{width:22px}.drawer-contact p{font-size:9px;margin:0}.drawer-logout{border:0;background:#fff0f2;color:#c84254;border-radius:13px;padding:11px;margin-top:10px;display:flex;justify-content:center;align-items:center;gap:7px}.drawer-logout svg{width:18px}.notifications{position:absolute;inset-inline-end:12px;top:12px;width:min(calc(100% - 24px),430px);max-height:calc(100vh - 24px);overflow:auto;background:#fff;border-radius:25px;padding:19px;transform:translateY(-115%);transition:.3s ease;box-shadow:0 25px 70px #101a3850}.notify-wrap.show .notifications{transform:translateY(0)}.notifications header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding-bottom:13px;border-bottom:1px solid #e7ebf2}.notifications h2{font-size:20px;margin:0}.notifications header p{font-size:9px;color:#808b9f;margin:2px 0}.notifications header>button:not(.notify-close){border:0;background:#edf3ff;color:#3670e9;border-radius:11px;padding:8px;font-size:9px;display:flex;align-items:center;gap:4px}.notifications header button svg{width:15px}.notify-list article{display:grid;grid-template-columns:45px 1fr 7px;align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid #edf0f5}.notify-list article>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center}.notify-list article>span svg{width:21px}.notify-list h3{font-size:12px;margin:0}.notify-list p{font-size:9px;color:#717c91;margin:2px 0}.notify-list small{font-size:8px;color:#3975f6}.notify-list article>i{width:7px;height:7px;border-radius:50%}.notify-list article.read{opacity:.62}.empty-notify{text-align:center;color:#8791a4;padding:35px}.empty-notify svg{width:38px}.stat-card.clickable{position:relative;text-align:start;color:#111a35}.stat-card.clickable>div{flex:1}.stat-card.clickable>svg{width:17px;color:#a2abba}.detail-head{display:grid;grid-template-columns:44px 46px 1fr auto;align-items:center;gap:9px;margin-bottom:20px}.detail-head>span{width:46px;height:46px;border-radius:14px;background:#fff;display:grid;place-items:center}.detail-head h1{font-size:20px;margin:0}.detail-head p{font-size:9px;color:#7b869a;margin:2px 0}.add-record{border:0;color:#fff;background:linear-gradient(135deg,#5d89fa,#3862e5);border-radius:13px;padding:10px;display:flex;align-items:center;gap:4px;font-size:11px}.add-record svg{width:17px}.detail-total{padding:20px;border-radius:22px;margin-bottom:16px;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent),#2c3964 35%));display:flex;flex-direction:column;box-shadow:0 15px 35px color-mix(in srgb,var(--accent),transparent 70%)}.detail-total small{opacity:.8}.detail-total strong{font-size:29px}.detail-total span{font-size:9px;opacity:.85}.ledger-list{display:flex;flex-direction:column;gap:10px}.ledger-list article{display:grid;grid-template-columns:48px 1fr auto 32px;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid #e4e9f2;border-radius:17px;box-shadow:0 8px 22px #45658c0c}.ledger-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center}.ledger-list h3{font-size:13px;margin:0}.ledger-list p{font-size:9px;color:#7a8498;margin:2px 0}.ledger-list strong{text-align:end;font-size:12px}.ledger-list strong small{display:block;color:#777f91;font-size:8px}.ledger-list article>button{border:0;background:#fff0f2;color:#d2485b;width:31px;height:31px;border-radius:10px;display:grid;place-items:center}.ledger-list article>button svg{width:15px}.empty-ledger{text-align:center;padding:45px 15px;color:#79859a}.empty-ledger svg{width:42px}.empty-ledger h3{color:#222c46;margin:8px 0 2px}.empty-ledger p{margin:0}.modal select{border:1px solid #dfe5ef;background:#f8faff;border-radius:13px;padding:11px;outline:none;color:#111a35}.budget-card{position:relative;background:linear-gradient(145deg,#fff,#f3f7ff);border:1px solid #e2e8f2;border-radius:21px;padding:15px;margin-bottom:16px;overflow:hidden}.budget-card>div{display:flex;align-items:center;gap:9px;padding-inline-end:70px}.budget-card>div>svg{color:#725ae0;background:#f0ecff;padding:9px;width:45px;height:45px;border-radius:14px}.budget-card h3{font-size:14px;margin:0}.budget-card p{font-size:9px;color:#768197;margin:2px 0}.budget-card>button{position:absolute;top:17px;inset-inline-end:14px;border:0;border-radius:10px;background:#ebe7ff;color:#6c54d1;padding:7px 10px;font-size:9px}.budget-card em{display:block;height:7px;background:#e7ebf3;border-radius:10px;overflow:hidden;margin-top:11px}.budget-card em i{height:100%;display:block;border-radius:10px;background:linear-gradient(90deg,#765ae2,#f09a35)}.budget-card>b{display:flex;align-items:center;gap:4px;color:#d47a13;font-size:9px;margin-top:7px}.budget-card>b svg{width:14px}.date-filter{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.date-filter label{display:flex;align-items:center;gap:6px;color:#748096;font-size:9px}.date-filter input{width:100%;min-width:0;border:1px solid #e0e6ef;border-radius:10px;padding:7px;color:#35405a;background:#f9fbff}.range-chart{height:190px;display:flex;justify-content:center;align-items:flex-end;gap:50px;border-bottom:1px solid #dfe5ef;padding-top:25px}.range-chart>div{height:165px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.range-chart i{display:block;width:52px;border-radius:12px 12px 3px 3px;min-height:8px}.range-chart .income-col{background:linear-gradient(#2cb575,#83dbb0)}.range-chart .expense-col{background:linear-gradient(#327fea,#7db7ff)}.range-chart b{font-size:10px}.range-chart span{font-size:9px;color:#768197}.net{margin-bottom:10px}.bottom-nav{height:72px;padding-top:5px;border-radius:20px 20px 0 0}.bottom-nav button{position:relative;gap:1px;min-width:54px;font-size:8px}.bottom-nav .nav-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#f3f6fb;transition:.2s}.bottom-nav .nav-icon svg{width:19px}.bottom-nav button.active .nav-icon{color:#fff;background:linear-gradient(145deg,#6590ff,#355fe8);box-shadow:0 7px 16px #3c68e63b;transform:translateY(-2px)}.bottom-nav .featured .nav-icon{border-radius:50%;background:linear-gradient(145deg,#8c69f2,#526de8);color:#fff}.bottom-nav .featured.active .nav-icon{transform:translateY(-5px) scale(1.08);box-shadow:0 9px 22px #685ee65c}.bottom-nav .active:before{display:none}@media(max-width:390px){.onboard-grid{grid-template-columns:1fr}.onboard-title h1{font-size:21px}.detail-head{grid-template-columns:40px 1fr auto}.detail-head>span{display:none}.add-record{font-size:0}.add-record svg{width:20px}.ledger-list article{grid-template-columns:43px 1fr auto 29px}}html,body,#root{min-height:100%;min-height:100dvh}.app-shell{min-height:100dvh}.screen{padding-top:calc(34px + env(safe-area-inset-top));padding-bottom:calc(102px + env(safe-area-inset-bottom))}.onboarding,.auth-screen{padding-top:calc(34px + env(safe-area-inset-top));padding-bottom:calc(32px + env(safe-area-inset-bottom))}.bottom-nav{height:calc(72px + env(safe-area-inset-bottom));padding-bottom:calc(5px + env(safe-area-inset-bottom))}.drawer-wrap,.notify-wrap{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-drawer{padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom))}.notifications{top:calc(12px + env(safe-area-inset-top));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modal{padding-bottom:calc(23px + env(safe-area-inset-bottom))}.item-actions,.ledger-actions,.habit-actions,.note-actions{display:flex;align-items:center;gap:5px}.item-actions{margin-inline-start:auto}.item-actions button,.ledger-actions button,.habit-actions>button:not(.habit-check){width:31px;height:31px;border:0;border-radius:10px;display:grid;place-items:center}.item-actions svg,.ledger-actions svg,.habit-actions>button svg{width:15px}.edit-action,.habit-actions>button:nth-child(2){background:#edf3ff!important;color:#3975f6!important}.delete-action,.habit-actions>button:nth-child(3){background:#fff0f2!important;color:#d2485b!important}.pay-action{background:#e8f8ef!important;color:#229657!important}.ledger-list article{grid-template-columns:48px 1fr auto auto}.ledger-actions{flex-direction:column}.note-actions button{border:0;background:#ffffff6b;color:inherit;width:29px;height:29px;border-radius:9px;display:grid;place-items:center}.note-actions svg{width:15px}.habit{grid-template-columns:58px 1fr auto}.habit-actions{flex-direction:column}.habit-actions .habit-check{width:33px;height:33px}.switch-auth:disabled{opacity:.55}@media(max-width:390px){.ledger-list article{grid-template-columns:43px 1fr auto auto}.item-actions{flex-direction:column}.screen{padding-top:calc(30px + env(safe-area-inset-top))}}.health-screen{background:radial-gradient(circle at 90% 0,#dff5ff,transparent 28%),linear-gradient(165deg,#f8fcff,#f2f7ff)}.health-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.health-header small{color:#2c8ca5;font-weight:700}.health-header h1{font-size:31px;margin:1px 0}.health-header p{color:#778399;font-size:11px;margin:0}.health-header>span{width:58px;height:58px;border-radius:19px;background:linear-gradient(145deg,#49c5ad,#327be8);color:#fff;display:grid;place-items:center;box-shadow:0 13px 25px #37a7bd37}.health-tabs{display:flex;gap:7px;overflow-x:auto;padding:3px 1px 13px;scrollbar-width:none}.health-tabs button{min-width:76px;border:1px solid #e2eaf2;background:#fff;color:#7d899d;border-radius:15px;padding:9px 7px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8px}.health-tabs svg{width:19px}.health-tabs .active{background:linear-gradient(145deg,#48bfae,#3975f6);color:#fff;border-color:transparent;box-shadow:0 8px 20px #389da836}.health-hero-grid{display:grid;grid-template-columns:1fr;gap:10px}.health-summary{border:1px solid #e3eaf2;background:#fff;border-radius:21px;padding:14px;display:grid;grid-template-columns:48px 1fr 18px;align-items:center;text-align:start;gap:11px;color:#17213a;box-shadow:0 9px 25px #3f60780c}.health-summary>span{display:flex;flex-direction:column}.health-summary small,.health-summary em{font-size:9px;color:#7f899b;font-style:normal}.health-summary strong{font-size:15px}.mini-drop{height:56px;width:40px;border:3px solid #6bc3f1;border-radius:50% 50% 55% 55%/65% 65% 40% 40%;position:relative;overflow:hidden}.mini-drop i{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(#5ed1f2,#3b86ee);transition:.5s}.health-summary-icon{width:46px;height:46px;border-radius:15px;background:#ecf9f4;color:#34aa76;display:grid!important;place-items:center}.health-today,.quick-water,.reminder-settings,.movement-reminder,.workout-library,.sleep-check,.energy-insight,.health-chart-card,.badges{background:#fff;border:1px solid #e4eaf1;border-radius:22px;padding:17px;margin-top:13px;box-shadow:0 9px 25px #43627d0c}.health-section-title>div{display:flex;align-items:center;gap:9px}.health-section-title svg{color:#3975f6;width:22px}.health-section-title h2,.quick-water h2,.water-log h2,.badges h2{font-size:16px;margin:0}.health-section-title p{font-size:9px;color:#818b9d;margin:2px 0}.today-health-list{margin-top:10px}.today-health-list button{width:100%;border:0;border-top:1px solid #edf1f5;background:transparent;padding:11px 2px;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:9px;text-align:start;color:#17213a}.today-health-list button>svg:first-child{padding:8px;width:38px;height:38px;background:#edf7ff;color:#3488dd;border-radius:12px}.today-health-list span{display:flex;flex-direction:column}.today-health-list b{font-size:12px}.today-health-list small{font-size:9px;color:#8791a3}.health-reward{margin-top:13px;border-radius:22px;padding:16px;background:linear-gradient(135deg,#6858df,#427ff0);color:#fff;display:flex;align-items:center;gap:12px}.health-reward>svg{width:38px}.health-reward div{display:flex;flex-direction:column;flex:1}.health-reward strong{font-size:18px}.health-reward p{font-size:8px;margin:0;opacity:.8}.health-reward>span{background:#fff2;border:1px solid #ffffff30;padding:7px;border-radius:11px;font-size:9px}.water-stage{min-height:230px;border-radius:25px;background:linear-gradient(145deg,#e9faff,#e9efff);padding:22px;display:flex;align-items:center;gap:25px}.water-bottle{position:relative;width:94px;height:178px;border:5px solid #8ecbf1;border-radius:22px 22px 29px 29px;overflow:hidden;background:#fff9;display:grid;place-items:center}.bottle-cap{position:absolute;top:-4px;width:43px;height:15px;background:#508eea;border-radius:0 0 8px 8px;z-index:3}.bottle-liquid{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(#57d6ee,#347ce9);transition:.6s}.bottle-liquid i{position:absolute;width:14px;height:14px;background:#fff6;border-radius:50%;animation:bubble 2s infinite}.bottle-liquid i:nth-child(2){left:25%;animation-delay:.7s}.bottle-liquid i:nth-child(3){right:20%;animation-delay:1.2s}.water-bottle strong{z-index:2;color:#163d75;text-shadow:0 1px #fff}.water-copy{flex:1}.water-copy h2{font-size:24px;margin:3px 0}.water-copy p{font-size:10px;color:#6e7d94}.water-copy button{border:0;background:#fff;color:#3975f6;border-radius:11px;padding:8px;display:flex;align-items:center;gap:5px;font-size:9px}.water-copy button svg{width:15px}.quick-water>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.quick-water button{border:1px solid #dcebf3;background:#f4fbff;color:#277dc4;border-radius:15px;padding:10px 5px;display:flex;flex-direction:column;align-items:center}.quick-water button svg{width:21px}.quick-water button strong{font-size:11px}.quick-water button small{font-size:8px}.switch input{display:none}.switch i{display:block;width:43px;height:24px;border-radius:20px;background:#d9e0ea;position:relative;transition:.2s}.switch i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;right:3px;box-shadow:0 2px 5px #26395528;transition:.2s}.switch input:checked+i{background:#36b888}.switch input:checked+i:after{transform:translate(-19px)}.reminder-settings .health-section-title,.movement-reminder,.movement-reminder>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.setting-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.setting-row label{font-size:8px;color:#78859a;display:flex;flex-direction:column;gap:4px}.setting-row input,.setting-row select{min-width:0;width:100%;border:1px solid #e0e7ef;background:#f8faff;border-radius:9px;padding:6px;font-size:9px}.water-log{margin-top:13px}.water-log article{display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf1f5;padding:9px}.water-log article>svg{color:#318ee3}.water-log span{display:flex;flex-direction:column;flex:1}.water-log b{font-size:11px}.water-log small{font-size:8px;color:#8b95a6}.water-log button{border:0;background:#edf3ff;color:#3975f6;border-radius:9px;width:30px;height:30px}.movement-reminder h2{font-size:14px;margin:0}.movement-reminder p{font-size:9px;color:#7d899d;margin:2px 0}.movement-reminder>div>svg{color:#e89a25}.workout-library>article{margin-top:12px;border:1px solid #e3e9f1;border-inline-start:4px solid var(--plan);border-radius:17px;padding:12px;display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:center}.plan-visual{width:61px;height:70px;border-radius:16px;background:color-mix(in srgb,var(--plan),#fff 85%);display:grid;place-items:center;position:relative;overflow:hidden}.plan-visual span{font-size:32px;z-index:1;animation:moveBody 1.7s infinite}.plan-visual i{position:absolute;width:55px;height:55px;border-radius:50%;background:color-mix(in srgb,var(--plan),transparent 80%)}.workout-library article small{font-size:8px;color:var(--plan)}.workout-library article h3{font-size:13px;margin:2px 0}.workout-library article p{font-size:8px;color:#818b9d;margin:0}.workout-library article em{font-size:7px;font-style:normal;background:#f3f6fa;padding:3px 5px;border-radius:7px;margin-inline-end:3px}.workout-library article>button{border:0;background:var(--plan);color:#fff;border-radius:11px;padding:8px;display:flex;align-items:center;gap:4px;font-size:9px}.workout-library article>button svg{width:15px}.health-runner{display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at 50% 35%,#e5f4ff,#f7faff)}.runner-close{align-self:flex-end;border:0;background:#fff;color:#617088;border-radius:11px;padding:8px 13px}.runner-progress{height:7px;width:100%;background:#e1e8f1;border-radius:10px;margin:22px 0;overflow:hidden}.runner-progress i{display:block;height:100%;transition:.3s}.exercise-visual{width:190px;height:190px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:86px;margin:25px 0;box-shadow:0 20px 55px #3975f626}.exercise-visual.moving{animation:moveBody 1.1s infinite}.health-runner h1{margin:0}.health-runner p{color:#778399}.runner-time{font-size:58px;color:#3975f6}.runner-play{border:0;background:#3975f6;color:#fff;border-radius:18px;padding:13px 25px;display:flex;align-items:center;gap:8px;margin-top:20px}.energy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.energy-card{border-radius:20px;padding:14px;display:grid;grid-template-columns:36px 1fr 31px;align-items:center;gap:7px}.energy-card.caffeine{background:#fff3e8;color:#a65d22}.energy-card.sugar{background:#fff0f4;color:#cf4772}.energy-card>svg{width:29px}.energy-card div{display:flex;flex-direction:column}.energy-card small{font-size:8px}.energy-card strong{font-size:12px}.energy-card button{border:0;background:#fff9;color:inherit;width:30px;height:30px;border-radius:10px}.sleep-check>label{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:15px;font-size:10px}.sleep-check input{width:100%;accent-color:#6659dd}.quality-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.quality-options button{border:1px solid #e2e7ef;background:#f8faff;border-radius:13px;padding:8px;display:flex;flex-direction:column}.quality-options button.active{border-color:#655be1;background:#efedff;color:#5d52cf}.quality-options span{font-size:8px}.save-sleep{width:100%;border:0;background:#655be1;color:#fff;padding:10px;border-radius:12px;margin-top:12px}.saved-sleep{font-size:9px;color:#26985b}.energy-insight{display:flex;gap:11px}.energy-insight>svg{color:#e99a24}.energy-insight h2{font-size:14px;margin:0}.energy-insight p{font-size:9px;line-height:1.8;color:#737f94;margin:3px 0}.health-score{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}.health-score>div{background:#fff;border:1px solid #e4e9f1;border-radius:18px;padding:13px;display:flex;flex-direction:column;justify-content:center}.health-score>div:first-child{background:linear-gradient(145deg,#675ade,#3975f6);color:#fff;flex-direction:row;align-items:center;gap:8px}.health-score svg{width:30px}.health-score span{display:flex;flex-direction:column}.health-score strong{font-size:23px}.health-score p{font-size:8px;margin:0}.health-score b{font-size:20px;color:#3975f6}.health-score small{font-size:8px}.health-bars{height:170px;display:flex;align-items:flex-end;justify-content:space-around;margin-top:15px;border-bottom:1px solid #dfe6ef}.health-bars>div{height:145px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px}.health-bars span{height:115px;width:18px;background:#edf1f7;border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}.health-bars i{display:block;width:100%;min-height:3px;background:linear-gradient(#4ed0df,#347ae8);border-radius:8px}.health-bars small,.health-bars b{font-size:7px}.badges>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.badges article{filter:grayscale(1);opacity:.48;background:#f5f6f9;border:1px solid #e6e9ef;border-radius:15px;padding:9px;text-align:center;display:flex;flex-direction:column}.badges article.earned{filter:none;opacity:1;background:#fff9e5;border-color:#efd985}.badges article span{font-size:28px}.badges article b{font-size:9px}.badges article small{font-size:7px;color:#7c8799}.onboard-grid select{width:100%;min-width:0;border:1px solid #dfe6f1;background:#f8faff;border-radius:13px;padding:11px;color:#111a35}.yahya-fab{position:fixed;z-index:16;bottom:100px;inset-inline-end:max(18px,calc((100vw - 540px)/2 + 18px));border:0;background:linear-gradient(145deg,#7455df,#3975f6);color:#fff;border-radius:50%;width:65px;height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 13px 32px #4b5fd962;border:5px solid #fff}.yahya-fab svg{width:22px}.yahya-fab b{font-size:8px}.yahya-overlay{position:fixed;z-index:70;inset:0;background:#0d16395c;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.yahya-panel{width:min(100%,540px);height:min(78dvh,720px);background:#f7f9fe;border-radius:29px 29px 0 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -25px 70px #101a3852}.yahya-panel>header{display:grid;grid-template-columns:48px 1fr 38px 38px;align-items:center;gap:8px;padding:15px 18px;background:#fff;border-bottom:1px solid #e7ebf2}.yahya-avatar{width:46px;height:46px;border-radius:16px;background:linear-gradient(145deg,#7758df,#3975f6);color:#fff;display:grid;place-items:center}.yahya-panel header h2{font-size:16px;margin:0}.yahya-panel header p{font-size:8px;color:#68758d;margin:1px 0}.yahya-panel header p i{display:inline-block;width:6px;height:6px;background:#2fbd71;border-radius:50%}.yahya-panel header button{border:0;background:#f0f3f8;color:#637089;width:36px;height:36px;border-radius:11px}.yahya-messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:9px}.yahya-messages article{max-width:82%;padding:10px 13px;border-radius:16px;font-size:11px;line-height:1.75;white-space:pre-wrap}.yahya-messages .user{align-self:flex-start;background:#3975f6;color:#fff;border-bottom-right-radius:4px}.yahya-messages .assistant{align-self:flex-end;background:#fff;color:#27314a;border:1px solid #e2e7f0;border-bottom-left-radius:4px}.yahya-welcome{text-align:center;padding:25px 8px;color:#27314a}.yahya-welcome>svg{width:42px;color:#6a5ce3}.yahya-welcome h3{margin:8px}.yahya-welcome p{font-size:10px;color:#758097;line-height:1.8}.yahya-welcome button{border:1px solid #dae2ee;background:#fff;color:#3975f6;border-radius:11px;padding:8px;margin:3px;font-size:9px}.yahya-panel>footer{display:grid;grid-template-columns:40px 1fr 40px;gap:8px;padding:10px 14px;background:#fff;border-top:1px solid #e5eaf1}.yahya-panel>footer input{border:1px solid #dfe6ef;background:#f7f9fd;border-radius:14px;padding:10px;outline:0;min-width:0}.yahya-panel>footer button{border:0;border-radius:13px;color:#3975f6;background:#edf3ff}.yahya-panel>footer .send{background:#3975f6;color:#fff}.yahya-panel>footer .listening{background:#ffedf0;color:#e33e52;animation:pulse 1s infinite}.start-call{border:0;background:#e8f8ef;color:#22985b;padding:10px;margin:0 14px calc(10px + env(safe-area-inset-bottom));border-radius:13px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.start-call svg{width:18px}.typing i{width:6px;height:6px;border-radius:50%;background:#7e89a0;display:inline-block;margin:2px;animation:pulse 1s infinite}.yahya-call{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,#e7edff,#111a35);color:#fff}.call-avatar{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#7758df,#3975f6);box-shadow:0 0 0 20px #ffffff0c,0 0 0 40px #ffffff08}.call-avatar.listening{animation:callPulse 1.2s infinite}.call-avatar svg{width:65px;height:65px}.yahya-call h2{margin:55px 0 3px}.yahya-call p{font-size:10px;color:#afbad0}.yahya-call>div:last-child{display:flex;gap:22px;margin-top:25px}.yahya-call button{width:58px;height:58px;border-radius:50%;border:0;background:#ffffff1c;color:#fff}.yahya-call .hangup{background:#ef4050}.yahya-call .active{background:#39ae75}.user-actions{display:flex;gap:5px}.user-actions button{border:1px solid #e0e5ed;background:#fff;border-radius:9px;padding:5px 7px;color:#52617a;font-size:9px;display:flex;align-items:center;gap:3px}.user-actions svg,.view-data svg{width:13px}.data-head,.data-row{grid-template-columns:1.6fr .7fr repeat(5,.55fr) 1.2fr .7fr}.view-data{border:0;background:#edf3ff;color:#3975f6;border-radius:9px;padding:6px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:8px}.recipient-picker{border:1px solid #dfe6ef;border-radius:14px;padding:11px;margin-bottom:15px}.recipient-picker>div:first-child{display:flex;justify-content:space-between;align-items:center}.recipient-picker button{border:0;background:#edf3ff;color:#3975f6;border-radius:8px;padding:5px;font-size:8px}.recipient-list{max-height:150px;overflow:auto;margin:8px 0}.recipient-list label{display:grid!important;grid-template-columns:18px 1fr!important;align-items:center!important;margin:0!important;padding:7px!important;border-top:1px solid #edf0f5}.recipient-list input{width:15px!important}.recipient-list span{display:flex;flex-direction:column}.recipient-list small{font-size:8px}.admin-detail-overlay{position:fixed;z-index:90;inset:0;background:#0d17366e;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.admin-user-detail{width:min(100%,680px);max-height:90vh;overflow:auto;background:#fff;border-radius:25px;padding:22px;box-shadow:0 25px 80px #111b384f}.admin-user-detail>header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e6ebf2;padding-bottom:14px}.admin-user-detail h2{margin:2px 0}.admin-user-detail header p{margin:0;color:#788399;font-size:10px}.admin-user-detail header button{border:0;background:#f0f3f8;width:38px;height:38px;border-radius:12px}.profile-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:15px 0}.profile-detail-grid article{background:#f7f9fc;border:1px solid #e5eaf1;border-radius:13px;padding:10px;display:flex;flex-direction:column}.profile-detail-grid small{font-size:8px;color:#858fa1}.profile-detail-grid b{font-size:11px}.user-record-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.user-record-summary article{border-radius:13px;background:#edf3ff;color:#3975f6;padding:10px;text-align:center;display:flex;flex-direction:column}.user-record-summary b{font-size:20px}.user-record-summary small{font-size:7px}.detail-sync{font-size:9px;color:#7e899d;text-align:center;margin-top:15px}@keyframes bubble{0%{transform:translateY(45px);opacity:0}50%{opacity:1}to{transform:translateY(-70px);opacity:0}}@keyframes moveBody{50%{transform:translateY(-7px) rotate(4deg)}}@keyframes callPulse{50%{transform:scale(1.05);box-shadow:0 0 0 28px #ffffff16,0 0 0 55px #ffffff09}}@media(min-width:900px){.app-shell.web-user-app{width:min(100%,1180px);max-width:1180px;border-radius:30px}.web-user-app .bottom-nav{width:min(100%,1180px);bottom:25px}.web-user-app .screen{padding-inline:42px}.web-user-app .health-hero-grid{grid-template-columns:1fr 1fr}.web-user-app .health-tabs{justify-content:center}.web-user-app .health-tabs button{min-width:145px}.web-user-app .workout-library>article{grid-template-columns:80px 1fr 100px}.web-user-app .yahya-fab{inset-inline-end:max(35px,calc((100vw - 1180px)/2 + 35px))}.web-user-app .dashboard{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.web-user-app .dashboard>.top,.web-user-app .dashboard>.greeting{grid-column:1/-1}.web-user-app .dashboard>.progress-card{grid-row:3/5}.yahya-panel{border-radius:29px;height:min(82vh,760px);margin-bottom:18px}}@media(max-width:600px){.health-score{grid-template-columns:1fr 1fr}.health-score>div:first-child{grid-column:1/-1}.workout-library>article{grid-template-columns:58px 1fr}.workout-library article>button{grid-column:1/-1;justify-content:center}.user-record-summary{grid-template-columns:repeat(3,1fr)}.profile-detail-grid{grid-template-columns:1fr}.admin-detail-overlay{padding:8px}}.health-chart-card .health-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.chart-period{display:flex!important;gap:4px!important}.chart-period button{border:0;background:#edf2f8;color:#768298;border-radius:8px;padding:5px 7px;font-size:8px}.chart-period button.active{background:#3975f6;color:#fff}.health-bars{justify-content:flex-start!important;gap:7px;overflow-x:auto;overflow-y:hidden}.health-bars>div{min-width:34px}.exercise-figure{width:150px;height:176px;overflow:visible}.exercise-figure.compact{width:55px;height:68px}.figure-shadow{fill:#2d51831c}.figure-head circle:first-child{fill:#f2b68a;stroke:#d99068;stroke-width:1.5}.figure-head path:first-of-type{fill:#533627}.figure-head .eye{fill:#27304a;stroke:none}.figure-head .smile{fill:none;stroke:#a35d4d;stroke-width:1.3}.figure-body rect{fill:#ff775c;stroke:#db5945;stroke-width:1.5}.figure-body path{fill:#536b9e}.figure-left-arm line,.figure-right-arm line,.figure-left-leg line,.figure-right-leg line{stroke:#33415f;stroke-width:8;stroke-linecap:round}.figure-left-arm circle,.figure-right-arm circle{fill:#f2b68a}.figure-left-leg .shoe,.figure-right-leg .shoe{stroke:#202a42;stroke-width:7}.figure-person g,.figure-person{transform-box:view-box}.figure-left-arm{transform-origin:40px 47px}.figure-right-arm{transform-origin:60px 47px}.figure-left-leg{transform-origin:43px 91px}.figure-right-leg{transform-origin:57px 91px}.figure-head{transform-origin:50px 35px}.figure-body,.figure-person{transform-origin:50px 85px}.motion-marks{opacity:0;fill:none;stroke:#3975f6;stroke-width:2;stroke-linecap:round}.is-moving .motion-marks{opacity:.65;animation:motionBlink .7s infinite alternate}.pose-stretch .figure-left-arm,.pose-jumping .figure-left-arm{transform:rotate(120deg)}.pose-stretch .figure-right-arm,.pose-jumping .figure-right-arm{transform:rotate(-120deg)}.pose-shoulders.is-moving .figure-left-arm{animation:armCircleLeft 1.5s infinite}.pose-shoulders.is-moving .figure-right-arm{animation:armCircleRight 1.5s infinite}.pose-side-bend .figure-person{transform:rotate(-16deg)}.pose-side-bend.is-moving .figure-person{animation:sideBend 1.8s infinite ease-in-out}.pose-squat .figure-body{transform:translateY(13px)}.pose-squat .figure-left-leg{transform:rotate(34deg)}.pose-squat .figure-right-leg{transform:rotate(-34deg)}.pose-squat.is-moving .figure-person{animation:squatMove 1.4s infinite ease-in-out}.pose-neck .figure-head{transform:rotate(-18deg)}.pose-neck.is-moving .figure-head{animation:neckMove 2s infinite ease-in-out}.pose-chest .figure-left-arm{transform:rotate(-38deg)}.pose-chest .figure-right-arm{transform:rotate(38deg)}.pose-chest.is-moving .figure-left-arm{animation:chestLeft 1.5s infinite alternate}.pose-chest.is-moving .figure-right-arm{animation:chestRight 1.5s infinite alternate}.pose-twist .figure-body{transform:skew(-9deg)}.pose-twist.is-moving .figure-body{animation:twistMove 1.5s infinite ease-in-out}.pose-walk .figure-left-leg,.pose-high-knees .figure-left-leg{transform:rotate(-42deg)}.pose-walk .figure-right-leg{transform:rotate(28deg)}.pose-walk .figure-left-arm{transform:rotate(-28deg)}.pose-walk .figure-right-arm{transform:rotate(28deg)}.pose-walk.is-moving .figure-left-leg,.pose-high-knees.is-moving .figure-left-leg{animation:legForward 1s infinite alternate}.pose-walk.is-moving .figure-right-leg,.pose-high-knees.is-moving .figure-right-leg{animation:legBack 1s infinite alternate}.pose-walk.is-moving .figure-left-arm,.pose-high-knees.is-moving .figure-left-arm{animation:armWalkLeft 1s infinite alternate}.pose-walk.is-moving .figure-right-arm,.pose-high-knees.is-moving .figure-right-arm{animation:armWalkRight 1s infinite alternate}.pose-jumping .figure-left-leg{transform:rotate(27deg)}.pose-jumping .figure-right-leg{transform:rotate(-27deg)}.pose-jumping.is-moving .figure-person{animation:jumpMove .9s infinite ease-in-out}.pose-high-knees .figure-left-leg{transform:rotate(-68deg)}.pose-climber .figure-person{transform:translateY(15px) rotate(67deg)}.pose-climber .figure-left-leg{transform:rotate(-55deg)}.pose-climber .figure-right-leg{transform:rotate(45deg)}.pose-climber.is-moving .figure-left-leg{animation:climbLeft .8s infinite alternate}.pose-climber.is-moving .figure-right-leg{animation:climbRight .8s infinite alternate}.pose-boxing .figure-left-arm{transform:rotate(72deg)}.pose-boxing .figure-right-arm{transform:rotate(-72deg)}.pose-boxing.is-moving .figure-left-arm{animation:punchLeft .8s infinite alternate}.pose-boxing.is-moving .figure-right-arm{animation:punchRight .8s .4s infinite alternate}.pose-rest .figure-left-arm{transform:rotate(-12deg)}.pose-rest .figure-right-arm{transform:rotate(12deg)}.pose-rest.is-moving .figure-body{animation:breathe 2.2s infinite ease-in-out}.exercise-visual{font-size:0;overflow:hidden}.exercise-visual .exercise-figure{width:150px;height:180px}.plan-visual .exercise-figure{position:relative;z-index:1}.yahya-fab{bottom:calc(82px + env(safe-area-inset-bottom));width:56px;height:56px;border-width:4px;inset-inline-end:max(15px,calc((100vw - 540px)/2 + 15px));box-shadow:0 10px 24px #4b5fd94d}.yahya-fab svg{width:18px}.yahya-fab b{font-size:7px;line-height:1;margin-top:1px}@keyframes motionBlink{to{opacity:.15}}@keyframes armCircleLeft{0%{transform:rotate(0)}50%{transform:rotate(150deg)}to{transform:rotate(360deg)}}@keyframes armCircleRight{0%{transform:rotate(0)}50%{transform:rotate(-150deg)}to{transform:rotate(-360deg)}}@keyframes sideBend{0%,to{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}@keyframes squatMove{0%,to{transform:translateY(0)}50%{transform:translateY(14px)}}@keyframes neckMove{0%,to{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}@keyframes chestLeft{to{transform:rotate(35deg)}}@keyframes chestRight{to{transform:rotate(-35deg)}}@keyframes twistMove{0%,to{transform:skew(-9deg)}50%{transform:skew(9deg)}}@keyframes legForward{to{transform:rotate(48deg)}}@keyframes legBack{to{transform:rotate(-42deg)}}@keyframes armWalkLeft{to{transform:rotate(34deg)}}@keyframes armWalkRight{to{transform:rotate(-34deg)}}@keyframes jumpMove{0%,to{transform:translateY(3px)}50%{transform:translateY(-12px)}}@keyframes climbLeft{to{transform:rotate(45deg)}}@keyframes climbRight{to{transform:rotate(-55deg)}}@keyframes punchLeft{to{transform:rotate(98deg) scaleY(1.15)}}@keyframes punchRight{to{transform:rotate(-98deg) scaleY(1.15)}}@keyframes breathe{50%{transform:scale(1.07)}}@media(max-width:370px){.yahya-fab{width:52px;height:52px;inset-inline-end:11px}.exercise-visual{width:174px;height:174px}.exercise-visual .exercise-figure{width:140px;height:168px}}.health-goal-card,.ai-health-plan{background:#fff;border:1px solid #e3e9f1;border-radius:23px;padding:17px;margin-top:13px;box-shadow:0 10px 28px #43627d0d}.goal-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.goal-fields label{display:flex;flex-direction:column;gap:5px;color:#738097;font-size:9px}.goal-fields input,.goal-fields select{width:100%;min-width:0;border:1px solid #dfe7f0;background:#f7f9fd;border-radius:12px;padding:10px;color:#17213a}.generate-health-plan{width:100%;border:0;border-radius:14px;padding:12px;margin-top:13px;background:linear-gradient(135deg,#7558df,#3975f6);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.generate-health-plan svg,.ai-health-plan button svg{width:17px}.generate-health-plan:disabled{opacity:.65}.plan-error{color:#d74658;font-size:9px;text-align:center}.ai-health-plan>header{display:flex;align-items:center;gap:10px}.ai-health-plan>header>span{width:47px;height:47px;border-radius:15px;background:linear-gradient(145deg,#7658df,#3975f6);color:#fff;display:grid;place-items:center}.ai-health-plan header small{color:#6a5bdb;font-size:8px}.ai-health-plan header h2{font-size:13px;margin:2px 0}.plan-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:15px 0}.plan-numbers article{background:#f3f7ff;border-radius:13px;padding:9px 5px;text-align:center;display:flex;flex-direction:column}.plan-numbers strong{font-size:12px;color:#3975f6}.plan-numbers small{font-size:7px;color:#7b879a}.plan-columns{display:grid;grid-template-columns:1fr 1fr;gap:9px}.plan-columns article{background:#f8fafc;border:1px solid #e6ebf2;border-radius:15px;padding:11px}.plan-columns h3{display:flex;align-items:center;gap:5px;font-size:11px;margin:0 0 7px}.plan-columns h3 svg{width:16px;color:#37a775}.plan-columns p{font-size:8px;line-height:1.7;color:#66748b;margin:4px 0}.plan-safety{background:#fff7e8;color:#93661d;border-radius:11px;padding:9px;font-size:8px;line-height:1.7}.ai-health-plan>button{border:0;background:#edf3ff;color:#3975f6;border-radius:11px;padding:8px 12px;display:flex;align-items:center;gap:5px;margin:auto}.health-tabs button{flex:1}@media(max-width:390px){.plan-numbers{grid-template-columns:1fr 1fr}.plan-columns{grid-template-columns:1fr}}.steps-live .health-summary-icon{background:#eaf9f8;color:#2ca8a2}.live-dot{width:9px;height:9px;border-radius:50%;background:#2ec37b;box-shadow:0 0 0 5px #2ec37b1f;animation:pulse 1.3s infinite}.table-head,.table-row{grid-template-columns:2fr .7fr .9fr .65fr .8fr 1.15fr}.ai-credit-cell{display:flex;flex-direction:column;color:#5d4bd0}.ai-credit-cell small{font-size:8px;color:#8791a4}.credit-action{background:#f1edff!important;color:#6d50d3!important}.credit-editor{width:min(94vw,470px);background:#fff;border-radius:23px;padding:21px;box-shadow:0 25px 80px #111b384f}.credit-editor>header{display:flex;justify-content:space-between;border-bottom:1px solid #e7ebf2;padding-bottom:13px}.credit-editor header h2{margin:2px 0}.credit-editor header p{font-size:9px;color:#7c879b;margin:0}.credit-editor header button{border:0;background:#f0f3f8;width:37px;height:37px;border-radius:11px}.credit-current{display:flex;align-items:center;gap:11px;margin:15px 0;background:linear-gradient(135deg,#6858df,#3975f6);color:#fff;border-radius:17px;padding:14px}.credit-current>svg{width:34px}.credit-current span{display:flex;flex-direction:column}.credit-current small,.credit-current em{font-size:8px;opacity:.8}.credit-current strong{font-size:20px}.credit-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.credit-editor label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#6e7b90}.credit-editor select,.credit-editor input{border:1px solid #dfe6ef;background:#f8faff;border-radius:11px;padding:9px;color:#18213a}.credit-amount{margin-top:10px}.credit-hint{font-size:8px;line-height:1.7;color:#7d8799;background:#f6f8fc;border-radius:10px;padding:8px}.save-credit{width:100%;border:0;background:#3975f6;color:#fff;border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:center;gap:6px}.save-credit svg{width:17px}.yahya-credit-block{margin:0 14px 9px;background:#fff6e7;border:1px solid #f3d79e;border-radius:14px;padding:10px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;color:#8b641e}.yahya-credit-block>svg{width:24px}.yahya-credit-block div{display:flex;flex-direction:column}.yahya-credit-block b{font-size:10px}.yahya-credit-block p{font-size:8px;margin:1px 0}.yahya-credit-block a{background:#24a765;color:#fff;text-decoration:none;border-radius:9px;padding:7px;font-size:8px}.yahya-panel button:disabled,.yahya-panel input:disabled{opacity:.5}.onboarding-skip{width:100%;border:0;background:transparent;color:#66748c;padding:10px;margin-top:4px;font-size:11px}.complete-profile:disabled,.onboarding-skip:disabled{opacity:.55}.profile-photo-picker{display:flex!important;flex-direction:column;align-items:center;gap:7px;margin:6px auto 18px!important;color:#3975f6!important;cursor:pointer}.profile-photo-picker>span,.profile-photo-picker>img{width:82px;height:82px;border-radius:25px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(145deg,#e6efff,#eee9ff);border:3px solid #fff;box-shadow:0 10px 25px #3b63c32e}.profile-photo-picker>span svg{width:34px}.profile-photo-picker b{display:flex;align-items:center;gap:5px;font-size:10px}.profile-photo-picker b svg{width:15px}.profile-photo-picker input{display:none}.dashboard-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:-7px 0 16px}.dashboard-shortcuts button{border:1px solid #e6ebf4;background:#ffffffd9;border-radius:17px;padding:10px 4px;min-width:0;color:#202a43;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:0 8px 20px #49688e0b}.dashboard-shortcuts span{width:34px;height:34px;border-radius:11px;background:#edf3ff;color:#3975f6;display:grid;place-items:center}.dashboard-shortcuts svg{width:18px}.dashboard-shortcuts b{font-size:10px}.dashboard-shortcuts small{font-size:6.5px;color:#7d8799;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric{width:100%;border:0;background:transparent;color:inherit;text-align:start;padding:0}.metric:active{transform:scale(.985)}.yomi-splash{position:fixed;z-index:999;inset:0;min-height:100dvh;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(155deg,#2c72f2,#5a65e9 46%,#7352d8);font-family:Cairo,Inter,sans-serif}.yomi-splash:before,.yomi-splash:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);animation:splashFloat 3.2s ease-in-out infinite alternate}.yomi-splash:before{width:330px;height:330px;top:-170px;inset-inline-end:-110px;background:#9fdcff42}.yomi-splash:after{width:280px;height:280px;bottom:-140px;inset-inline-start:-100px;background:#c4a6ff36;animation-delay:.4s}.yomi-splash section{position:relative;z-index:2;width:min(90%,430px);display:flex;flex-direction:column;align-items:center;text-align:center;animation:splashEnter .75s cubic-bezier(.2,.8,.2,1) both}.yomi-mark{position:relative;width:112px;height:112px;border-radius:34px;display:grid;place-items:center;background:#ffffff20;border:1px solid #ffffff58;box-shadow:0 22px 60px #14275b4d,inset 0 1px #fff8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:markBreathe 1.7s ease-in-out infinite}.yomi-mark>svg{width:48px;height:48px;filter:drop-shadow(0 5px 9px #25378a55)}.yomi-mark i{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff}.yomi-mark i:nth-child(2){top:17px;right:19px;animation:sparkPop 1.2s infinite}.yomi-mark i:nth-child(3){bottom:19px;left:17px;transform:scale(.55);animation:sparkPop 1.2s .45s infinite}.yomi-splash section>small{margin-top:23px;font-size:12px;letter-spacing:1.4px;color:#e4ebff}.yomi-splash h1{font-size:49px;line-height:1;margin:9px 0 12px;letter-spacing:-2px}.yomi-splash h1 b{display:block;font-size:18px;letter-spacing:7px;margin-top:9px;color:#cfe0ff;font-weight:600}.yomi-splash section>p{font-size:12px;color:#e3e9ff;margin:0;max-width:310px;line-height:1.9}.splash-features{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:100%;margin-top:25px}.splash-features span{opacity:0;transform:translateY(15px);animation:featureRise .5s var(--delay) forwards;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:15px;background:#ffffff16;border:1px solid #ffffff2e;font-size:8px}.splash-features svg{width:19px}.splash-ai{opacity:0;animation:featureRise .55s 1.25s forwards;display:flex;align-items:center;gap:6px;margin-top:13px;padding:8px 13px;border-radius:20px;background:#fff;color:#5163d7;font-size:9px;font-weight:700}.splash-ai svg{width:15px}.splash-progress{position:absolute;z-index:3;bottom:calc(28px + env(safe-area-inset-bottom));width:min(64%,260px);height:4px;border-radius:8px;background:#ffffff27;overflow:hidden}.splash-progress i{display:block;width:100%;height:100%;border-radius:8px;background:#fff;transform-origin:right;animation:splashLoad 3.15s linear forwards}.splash-orbit{position:absolute;border:1px solid #ffffff1f;border-radius:50%;animation:orbitSpin 9s linear infinite}.orbit-one{width:420px;height:420px}.orbit-two{width:570px;height:570px;animation-direction:reverse;animation-duration:13s}.splash-orbit:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;top:32px;left:92px;box-shadow:0 0 18px #fff}.orbit-two:before{inset:auto 20px 82px auto;width:5px;height:5px}@keyframes splashEnter{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}@keyframes splashFloat{to{transform:translate(25px,18px) scale(1.08)}}@keyframes markBreathe{50%{transform:translateY(-7px) scale(1.025);box-shadow:0 29px 70px #14275b5c,inset 0 1px #fff8}}@keyframes sparkPop{50%{transform:scale(.4);opacity:.35}}@keyframes featureRise{to{opacity:1;transform:none}}@keyframes splashLoad{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.yomi-splash *{animation-duration:.01ms!important;animation-delay:0ms!important}}.pose-stretch.is-moving .figure-left-arm{animation:fullStretchLeft 1.55s ease-in-out infinite alternate}.pose-stretch.is-moving .figure-right-arm{animation:fullStretchRight 1.55s ease-in-out infinite alternate}.pose-stretch.is-moving .figure-person{animation:stretchLift 1.55s ease-in-out infinite alternate}.pose-jumping.is-moving .figure-left-arm{animation:jumpArmLeft .85s ease-in-out infinite alternate}.pose-jumping.is-moving .figure-right-arm{animation:jumpArmRight .85s ease-in-out infinite alternate}.pose-jumping.is-moving .figure-left-leg{animation:jumpLegLeft .85s ease-in-out infinite alternate}.pose-jumping.is-moving .figure-right-leg{animation:jumpLegRight .85s ease-in-out infinite alternate}.pose-walk.is-moving .figure-person,.pose-high-knees.is-moving .figure-person{animation:walkBody .55s ease-in-out infinite alternate}.pose-squat.is-moving .figure-head{animation:squatHead 1.4s ease-in-out infinite}.pose-squat.is-moving .figure-left-arm{animation:squatArmLeft 1.4s ease-in-out infinite}.pose-squat.is-moving .figure-right-arm{animation:squatArmRight 1.4s ease-in-out infinite}.pose-boxing.is-moving .figure-person{animation:boxingBody .8s ease-in-out infinite alternate}.pose-climber.is-moving .figure-body{animation:climberBody .8s ease-in-out infinite alternate}.exercise-figure.is-moving .figure-shadow{animation:shadowPulse .7s ease-in-out infinite alternate}@keyframes fullStretchLeft{0%{transform:rotate(12deg)}to{transform:rotate(132deg)}}@keyframes fullStretchRight{0%{transform:rotate(-12deg)}to{transform:rotate(-132deg)}}@keyframes stretchLift{0%{transform:translateY(3px)}to{transform:translateY(-5px)}}@keyframes jumpArmLeft{0%{transform:rotate(0)}to{transform:rotate(125deg)}}@keyframes jumpArmRight{0%{transform:rotate(0)}to{transform:rotate(-125deg)}}@keyframes jumpLegLeft{0%{transform:rotate(0)}to{transform:rotate(30deg)}}@keyframes jumpLegRight{0%{transform:rotate(0)}to{transform:rotate(-30deg)}}@keyframes walkBody{to{transform:translateY(-4px) rotate(.8deg)}}@keyframes squatHead{50%{transform:translateY(7px)}}@keyframes squatArmLeft{50%{transform:rotate(-52deg)}}@keyframes squatArmRight{50%{transform:rotate(52deg)}}@keyframes boxingBody{to{transform:translate(3px) rotate(3deg)}}@keyframes climberBody{to{transform:skew(3deg)}}@keyframes shadowPulse{to{transform:scaleX(.72);transform-origin:center;opacity:.45}}.sync-dot.error{color:#b84451;background:#fff0f2;box-shadow:0 4px 14px #b8445120}
