@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}}.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{text-align:center;padding:8px 0 22px;border-bottom:1px solid #e3e9f2}.drawer-profile>div{width:70px;height:70px;border-radius:23px;margin:auto;display:grid;place-items:center;color:#fff;font-size:28px;font-weight:800;background:linear-gradient(145deg,#5b8cff,#7559e8);box-shadow:0 13px 27px #496ee93b}.drawer-profile h2{margin:9px 0 1px;font-size:19px}.drawer-profile p{margin:0;color:#78839a;font-size:11px}.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:84px;padding-top:8px;border-radius:23px 23px 0 0}.bottom-nav button{position:relative;gap:3px}.bottom-nav .nav-icon{width:39px;height:39px;border-radius:14px;display:grid;place-items:center;background:#f3f6fb;transition:.2s}.bottom-nav .nav-icon svg{width:21px}.bottom-nav button.active .nav-icon{color:#fff;background:linear-gradient(145deg,#6590ff,#355fe8);box-shadow:0 8px 18px #3c68e63b;transform:translateY(-3px)}.bottom-nav .featured .nav-icon{border-radius:50%;background:linear-gradient(145deg,#8c69f2,#526de8);color:#fff}.bottom-nav .featured.active .nav-icon{transform:translateY(-7px) scale(1.12);box-shadow:0 10px 25px #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}}