@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Roboto:wght@300;400;500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&family=Anek+Bangla:wght@400;500;600;700;800&display=swap";.ambient-glow-backdrop{pointer-events:none;z-index:0;background-color:var(--bg);width:100vw;height:100vh;transition:background-color .4s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.ambient-glow-backdrop:before{content:"";opacity:.55;pointer-events:none;background:radial-gradient(90% 75% at 50% 48%,#14306926 0%,#0c183412 50%,#0000 85%),radial-gradient(700px at 20% 80%,#0e749017 0%,#0000 70%),radial-gradient(750px at 80% 30%,#6d28d914 0%,#0000 70%);transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}[data-theme=light] .ambient-glow-backdrop:before{opacity:.85;background:radial-gradient(90% 75% at 50% 48%,#bfdbfe66 0%,#dbeafe33 50%,#0000 85%),radial-gradient(700px at 20% 80%,#bae6fd4d 0%,#0000 70%),radial-gradient(750px at 80% 30%,#e9d5ff4d 0%,#0000 70%)}.ambient-glass-grain{pointer-events:none;opacity:.038;mix-blend-mode:overlay;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grainFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grainFilter)'/%3E%3C/svg%3E");background-repeat:repeat;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}[data-theme=light] .ambient-glass-grain{opacity:.024;mix-blend-mode:multiply}.glow-wave-wake{pointer-events:none;-webkit-filter:blur(70px);will-change:transform, opacity;z-index:1;background:radial-gradient(#2563eb38 0%,#4f46e524 45%,#0000 72%);border-radius:50%;width:860px;height:560px;margin-top:-280px;margin-left:-430px;animation:12s ease-in-out infinite fluidWakeCycle;position:absolute;top:45%;left:45%;animation-play-state:running!important}[data-theme=light] .glow-wave-wake{background:radial-gradient(#93c5fd73 0%,#c4b5fd4d 45%,#0000 72%)}@keyframes fluidWakeCycle{0%{opacity:.45;transform:translate(0,0)rotate(0)scale(1.05)}25%{opacity:.55;transform:translate(-220px,130px)rotate(45deg)scale(1.28)}50%{opacity:.52;transform:translate(-80px,250px)rotate(90deg)scale(1.35)}75%{opacity:.48;transform:translate(200px,-110px)rotate(180deg)scale(1.22)}to{opacity:.45;transform:translate(0,0)rotate(360deg)scale(1.05)}}.glow-wave-orb{pointer-events:none;-webkit-filter:blur(55px);will-change:transform, opacity;z-index:2;border-radius:50%;position:absolute;transform:translate(0,0);animation-play-state:running!important}.glow-wave-orb.orb-1{background:radial-gradient(#2d5fcd85 0%,#1c3c8c52 32%,#142d6924 58%,#0000 75%);width:860px;height:600px;margin-top:-300px;margin-left:-430px;animation:14s cubic-bezier(.4,0,.2,1) infinite hydroWave1;top:38%;left:43%}.glow-wave-orb.orb-2{background:radial-gradient(#0e82be7a 0%,#08558c47 32%,#05375f24 58%,#0000 75%);width:800px;height:560px;margin-top:-280px;margin-left:-400px;animation:16s cubic-bezier(.4,0,.2,1) infinite hydroWave2;top:78%;left:12%}.glow-wave-orb.orb-5{background:radial-gradient(#6950c875 0%,#41328c47 32%,#281e5f24 58%,#0000 75%);width:840px;height:580px;margin-top:-290px;margin-left:-420px;animation:15s cubic-bezier(.4,0,.2,1) infinite hydroWave5;top:88%;left:36%}.glow-wave-orb.orb-4{background:radial-gradient(#285ac37a 0%,#19378747 32%,#12285f24 58%,#0000 75%);width:820px;height:580px;margin-top:-290px;margin-left:-410px;animation:17s cubic-bezier(.4,0,.2,1) infinite hydroWave4;top:78%;left:84%}.glow-wave-orb.orb-3{background:radial-gradient(#7d4bc875 0%,#502d9147 32%,#321e6424 58%,#0000 75%);width:820px;height:560px;margin-top:-280px;margin-left:-410px;animation:16s cubic-bezier(.4,0,.2,1) infinite hydroWave3;top:20%;left:88%}[data-theme=light] .glow-wave-orb.orb-1{background:radial-gradient(#60a5fae0 0%,#93c5fd9e 32%,#bfdbfe59 60%,#0000 75%)}[data-theme=light] .glow-wave-orb.orb-2{background:radial-gradient(#38bdf8e6 0%,#7dd3fc9e 32%,#bae6fd59 60%,#0000 75%)}[data-theme=light] .glow-wave-orb.orb-5{background:radial-gradient(#a78bfae6 0%,#c4b5fd9e 32%,#ddd6fe59 60%,#0000 75%)}[data-theme=light] .glow-wave-orb.orb-4{background:radial-gradient(#60a5fae6 0%,#93c5fd9e 32%,#c7d2fe59 60%,#0000 75%)}[data-theme=light] .glow-wave-orb.orb-3{background:radial-gradient(#c084fce6 0%,#d8b4fe9e 32%,#e9d5ff59 60%,#0000 75%)}@keyframes hydroWave1{0%{opacity:.72;transform:translate(0,0)scale(1)rotate(-2deg)}24%{opacity:.8;transform:translate(180px,120px)scale(1.22)rotate(6deg)}50%{opacity:.45;transform:translate(-130px,160px)scale(.9)rotate(2deg)}75%{opacity:.6;transform:translate(-160px,-100px)scale(1.08)rotate(-5deg)}to{opacity:.72;transform:translate(0,0)scale(1)rotate(-2deg)}}@keyframes hydroWave2{0%{opacity:.35;transform:translate(0,0)scale(.9)rotate(2deg)}26%{opacity:.75;transform:translate(200px,-160px)scale(1.28)rotate(-6deg)}52%{opacity:.52;transform:translate(110px,-230px)scale(1.14)rotate(4deg)}78%{opacity:.3;transform:translate(-100px,-50px)scale(.88)rotate(-2deg)}to{opacity:.35;transform:translate(0,0)scale(.9)rotate(2deg)}}@keyframes hydroWave5{0%{opacity:.32;transform:translate(0,0)scale(.9)rotate(-2deg)}30%{opacity:.75;transform:translate(-180px,-170px)scale(1.28)rotate(5deg)}60%{opacity:.55;transform:translate(180px,-130px)scale(1.16)rotate(-4deg)}80%{opacity:.3;transform:translate(100px,60px)scale(.88)rotate(2deg)}to{opacity:.32;transform:translate(0,0)scale(.9)rotate(-2deg)}}@keyframes hydroWave4{0%{opacity:.32;transform:translate(0,0)scale(.9)rotate(2deg)}32%{opacity:.75;transform:translate(-210px,-160px)scale(1.28)rotate(6deg)}64%{opacity:.52;transform:translate(-100px,90px)scale(1.08)rotate(-3deg)}82%{opacity:.3;transform:translate(90px,-60px)scale(.88)rotate(2deg)}to{opacity:.32;transform:translate(0,0)scale(.9)rotate(2deg)}}@keyframes hydroWave3{0%{opacity:.32;transform:translate(0,0)scale(.9)rotate(-3deg)}32%{opacity:.75;transform:translate(-180px,150px)scale(1.28)rotate(-5deg)}66%{opacity:.52;transform:translate(-110px,210px)scale(1.14)rotate(4deg)}84%{opacity:.3;transform:translate(75px,75px)scale(.88)rotate(-2deg)}to{opacity:.32;transform:translate(0,0)scale(.9)rotate(-3deg)}}[data-theme=light] .glow-wave-orb.orb-1{animation:14s cubic-bezier(.4,0,.2,1) infinite hydroWave1Light}[data-theme=light] .glow-wave-orb.orb-2{animation:16s cubic-bezier(.4,0,.2,1) infinite hydroWave2Light}[data-theme=light] .glow-wave-orb.orb-5{animation:15s cubic-bezier(.4,0,.2,1) infinite hydroWave5Light}[data-theme=light] .glow-wave-orb.orb-4{animation:17s cubic-bezier(.4,0,.2,1) infinite hydroWave4Light}[data-theme=light] .glow-wave-orb.orb-3{animation:16s cubic-bezier(.4,0,.2,1) infinite hydroWave3Light}@keyframes hydroWave1Light{0%{opacity:.9;transform:translate(0,0)scale(1)rotate(-2deg)}24%{opacity:.98;transform:translate(180px,120px)scale(1.22)rotate(6deg)}50%{opacity:.6;transform:translate(-130px,160px)scale(.9)rotate(2deg)}75%{opacity:.75;transform:translate(-160px,-100px)scale(1.08)rotate(-5deg)}to{opacity:.9;transform:translate(0,0)scale(1)rotate(-2deg)}}@keyframes hydroWave2Light{0%{opacity:.55;transform:translate(0,0)scale(.9)rotate(2deg)}26%{opacity:.92;transform:translate(200px,-160px)scale(1.28)rotate(-6deg)}52%{opacity:.72;transform:translate(110px,-230px)scale(1.14)rotate(4deg)}78%{opacity:.48;transform:translate(-100px,-50px)scale(.88)rotate(-2deg)}to{opacity:.55;transform:translate(0,0)scale(.9)rotate(2deg)}}@keyframes hydroWave5Light{0%{opacity:.55;transform:translate(0,0)scale(.9)rotate(-2deg)}30%{opacity:.92;transform:translate(-180px,-170px)scale(1.28)rotate(5deg)}60%{opacity:.75;transform:translate(180px,-130px)scale(1.16)rotate(-4deg)}80%{opacity:.48;transform:translate(100px,60px)scale(.88)rotate(2deg)}to{opacity:.55;transform:translate(0,0)scale(.9)rotate(-2deg)}}@keyframes hydroWave4Light{0%{opacity:.52;transform:translate(0,0)scale(.9)rotate(2deg)}32%{opacity:.92;transform:translate(-210px,-160px)scale(1.28)rotate(6deg)}64%{opacity:.72;transform:translate(-100px,90px)scale(1.08)rotate(-3deg)}82%{opacity:.48;transform:translate(90px,-60px)scale(.88)rotate(2deg)}to{opacity:.52;transform:translate(0,0)scale(.9)rotate(2deg)}}@keyframes hydroWave3Light{0%{opacity:.52;transform:translate(0,0)scale(.9)rotate(-3deg)}32%{opacity:.92;transform:translate(-180px,150px)scale(1.28)rotate(-5deg)}66%{opacity:.72;transform:translate(-110px,210px)scale(1.14)rotate(4deg)}84%{opacity:.48;transform:translate(75px,75px)scale(.88)rotate(-2deg)}to{opacity:.52;transform:translate(0,0)scale(.9)rotate(-3deg)}}@media (hover:hover) and (pointer:fine){.keep-card,.st-topic-row,.panel,.focus-score-card,.overview-stat-card,.stat-card,.goal-card-v2,.kpi-card-fin,.fin-insight-card,.keep-take-note-card,[data-glass-tilt]{transform-style:preserve-3d;will-change:transform;transform:perspective(1000px) rotateX(var(--glass-rot-x,0deg)) rotateY(var(--glass-rot-y,0deg)) translateZ(0);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1),border-color .2s;position:relative}.keep-card:after,.st-topic-row:after,.panel:after,.focus-score-card:after,.overview-stat-card:after,.stat-card:after,.goal-card-v2:after,.kpi-card-fin:after,.fin-insight-card:after,.keep-take-note-card:after,[data-glass-tilt]:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(440px circle at var(--glass-x,-500px) var(--glass-y,-500px), #ffffff12 0%, #6366f108 35%, transparent 75%);opacity:var(--glass-glare-opacity,0);z-index:5;mix-blend-mode:overlay;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0}[data-theme=light] .keep-card:after,[data-theme=light] .st-topic-row:after,[data-theme=light] .panel:after,[data-theme=light] .focus-score-card:after,[data-theme=light] .overview-stat-card:after,[data-theme=light] .stat-card:after,[data-theme=light] .goal-card-v2:after,[data-theme=light] .kpi-card-fin:after,[data-theme=light] .fin-insight-card:after,[data-theme=light] .keep-take-note-card:after,[data-theme=light] [data-glass-tilt]:after{background:radial-gradient(440px circle at var(--glass-x,-500px) var(--glass-y,-500px), #fff9 0%, #6366f11f 35%, transparent 75%);mix-blend-mode:soft-light}.keep-card:hover,.st-topic-row:hover,.panel:hover,.focus-score-card:hover,.overview-stat-card:hover,.goal-card-v2:hover,.fin-insight-card:hover,[data-glass-tilt]:hover{border-color:#ffffff29!important;box-shadow:0 16px 44px -10px #00000073,0 0 0 1px #ffffff1a,inset 0 1px #ffffff24!important}[data-theme=light] .keep-card:hover,[data-theme=light] .st-topic-row:hover,[data-theme=light] .panel:hover,[data-theme=light] .focus-score-card:hover,[data-theme=light] .overview-stat-card:hover,[data-theme=light] .goal-card-v2:hover,[data-theme=light] .fin-insight-card:hover,[data-theme=light] [data-glass-tilt]:hover{border-color:#fffffff2!important;box-shadow:0 20px 45px -10px #1f26871f,0 0 0 1px #ffffffe6,inset 0 1px #fff!important}}.glow-wave-cursor-follower{pointer-events:none;-webkit-filter:blur(80px);width:500px;height:500px;opacity:var(--cursor-glow-opacity,0);transform:translate3d(var(--cursor-x,-500px), var(--cursor-y,-500px), 0);will-change:transform, opacity;z-index:1;background:radial-gradient(circle,#38bdf838 0%,#6366f11f 45%,#0000 70%);border-radius:50%;margin-top:-250px;margin-left:-250px;transition:opacity .4s;position:absolute}[data-theme=light] .glow-wave-cursor-follower{background:radial-gradient(circle,#93c5fd73 0%,#c4b5fd40 45%,#0000 70%)}.ripple-effect{pointer-events:none;z-index:20;background:radial-gradient(circle,#6366f173 0%,#38bdf840 45%,#ffffff59 60%,#0000 80%);border-radius:50%;animation:.6s cubic-bezier(.16,1,.3,1) hydroRippleEffect;position:absolute;transform:scale(0);box-shadow:0 0 20px #38bdf859}@keyframes hydroRippleEffect{0%{opacity:.95;transform:scale(0)}60%{opacity:.65}to{opacity:0;transform:scale(3.5)}}[data-theme=light] .ripple-effect{background:radial-gradient(circle,#6366f140 0%,#38bdf82e 45%,#00000014 60%,#0000 80%);box-shadow:0 0 16px #6366f133}*{box-sizing:border-box;-webkit-overflow-scrolling:touch;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth;overscroll-behavior:none;-webkit-overflow-scrolling:touch;background-color:var(--bg,#131314);height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg,#131314);width:100%;height:100dvh;color:var(--text,#fff);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-image:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}#root{isolation:isolate;background-color:#0000;width:100%;height:100dvh;overflow:hidden}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] html,[data-theme=light] body{background-color:var(--bg,#f0f4f9);color:var(--text,#000)}input,select,textarea{color:var(--text,#fff);caret-color:var(--accent,#6366f1);font-family:inherit}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:var(--text,#000)}input::placeholder,textarea::placeholder{color:var(--text3,#94a3b8);opacity:.85}select option{background-color:var(--bg2,#13161e);color:var(--text,#fff)}[data-theme=light] select option{color:#000;background-color:#fff}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.85)brightness(1.2);opacity:.8}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.85)brightness(1.2);opacity:.8}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.85)brightness(1.2);opacity:.8}input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.85)brightness(1.2);opacity:.8}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.6}[data-theme=light] input[type=time]::-webkit-calendar-picker-indicator{filter:none;opacity:.6}[data-theme=light] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:none;opacity:.6}[data-theme=light] input[type=month]::-webkit-calendar-picker-indicator{filter:none;opacity:.6}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text,#f1f5f9)!important;box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;-webkit-box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;caret-color:var(--text,#f1f5f9)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text,#f1f5f9)!important;box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;-webkit-box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;caret-color:var(--text,#f1f5f9)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text,#f1f5f9)!important;box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;-webkit-box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;caret-color:var(--text,#f1f5f9)!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text,#f1f5f9)!important;box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;-webkit-box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;caret-color:var(--text,#f1f5f9)!important}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text,#f1f5f9)!important;box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;-webkit-box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;caret-color:var(--text,#f1f5f9)!important}textarea:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text,#f1f5f9)!important;box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;-webkit-box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;caret-color:var(--text,#f1f5f9)!important}textarea:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text,#f1f5f9)!important;box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;-webkit-box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;caret-color:var(--text,#f1f5f9)!important}select:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text,#f1f5f9)!important;box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;-webkit-box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;caret-color:var(--text,#f1f5f9)!important}select:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text,#f1f5f9)!important;box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;-webkit-box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;caret-color:var(--text,#f1f5f9)!important}select:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text,#f1f5f9)!important;box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;-webkit-box-shadow:0 0 0px 1000px var(--bg3,#1a1e28) inset!important;caret-color:var(--text,#f1f5f9)!important}[data-theme=light] input:-webkit-autofill{-webkit-text-fill-color:var(--text,#0f172a)!important;box-shadow:inset 0 0 0 1000px #fff!important}[data-theme=light] textarea:-webkit-autofill{-webkit-text-fill-color:var(--text,#0f172a)!important;box-shadow:inset 0 0 0 1000px #fff!important}[data-theme=light] select:-webkit-autofill{-webkit-text-fill-color:var(--text,#0f172a)!important;box-shadow:inset 0 0 0 1000px #fff!important}button,.btn,.nav-item,.tab,.panel,.stat-card,.goal-card-v2,.goal-card,.note-card,.keep-card,.task-item,.habit-item,.fin-tx-row,.fin-insight-card,.kpi-card-fin,.sidebar,.main,.header,.mobile-bottom-nav,.modal-content,input,select,textarea,.gcal-input,.gcal-select,.gcal-textarea,.form-input,.form-select{transition:background-color .18s,border-color .18s,color .12s}.cal-event,.cal-drag-overlay,.wbar,.hm-cell,.nav-item,.btn,button,.panel,.stat-card,.kpi-card-fin,.note-card,.goal-card,.habit-item,.task-item,.fin-tx-item,.fin-tx-row,.tab,.mood-btn,.water-glass,.habit-day-cell,.theme-toggle,.fin-insight-card,.keep-card,.sidebar{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.cal-event,.cal-drag-overlay,.wbar,.hm-cell,.nav-item,.btn,button,.panel,.stat-card,.kpi-card-fin,.note-card,.goal-card,.habit-item,.task-item,.fin-tx-item,.fin-tx-row,.tab,.mood-btn,.water-glass,.habit-day-cell,.theme-toggle,.fin-insight-card,.keep-card{transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .2s,border-color .2s,color .15s,box-shadow .25s cubic-bezier(.2,.8,.2,1),opacity .2s}@keyframes pageFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}[data-ripple]{position:relative;overflow:hidden}.ripple-effect{pointer-events:none;z-index:1;background:#ffffff4d;border-radius:50%;animation:.5s cubic-bezier(.4,0,.2,1) rippleEffect;position:absolute;transform:scale(0)}@keyframes rippleEffect{to{opacity:0;transform:scale(4)}}[data-theme=light] .ripple-effect{background:#0000001a}.btn:active,button:active{transform:scale(.96)}@media (hover:none) and (pointer:coarse){.nav-item,.btn,.panel-action,.cal-nav-btn,.sidebar-mobile-toggle{min-width:44px;min-height:44px}.wbar:hover,.hm-cell:hover{transform:none}}@media (max-width:768px){.modal-overlay{background:#000c}input,select,textarea{font-size:16px!important}}body,#root{max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b840 padding-box content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b873 padding-box content-box}*{scrollbar-width:thin;scrollbar-color:#94a3b840 transparent}@media (max-width:768px){::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:none;-ms-overflow-style:none}}.panel,.stat-card,.goal-card,.note-card,.task-item{content-visibility:auto;contain-intrinsic-size:auto 200px}button,.btn,.nav-item,[role=button],a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img[src*=logo],.logo img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media (prefers-reduced-motion:reduce){:not(.glow-wave-ribbon):not(.glow-wave-wake):not(.glow-wave-orb),:not(.glow-wave-ribbon):not(.glow-wave-wake):not(.glow-wave-orb):before,:not(.glow-wave-ribbon):not(.glow-wave-wake):not(.glow-wave-orb):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ripple-effect{display:none}}::selection{color:var(--text,#f1f5f9);background:#6366f14d}.panel-body,.goals-list-wrap,.fin-tx-list,.modal-overlay,.sidebar,.main{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;will-change:scroll-position}@media (max-width:768px){.panel{max-width:100%;overflow-x:clip}.panel-body{-webkit-overflow-scrolling:touch;overflow-x:auto}table{max-width:100%}}@media (prefers-reduced-motion:reduce){:not(.glow-wave-ribbon):not(.glow-wave-wake):not(.glow-wave-orb),:not(.glow-wave-ribbon):not(.glow-wave-wake):not(.glow-wave-orb):before,:not(.glow-wave-ribbon):not(.glow-wave-wake):not(.glow-wave-orb):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}.btn-icon-add{cursor:pointer;color:#fff;background:#3d51ad;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:20px;font-weight:300;line-height:1;text-decoration:none;transition:background .18s,transform .15s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 8px #3d51ad59}.btn-icon-add:hover{background:#4a60c7;transform:translateY(-1px);box-shadow:0 4px 16px #3d51ad80}.btn-icon-add:active{background:#334399;transform:translateY(0);box-shadow:0 1px 4px #3d51ad4d}.btn-icon-add:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-icon-add.lg{border-radius:12px;width:42px;height:42px;font-size:24px}.btn-icon-add.sm{border-radius:8px;width:30px;height:30px;font-size:18px}.app-loader{z-index:9999;background:#0b0d13;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.app-loader.exit{opacity:0;visibility:hidden;pointer-events:none}.app-loader-spinner{border:3px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.admin-fallback{justify-content:center;align-items:center;width:100%;min-height:60vh;padding:32px;display:flex}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.sidebar{background:var(--bg2,#fff);border-right:1px solid var(--border,#e5e7eb);-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-direction:column;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar.collapsed{width:80px}.nav-item{cursor:pointer;color:var(--text2,#6b7280);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg3,#f3f4f6);color:var(--text,#111827)}.nav-item.active{background:var(--accent-bg,#ede9fe);color:var(--accent,#7c3aed);font-weight:600}.nav-icon{flex-shrink:0;font-size:20px}.sidebar-footer{border-top:1px solid var(--border,#e5e7eb);padding:16px}.user-name{color:var(--text,#111827);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.header-actions{gap:12px;display:flex}.sidebar-overlay,.sidebar-mobile-toggle{display:none}@media (max-width:1024px){.auth-layout{grid-template-columns:1fr}.auth-left{display:none}.sidebar{z-index:100;height:100vh;box-shadow:none;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-280px}.sidebar.open{left:0;box-shadow:8px 0 30px #0003}.sidebar-overlay{z-index:99;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-overlay.show{opacity:1;pointer-events:auto}.sidebar-mobile-toggle{z-index:50;background:var(--bg2,#fff);border:1px solid var(--border,#e5e7eb);cursor:pointer;width:40px;height:40px;color:var(--text,#111827);border-radius:10px;justify-content:center;align-items:center;font-size:22px;transition:all .2s;display:flex;position:fixed;top:12px;left:12px;box-shadow:0 2px 8px #00000014}.sidebar-mobile-toggle:hover{background:var(--bg3,#f3f4f6)}}@media (max-width:640px){.auth-right{padding:24px}.auth-box h3{font-size:24px}}.status-badge{border-radius:20px;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.stat-value{color:#111827;font-size:18px;font-weight:600}.loader{border:4px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.auth-layout{grid-template-columns:1fr}.auth-left{display:none}.sidebar{z-index:100;height:100vh;box-shadow:none;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-280px}.sidebar.open{left:0;box-shadow:8px 0 30px #0003}.sidebar-overlay{z-index:99;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-overlay.show{opacity:1;pointer-events:auto}.sidebar-mobile-toggle{z-index:50;background:var(--bg2,#fff);border:1px solid var(--border,#e5e7eb);cursor:pointer;width:40px;height:40px;color:var(--text,#111827);border-radius:10px;justify-content:center;align-items:center;font-size:22px;transition:all .2s;display:flex;position:fixed;top:12px;left:12px;box-shadow:0 2px 8px #00000014}.sidebar-mobile-toggle:hover{background:var(--bg3,#f3f4f6)}}@media (max-width:640px){.auth-right{padding:24px}.auth-box h3{font-size:24px}}:root{--font:"Plus Jakarta Sans", "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;--mono:"Roboto Mono", "Roboto", monospace}[data-theme=dark],html:not([data-theme]){--bg:#090b14;--bg2:#0f1422;--bg3:#141a2a73;--bg4:#1e273ea6;--card-glass:#0d111c7a;--card-border:#818cf833;--card-shadow:0 20px 60px #0009, 0 0 0 1px #818cf81f;--accent:#6366f1;--accent2:#818cf8;--accent-glow:#6366f166;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--teal:#14b8a6;--pink:#ec4899;--text:#f8fafc;--text2:#94a3b8;--text3:#64748b;--border:#ffffff1a;--border2:#6366f166;--gradient-left:radial-gradient(circle at 50% 30%, #11162a 0%, #090b14 70%, #05060a 100%);--orb-opacity-1:.28;--orb-opacity-2:.22;--orb-opacity-3:.18;--grid-line:#818cf811;--particle-color:#818cf8d9;--connection-color:129, 140, 248;--shadow-sm:0 2px 10px #00000040;--shadow-md:0 8px 24px #00000059}[data-theme=light]{--bg:#f4f6fc;--bg2:#fff;--bg3:#ffffff8c;--bg4:#f1f5f9cc;--card-glass:#ffffff7a;--card-border:#6366f138;--card-shadow:0 20px 50px #6366f11f, 0 0 0 1px #6366f114;--accent:#6366f1;--accent2:#4f46e5;--accent-glow:#6366f140;--green:#16a34a;--amber:#d97706;--red:#dc2626;--teal:#0d9488;--pink:#db2777;--text:#0f172a;--text2:#475569;--text3:#64748b;--border:#6366f11f;--border2:#6366f159;--gradient-left:radial-gradient(circle at 50% 30%, #fff 0%, #f3f5fd 60%, #eaeffd 100%);--orb-opacity-1:.16;--orb-opacity-2:.12;--orb-opacity-3:.1;--grid-line:#6366f112;--particle-color:#6366f1d9;--connection-color:99, 102, 241;--shadow-sm:0 2px 10px #6366f10f;--shadow-md:0 8px 24px #6366f11f}.auth-container{min-height:100vh;background:var(--bg);width:100%;min-height:100dvh;color:var(--text);font-family:var(--font);box-sizing:border-box;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow-x:hidden}.auth-bg{pointer-events:none;z-index:0;background:var(--gradient-left);transition:background .4s;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.wave-animation{z-index:1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.orb{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.orb1{background:var(--accent);width:580px;height:580px;opacity:var(--orb-opacity-1);animation:16s ease-in-out infinite alternate floatOrb1;top:-120px;left:-100px}.orb2{background:var(--teal);width:520px;height:520px;opacity:var(--orb-opacity-2);animation:14s ease-in-out infinite alternate-reverse floatOrb2;bottom:-100px;right:-80px}.orb3{background:var(--pink);width:440px;height:440px;opacity:var(--orb-opacity-3);animation:18s ease-in-out infinite alternate floatOrb3;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatOrb1{0%{transform:translate(0)scale(1)}to{transform:translate(50px,40px)scale(1.1)}}@keyframes floatOrb2{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,-30px)scale(.95)}}@keyframes floatOrb3{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-45%,-40%)scale(1.08)}}.grid-overlay{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);z-index:1;pointer-events:none;background-size:38px 38px;position:absolute;top:0;bottom:0;left:0;right:0}.auth-top-actions{z-index:20;position:absolute;top:1.5rem;right:1.75rem}.auth-theme-toggle,.theme-toggle-btn.auth-theme-toggle{border:1px solid var(--border)!important;background:var(--card-glass)!important;width:44px!important;height:44px!important;color:var(--text)!important;cursor:pointer!important;box-shadow:var(--shadow-sm)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-size:19px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:static!important}.auth-theme-toggle:hover,.theme-toggle-btn.auth-theme-toggle:hover{border-color:var(--accent)!important;box-shadow:0 4px 18px var(--accent-glow)!important;transform:scale(1.08)rotate(15deg)!important}.auth-theme-toggle:active,.theme-toggle-btn.auth-theme-toggle:active{transform:scale(.94)rotate(0)!important}.auth-main{z-index:10;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:2.5rem 1.5rem;display:flex;position:relative}.auth-brand-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) both fadeInDown;display:flex}.brand-icon-center{background:linear-gradient(135deg, var(--accent), var(--teal));border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:10px;padding:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 26px #6366f173}.brand-icon-center:hover{transform:scale(1.08)rotate(3deg)}.brand-name-center{letter-spacing:-.6px;background:linear-gradient(135deg,#6366f1,#818cf8,#14b8a6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800;line-height:1.2}.brand-tag-center{font-family:var(--mono);letter-spacing:2px;color:var(--text3);text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:600}.auth-card{background:var(--card-glass);border:1px solid var(--card-border);width:100%;max-width:450px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(8px);border-radius:24px;transition:border-color .3s,box-shadow .3s;animation:.45s cubic-bezier(.16,1,.3,1) both cardScaleIn;position:relative;overflow:hidden}@keyframes cardScaleIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-card-glow{background:linear-gradient(90deg,#0000 0%,#6366f1cc 30%,#14b8a6cc 70%,#0000 100%);height:3px;position:absolute;top:0;left:0;right:0}.auth-card-inner{box-sizing:border-box;z-index:2;padding:2.25rem 2.25rem 2.5rem;position:relative}.screen{display:none}.screen.active{animation:.35s cubic-bezier(.4,0,.2,1) screenFade;display:block}@keyframes screenFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-title{letter-spacing:-.4px;color:var(--text);margin-bottom:5px;font-size:24px;font-weight:800}.form-sub{color:var(--text2);margin-bottom:1.5rem;font-size:13.5px;line-height:1.5}.divider{align-items:center;gap:12px;margin-bottom:1.35rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.divider span{color:var(--text3);white-space:nowrap;font-size:11.5px;font-family:var(--mono);letter-spacing:.3px;font-weight:500}.field{margin-bottom:1.1rem}.field-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.field label{color:var(--text2);letter-spacing:.2px;font-size:12.5px;font-weight:600;display:block}.forgot-link{color:var(--accent2);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font);background:0 0;border:none;padding:0;transition:color .2s}.forgot-link:hover{color:var(--accent);text-decoration:underline}.input-wrap{border-radius:12px;transition:all .25s;position:relative}.input-icon{pointer-events:none;color:var(--text3);z-index:2;font-size:15px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .25s,filter .25s;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-wrap:focus-within .input-icon{color:var(--accent);filter:drop-shadow(0 0 6px var(--accent-glow));transform:translateY(-50%)scale(1.22)}.field input{background:var(--bg3);border:1.5px solid var(--border);width:100%;color:var(--text);font-size:14px;font-family:var(--font);-webkit-backdrop-filter:blur(4px);box-sizing:border-box;border-radius:12px;outline:none;padding:.75rem 2.75rem .75rem 2.65rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.field input::placeholder{color:var(--text3);font-size:13.5px}.field input:focus{border-color:var(--accent);background:var(--bg4);box-shadow:0 0 0 3.5px var(--accent-glow), 0 4px 20px #6366f138;animation:2.5s infinite alternate inputPulse}@keyframes inputPulse{0%{box-shadow:0 0 0 3px var(--accent-glow), 0 2px 12px #6366f126}to{box-shadow:0 0 0 4px var(--accent-glow), 0 6px 24px #6366f159}}.field input.err,.input-wrap.input-error input{border-color:var(--red)!important;box-shadow:0 0 0 3px #ef444433!important}.field input.ok{border-color:var(--green)!important;box-shadow:0 0 0 3px #22c55e33!important}.eye-btn{cursor:pointer;color:var(--text3);z-index:2;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;font-size:16px;transition:color .2s,background-color .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.eye-btn:hover{color:var(--text);background:#ffffff14}.field-error{color:var(--red);margin-top:4px;padding-left:2px;font-size:11.5px;font-weight:500;animation:.2s fadeInDown;display:block}.field-hint{font-size:11.5px;font-family:var(--mono);color:var(--text3);margin-top:4px}.field-hint.err{color:var(--red)}.field-hint.ok{color:var(--green)}.pw-strength{margin-top:7px}.pw-bars{gap:5px;margin-bottom:4px;display:flex}.pw-bar{background:var(--bg4);border-radius:3px;flex:1;height:4px;transition:background .3s}.pw-bar.weak{background:var(--red)}.pw-bar.fair{background:var(--amber)}.pw-bar.strong{background:var(--green)}.pw-label{font-size:11px;font-family:var(--mono);color:var(--text3);font-weight:500}.name-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check-row{color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin:1.15rem 0 1.35rem;font-size:13px;line-height:1.4;display:flex}.check-row input{display:none}.custom-check{border:2px solid var(--border2);background:var(--bg3);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.check-row input:checked+.custom-check{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.custom-check:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:4px;height:8px;display:none;transform:rotate(45deg)translate(-1px,-1px)}.check-row input:checked+.custom-check:after{display:block}.check-row a{color:var(--accent2);font-weight:600;text-decoration:none}.check-row a:hover{text-decoration:underline}.btn-primary{background:linear-gradient(135deg, var(--accent), #4f46e5);color:#fff;cursor:pointer;width:100%;font-size:15px;font-weight:700;font-family:var(--font);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:.85rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f166}.btn-primary:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #6366f18c}.btn-primary:hover:not(:disabled):after{opacity:1}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #6366f14d}.btn-primary.loading,.btn-primary:disabled{pointer-events:none;opacity:.75}.btn-primary.loading:before{content:"";border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}.btn-ghost{border:1.5px solid var(--border2);width:100%;color:var(--accent2);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);background:0 0;border-radius:12px;margin-top:12px;padding:.75rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-ghost:hover{border-color:var(--accent);background:#6366f11a;transform:translateY(-1px)}.btn-ghost:active{transform:scale(.97)}.form-footer{text-align:center;color:var(--text2);margin-top:1.6rem;font-size:13.5px}.form-footer a{color:var(--accent2);cursor:pointer;margin-left:4px;font-weight:700;text-decoration:none;transition:color .2s}.form-footer a:hover{color:var(--accent);text-decoration:underline}.back-btn{color:var(--text3);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:1.5rem;padding:0;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--text)}.success-wrap{text-align:center;padding:1rem 0}.success-ring{border:3px solid var(--green);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.25rem;animation:.6s cubic-bezier(.34,1.56,.64,1) ringPop;display:flex;position:relative}.success-ring:before{content:"";border:1px solid #22c55e40;border-radius:50%;animation:1.8s ease-out infinite ringExpand;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}@keyframes ringPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes ringExpand{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.success-check{font-size:34px}.success-title{color:var(--text);margin-bottom:6px;font-size:21px;font-weight:800}.success-msg{color:var(--text2);margin-bottom:1.5rem;font-size:13.5px;line-height:1.6}.toast{z-index:9999;background:var(--card-glass);border:1px solid var(--border);border-left:4px solid var(--green);-webkit-backdrop-filter:blur(20px);border-radius:14px;align-items:center;gap:12px;min-width:290px;max-width:420px;padding:1rem 1.25rem;animation:.3s cubic-bezier(.4,0,.2,1) slideToast;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 12px 36px #00000073}.toast.error{border-left-color:var(--red)}.toast.info{border-left-color:var(--accent)}@keyframes slideToast{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast-icon,.t-icon{flex-shrink:0;font-size:19px}.toast-message,.t-msg{color:var(--text);flex:1;font-size:13px;font-weight:600;line-height:1.4}@media (max-width:768px){.auth-top-actions{top:1rem;right:1rem}.auth-card{border-radius:20px}.auth-card-inner{padding:1.75rem 1.5rem 2rem}.form-title{font-size:22px}.brand-name-center{font-size:26px}}@media (max-width:480px){.auth-top-actions{top:.85rem;right:.85rem}.brand-icon-center{width:46px;height:46px}.brand-name-center{font-size:24px}.brand-tag-center{font-size:9.5px}.auth-main{padding:1rem}.auth-card{border-radius:18px}.auth-card-inner{padding:1.5rem 1.25rem 1.75rem}.form-title{font-size:20px}.form-sub{margin-bottom:1.25rem;font-size:12.5px}.name-row{grid-template-columns:1fr;gap:0}.field{margin-bottom:.95rem}.field input{padding:.75rem 2.5rem .75rem 2.4rem;font-size:16px}.btn-primary{min-height:46px;padding:.85rem;font-size:15px}.toast{min-width:0;bottom:1rem;left:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.otp-verification-flow{flex-direction:column;width:100%;animation:.35s cubic-bezier(.16,1,.3,1) fadeInOtp;display:flex}@keyframes fadeInOtp{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.otp-target-email{color:var(--accent2);word-break:break-all;background:#6366f11f;border:1px solid #6366f14d;border-radius:9999px;margin-top:.35rem;padding:.2rem .65rem;font-size:.85rem;font-weight:600;display:inline-block}.otp-alert{border-radius:12px;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.86rem;line-height:1.4;display:flex}.otp-alert-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459}[data-theme=light] .otp-alert-error{color:#dc2626;background:#dc262614;border-color:#dc262640}.otp-alert-success{color:#86efac;background:#22c55e1f;border:1px solid #22c55e59}[data-theme=light] .otp-alert-success{color:#16a34a;background:#16a34a14;border-color:#16a34a40}.otp-alert-icon{flex-shrink:0;font-size:1.1rem}.otp-input-row{justify-content:center;align-items:center;gap:.55rem;margin-bottom:1.25rem;display:flex}.otp-digit-box{text-align:center;width:50px;height:60px;font-size:1.75rem;font-weight:700;font-family:var(--mono);color:var(--text);background:var(--bg2);border:1.5px solid var(--border);border-radius:14px;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #00000026}.otp-digit-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow), 0 4px 12px #6366f133;background:var(--bg3);transform:translateY(-2px)}.otp-digit-box.filled{border-color:var(--accent2);background:#6366f114}.otp-digit-box.has-error{border-color:var(--red);animation:.35s ease-in-out shakeOtp}@keyframes shakeOtp{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.otp-timer-row{color:var(--text2);justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:.88rem;display:flex}.otp-countdown{background:var(--bg3);border:1px solid var(--border);border-radius:9999px;align-items:center;gap:.45rem;padding:.4rem .9rem;display:inline-flex}.otp-time-badge{color:#fbbf24;font-family:var(--mono);font-size:.95rem;font-weight:700}[data-theme=light] .otp-time-badge{color:#d97706}.otp-expired-warning{color:var(--red);font-size:.86rem;font-weight:600}.otp-actions-footer{text-align:center;flex-direction:column;gap:.85rem;margin-top:1.5rem;display:flex}.otp-resend-wrap{color:var(--text2);font-size:.88rem}.otp-resend-btn{color:var(--accent2);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.88rem;font-weight:600;text-decoration:underline;transition:color .15s,opacity .15s}.otp-resend-btn:hover:not(:disabled){color:var(--accent)}.otp-resend-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.otp-back-wrap{margin-top:.2rem}.otp-link-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.35rem .75rem;font-size:.82rem;transition:all .15s}.otp-link-btn:hover{color:var(--text);background:var(--bg3)}.otp-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.otp-modal-container{background:var(--bg2);border:1px solid var(--border2);border-radius:24px;width:100%;max-width:440px;padding:2.2rem;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleUp;position:relative;box-shadow:0 25px 60px #00000080}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.otp-modal-close-btn{background:var(--bg3);width:32px;height:32px;color:var(--text2);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:all .15s;display:flex;position:absolute;top:1rem;right:1rem}.otp-modal-close-btn:hover{background:var(--bg4);color:var(--text)}@media (max-width:480px){.otp-input-row{gap:.35rem}.otp-digit-box{border-radius:10px;width:42px;height:52px;font-size:1.4rem}}.reset-pwd-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 1rem;font-size:1.5rem;display:flex}.reset-pwd-icon.error{color:var(--red);background:#ef444426;border:1px solid #ef44444d}.reset-pwd-icon.success{color:var(--green);background:#22c55e26;border:1px solid #22c55e4d}.reset-pwd-email{color:var(--accent2);font-family:var(--mono);word-break:break-all}.back-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.25rem .6rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.back-btn:hover{color:var(--accent2);background:var(--bg3)}.btn-ghost{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:center;border-radius:12px;margin-top:1rem;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-block}.btn-ghost:hover{background:var(--bg4);border-color:var(--border2);color:var(--accent2)}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#131314;--bg2:#14182294;--bg2-solid:#1e1f20;--bg3:#1c2232a6;--bg4:#262e44b8;--surface-1:#14182294;--glass-bg:#14182294;--glass-border:#ffffff17;--glass-border-glow:#6366f138;--glass-shadow:0 16px 40px -10px #0000006b, 0 0 0 1px #ffffff14, inset 0 1px 0 0 #ffffff1c;--glass-blur:blur(28px) saturate(180%) contrast(101%);--accent:#6366f1;--accent2:#818cf8;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--teal:#14b8a6;--pink:#ec4899;--text:#fff;--text1:#fff;--text-primary:#fff;--text2:#f1f5f9;--text-secondary:#f1f5f9;--text-dim:#e2e8f0;--text3:#cbd5e1;--text-muted:#cbd5e1;--text-mute:#cbd5e1;--border:#ffffff14;--border2:#6366f14d;--font:"Roboto", sans-serif;--mono:"Roboto", sans-serif;--gemini-glow:radial-gradient(ellipse 90% 70% at 50% 45%, #23447d7a 0%, #12204140 45%, #13131400 80%), radial-gradient(circle 600px at 15% 25%, #3b82f624 0%, transparent 70%), radial-gradient(circle 650px at 85% 75%, #6366f124 0%, transparent 70%), radial-gradient(circle at 50% 0%, #4f7cee1f 0%, transparent 60%);--ambient-glow:var(--gemini-glow);--bg-accent:#6366f126;--text-accent:#818cf8;--bg-success:#22c55e26;--text-success:#4ade80;--bg-warning:#f59e0b26;--text-warning:#fbbf24;--bg-danger:#ef444426;--text-danger:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f0f4f9;--bg2:#ffffff94;--bg2-solid:#fff;--bg3:#f1f5f9a6;--bg4:#e2e8f0bd;--surface-1:#ffffff94;--glass-bg:#ffffff94;--glass-border:#ffffffbf;--glass-border-glow:#6366f140;--glass-shadow:0 16px 40px -10px #1f268717, 0 0 0 1px #fffc, inset 0 1px 0 0 #fffffff2;--glass-blur:blur(28px) saturate(210%) contrast(102%);--text:#000;--text1:#000;--text-primary:#000;--text2:#0f172a;--text-secondary:#0f172a;--text-dim:#1e293b;--text3:#334155;--text-muted:#334155;--text-mute:#334155;--border:#00000014;--gemini-glow:radial-gradient(ellipse 90% 70% at 50% 45%, #c3dafe99 0%, #dceafe59 45%, #f0f4f900 80%), radial-gradient(circle 600px at 15% 20%, #bae6fd59 0%, transparent 70%), radial-gradient(circle 650px at 85% 80%, #e0e7ff73 0%, transparent 70%), radial-gradient(circle at 50% 0%, #c7d2fe66 0%, transparent 60%);--ambient-glow:var(--gemini-glow);--bg-accent:#6366f11a;--text-accent:#4f46e5;--bg-success:#22c55e1a;--text-success:#16a34a;--bg-warning:#f59e0b1a;--text-warning:#d97706;--bg-danger:#ef44441a;--text-danger:#dc2626}html,body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{font-family:var(--font);background-color:var(--bg);color:var(--text);-webkit-overflow-scrolling:touch;touch-action:auto;-webkit-user-select:auto;user-select:auto;background-image:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;height:100dvh;transition:background-color .3s,color .3s;overflow:hidden}input,textarea{-webkit-user-select:auto;user-select:auto}.sidebar{background:var(--bg2);width:260px;max-width:85vw;-webkit-backdrop-filter:var(--glass-blur,blur(20px) saturate(180%));border-right:1px solid var(--glass-border,var(--border));z-index:1002;overscroll-behavior:contain;will-change:transform;contain:layout style;box-shadow:none;flex-direction:column;padding:0 0 1rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:12px 0 35px #00000040}.sidebar-close-btn{background:var(--bg3);border:1px solid var(--border);width:30px;height:30px;color:var(--text2);cursor:pointer;z-index:10;border-radius:8px;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.sidebar-close-btn:hover{background:var(--bg4);color:var(--text);border-color:var(--border2);transform:scale(1.08)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:1001;opacity:0;background:#00000073;transition:opacity .25s;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-overlay.show{opacity:1;display:block}.logo{border-bottom:1px solid var(--border);text-align:center;margin-bottom:.75rem;padding:1.5rem 1.5rem 1.25rem}.logo-name{background:linear-gradient(135deg,#6366f1,#818cf8,#14b8a6);-webkit-text-fill-color:transparent;letter-spacing:-.5px;text-align:center;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.logo-tag{color:var(--text3);font-size:10px;font-family:var(--mono);letter-spacing:1.2px;text-transform:uppercase;margin-top:4px}.nav-section{margin-top:.5rem;padding:.5rem 1rem}.nav-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text3);margin-bottom:.5rem;padding:0 .5rem;font-size:9px;font-weight:600}.nav-item{color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:.7rem .875rem;font-size:14px;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg3);color:var(--text);transform:translate(4px)}.nav-item.active{color:var(--accent2);border-color:var(--border2);background:#6366f126}button.nav-item{text-align:left;width:100%;font-family:inherit;font-size:inherit;line-height:inherit;outline-offset:2px;background:0 0}a.nav-item{outline-offset:2px;text-decoration:none}.nav-icon{justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;display:flex}.nav-badge{background:var(--accent);color:#fff;font-size:10px;font-weight:700;font-family:var(--mono);border-radius:12px;margin-left:auto;padding:2px 7px}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:1rem 1.25rem}.user-card{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:.5rem;transition:all .2s;display:flex}.user-card:hover{background:var(--bg3)}.sidebar-logout{width:100%;color:var(--red,#ef4444);cursor:pointer;opacity:.75;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:.45rem .875rem;font-family:inherit;font-size:13px;transition:all .2s;display:flex}.sidebar-logout:hover{opacity:1;background:#ef44441a;border-color:#ef444440}.grid-bottom .panel,.dash-side-stack .panel:nth-child(n+2),.goals-list-wrap .goal-card-v2:nth-child(n+4),.fin-chart-tx-grid .panel:nth-child(n+2),.fin-chart-grid .panel:nth-child(n+2),.fin-insight-grid .fin-insight-card:nth-child(n+3),.grid-triple .panel:nth-child(n+2){content-visibility:auto;contain-intrinsic-size:auto 300px}@media (max-width:768px){.goals-list-wrap .goal-card-v2:nth-child(n+3){content-visibility:auto;contain-intrinsic-size:auto 120px}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}#root{background-color:#0000;flex-direction:column;width:100%;max-width:100%;height:100dvh;display:flex;overflow:hidden}.app-container{z-index:1;flex-direction:column;width:100%;max-width:100%;height:100dvh;display:flex;position:relative;overflow:hidden;background-color:#0000!important;background-image:none!important}.main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overscroll-behavior-x:none;scroll-behavior:smooth;will-change:scroll-position;touch-action:pan-y;z-index:10;box-sizing:border-box;width:100%;max-width:100%;min-height:0;padding:1.25rem calc(2rem + 80px) 2rem calc(2rem + 48px);padding-bottom:calc(2rem + env(safe-area-inset-bottom));flex:1;margin-left:0;transition:padding .3s;position:relative;overflow:hidden auto}.avatar{background:linear-gradient(135deg, var(--accent), var(--teal));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.user-name{font-size:14px;font-weight:600}.user-level{color:var(--amber);font-size:10px;font-family:var(--mono);margin-top:2px}.header{z-index:50;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-right:140px;display:flex;position:relative}@media (max-width:768px){.header{padding-right:90px}}.page-title{letter-spacing:-.8px;font-size:24px;font-weight:700;line-height:1.2}.page-date{color:var(--text3);font-size:13px;font-family:var(--mono);margin-top:2px}.header-actions{align-items:center;gap:12px;display:flex}.btn{font-size:13px;font-family:var(--font);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:10px;padding:.6rem 1.25rem;font-weight:600;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),background-color .2s,border-color .2s;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--accent), #4f46e5);color:#fff;box-shadow:0 4px 12px #6366f159}.btn-primary:hover{box-shadow:0 6px 18px #6366f180}.btn-secondary{background:var(--bg3);color:var(--text2);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg4);color:var(--text);border-color:var(--border2)}.top-left-group{z-index:1001;pointer-events:none;flex-direction:row;align-items:center;gap:10px;display:flex;position:fixed;top:1.25rem;left:1.5rem}.top-left-group>*{pointer-events:auto;flex-shrink:0}.sidebar-toggle-btn{background:var(--bg2);border:1.5px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000001f}.sidebar-toggle-btn:hover{border-color:var(--accent,#6366f1);color:var(--accent,#6366f1);transform:scale(1.08);box-shadow:0 4px 16px #6366f140}.sidebar-toggle-btn:active{transform:scale(.95)}.sidebar-toggle-btn.active{border-color:var(--accent,#6366f1);color:var(--accent,#6366f1);background:#6366f126}.top-right-group{z-index:1001;pointer-events:none;flex-flow:row;align-items:center;gap:10px;display:flex;position:fixed;top:1.25rem;right:1.5rem}.top-right-group>*{pointer-events:auto;flex-shrink:0;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.header-circle-btn,.theme-toggle-btn{background:var(--bg2);border:1.5px solid var(--border);cursor:pointer;width:38px;min-width:38px;height:38px;min-height:38px;color:var(--text2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 4px #0000000f}.header-circle-btn:hover{border-color:var(--text3);color:var(--text);transform:translateY(-1px);box-shadow:0 3px 10px #0000001a}.theme-toggle-btn{color:#f59e0b}.theme-toggle-btn:hover{border-color:#f59e0b;transform:translateY(-1px)rotate(15deg);box-shadow:0 3px 10px #f59e0b40}.header-circle-btn:active,.theme-toggle-btn:active{transform:scale(.95)}.notification-menu{flex-shrink:0;display:inline-flex;position:relative}.notification-btn{position:relative}.notification-btn.active{border-color:var(--accent,#6366f1);color:var(--accent,#6366f1);background:#6366f11a}.notification-badge-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite notifPulse;position:absolute;top:7px;right:7px;box-shadow:0 0 6px #ef4444}@keyframes notifPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.notification-dropdown{background:var(--bg2,#13161e);border:1px solid var(--border);transform-origin:100% 0;z-index:1002;border-radius:16px;flex-direction:column;width:320px;max-width:calc(100vw - 16px);animation:.2s cubic-bezier(.16,1,.3,1) profileDropdownIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 40px #0006}.notification-dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notification-header-title{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.notification-count-pill{color:#ef4444;background:#ef444426;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700}.notification-header-actions{align-items:center;gap:8px;display:flex}.notification-text-btn{color:var(--accent,#6366f1);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:500;transition:all .15s}.notification-text-btn:hover{background:#6366f11f}.notification-icon-action-btn{color:var(--text3,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.notification-icon-action-btn:hover{color:#ef4444;background:#ef44441a}.notification-dropdown-list{max-height:340px;padding:6px 0;overflow-y:auto}.notification-item{cursor:pointer;align-items:flex-start;gap:12px;padding:10px 16px;transition:background .15s;display:flex;position:relative}.notification-item:hover{background:var(--bg3)}.notification-item.unread{background:#6366f10a}.notification-item.unread:hover{background:#6366f114}.notification-item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:2px;display:flex}.notification-item-content{flex:1;min-width:0}.notification-item-title{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600}.notification-item-msg{color:var(--text2,#94a3b8);margin-bottom:4px;font-size:12px;line-height:1.4}.notification-item-time{color:var(--text3,#64748b);align-items:center;gap:4px;font-size:10.5px;display:flex}.notification-item-del{opacity:0;color:var(--text3,#64748b);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:all .15s}.notification-item:hover .notification-item-del{opacity:1}.notification-item-del:hover{color:#ef4444;background:#ef44441f}.notification-empty{text-align:center;color:var(--text3,#64748b);flex-direction:column;justify-content:center;align-items:center;padding:36px 20px;display:flex}.notification-empty-icon{opacity:.35;margin-bottom:8px}.notification-empty p{color:var(--text2,#94a3b8);margin:0 0 2px;font-size:13px;font-weight:600}.notification-empty span{font-size:11.5px}.profile-menu{flex-shrink:0;display:inline-flex;position:relative}.profile-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 2px 8px #0284c740}.profile-avatar-btn:hover{transform:translateY(-1px)scale(1.04);box-shadow:0 4px 14px #0284c766}.profile-avatar-btn:active{transform:scale(.95)}.profile-avatar{color:#fff;letter-spacing:.3px;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0284c7 0%,#06b6d4 45%,#10b981 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:15px;font-weight:700;display:flex}.profile-dropdown{background:var(--bg2,#13161e);border:1px solid var(--border);transform-origin:100% 0;z-index:1002;border-radius:16px;width:280px;animation:.2s cubic-bezier(.16,1,.3,1) profileDropdownIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 40px #0006}@keyframes profileDropdownIn{0%{opacity:0;transform:scale(.92)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-dropdown-user{align-items:center;gap:14px;padding:18px 20px;display:flex}.profile-avatar-lg{flex-shrink:0;width:48px;height:48px;font-size:16px}.profile-dropdown-info{flex:1;min-width:0}.profile-dropdown-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.profile-dropdown-email{color:var(--text3,#64748b);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.profile-dropdown-divider{background:var(--border);height:1px;margin:0}.profile-dropdown-item{width:100%;color:var(--text);font-size:14px;font-family:var(--font);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 20px;transition:background .12s;display:flex}.profile-dropdown-item:hover{background:var(--bg3)}.profile-dropdown-item--danger{color:var(--red,#ef4444)}.profile-dropdown-item--danger:hover{background:#ef444414}.profile-dropdown-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}@media (max-width:768px){.top-right-group{gap:8px;top:.6rem;right:.75rem}.header-circle-btn,.theme-toggle-btn,.profile-avatar-btn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}.profile-avatar{font-size:13px}}.grid-main{grid-template-columns:1fr 270px;gap:20px;margin-bottom:20px;display:grid}.grid-bottom{grid-template-columns:1.25fr 1fr;align-items:stretch;gap:22px;margin-bottom:20px;display:grid}@media (max-width:900px){.grid-bottom{grid-template-columns:1fr}}.grid-bottom .dash-side-stack{flex-direction:column;height:100%;display:flex}.grid-bottom .dash-side-stack>*{flex-direction:column;flex:1;display:flex}.panel,.focus-score-card{background:var(--bg2);-webkit-backdrop-filter:var(--glass-blur,blur(28px) saturate(210%) contrast(102%));border:1px solid var(--glass-border,var(--border));box-shadow:var(--glass-shadow);border-radius:18px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s;animation:.4s cubic-bezier(.4,0,.2,1) both fadeInUp;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.panel-title{color:var(--text);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.panel-action{color:#fff;cursor:pointer;font-size:12px;font-family:var(--mono);background:#3d51ad;border:1px solid #3d51ad;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-weight:600;line-height:1.2;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.panel-action:hover{color:#fff;background:#31428f;border-color:#31428f;transform:translateY(-1px);box-shadow:0 3px 10px #3d51ad66}.panel-action:active{transform:translateY(0)}.panel-body{padding:1.5rem}.dash-side-stack{flex-direction:column;gap:16px;display:flex}.grid-triple{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:1.5rem;display:grid}.goal-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:1rem;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s;animation:.35s cubic-bezier(.4,0,.2,1) both staggerItem}.goal-card:first-child{animation-delay:40ms}.goal-card:nth-child(2){animation-delay:80ms}.goal-card:nth-child(3){animation-delay:.12s}.goal-card:nth-child(4){animation-delay:.16s}.goal-card:nth-child(5){animation-delay:.2s}.goal-card:nth-child(6){animation-delay:.24s}.goal-card:nth-child(7){animation-delay:.28s}.goal-card:nth-child(8){animation-delay:.32s}.goal-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.goal-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.goal-card-left{align-items:center;gap:10px;display:flex}.goal-emoji{font-size:22px}.goal-title{color:var(--text);font-size:14px;font-weight:600}.goal-meta{color:var(--text3);margin-top:2px;font-size:11px}.goal-card-right{align-items:center;gap:8px;display:flex}.goal-pct{color:var(--accent2);font-size:13px;font-weight:700;font-family:var(--mono)}.goal-status{color:var(--accent);background:#6366f11f;border-radius:20px;padding:2px 8px;font-size:10px}.goal-progress-text{color:var(--text3);font-size:11px;font-family:var(--mono)}@media (max-width:1400px){.main{padding:1.25rem 6rem 2rem 5rem}.stats-strip{gap:12px}.stat-card{padding:1rem 1.25rem}.stat-value{font-size:28px}}@media (max-width:1200px){.grid-main{grid-template-columns:1fr}.grid-bottom{gap:16px}.cal-date-nav{gap:4px;padding:6px 8px}.cal-date-weekday{font-size:12px}.cal-date-full{font-size:10px}.cal-nav-btn{width:30px;height:30px;font-size:16px}.dash-left-col,.dash-side-stack{display:contents!important}.grid-main .stats-strip,.dash-left-col .stats-strip{order:1}.focus-score-wrapper{order:2;width:100%}.timeline-wrapper{order:3;width:100%;height:auto;flex:none!important}.grid-main .dash-side-stack .panel{order:4}.grid-bottom{flex-direction:column;display:flex}.heatmap-panel{order:7}}@media (max-width:1024px){.main{margin-left:0;padding-left:calc(1.5rem + 44px);padding-right:calc(1.5rem + 70px)}.stats-strip{grid-template-columns:repeat(2,1fr)}.page-title{font-size:22px}.fin-chart-tx-grid,.fin-chart-grid{grid-template-columns:1fr}.fin-insight-grid{grid-template-columns:repeat(2,1fr)}.grid-triple{grid-template-columns:1fr 1fr}}@media (max-width:768px){.top-left-group,.sidebar-toggle-btn{display:none!important}.main{width:100%;min-height:0;margin-left:0;padding:1rem 6px 5rem}.header{flex-wrap:nowrap;justify-content:flex-start;align-items:center;margin-bottom:1rem}.header>:not(.sidebar-mobile-toggle):not(.header-actions){text-align:center;flex:1}.page-title{font-size:20px}.page-date{font-size:11px}.stats-strip{grid-template-columns:1fr 1fr;gap:10px}.grid-main,.grid-bottom{grid-template-columns:1fr;gap:16px}.stat-value{font-size:24px}.stat-card{padding:.875rem 1rem}.panel-header,.panel-body{padding:1rem}.time-block{grid-template-columns:60px 5fr auto 30px;gap:8px;font-size:12px}.time-block-horizontal{gap:8px;padding:10px 0}.time-block-horizontal .time-label{min-width:50px;font-size:10px}.drag-handle{width:24px;min-width:24px;padding:2px 4px}.productivity-indicator .ring-wrap,.productivity-indicator .ring-wrap svg{width:32px;height:32px}.productivity-indicator .ring-num{font-size:9px}.productivity-score{font-size:13px}.productivity-label{font-size:7px}.modal-content{max-width:95vw}.kpi-card-fin{padding:1rem}.fin-chart-tx-grid,.fin-chart-grid{grid-template-columns:1fr}.fin-insight-grid{grid-template-columns:repeat(2,1fr);gap:10px}.fin-tx-list{max-height:350px}.fin-chart-wrap{height:clamp(160px,22vw,220px)}.fin-insight-val{font-size:20px}.fin-insight-card{padding:1rem}.grid-triple{grid-template-columns:1fr}.settings-avatar{width:56px;height:56px;font-size:22px}.health-stat-big{font-size:22px}.cal-container{max-height:none;min-height:unset}.cal-event,.cal-event-title{font-size:11px}.cal-event-time{font-size:9px}.cal-score-badge{width:28px;height:28px}.cal-score-num{font-size:9px}.cal-time-label{font-size:10px}.cal-time-col,.cal-time-header{width:44px}.cal-date-nav{padding:4px 6px}.cal-date-weekday{font-size:11px}.cal-date-full{font-size:9px}.cal-nav-btn{width:28px;height:28px;font-size:14px}.cal-today-btn{padding:3px 8px;font-size:10px}.dash-side-stack{gap:12px}.focus-score-card{border-radius:16px;padding:1rem;min-height:auto!important}.focus-score-card--loading{min-height:160px}.grid-main,.grid-bottom{margin-bottom:14px}.header,.stats-strip{margin-bottom:1rem}.cal-container{min-height:250px}.filter-row .goal-search-input,.filter-row .goal-search-input:focus{width:100%}.goal-v2-header{flex-wrap:wrap;gap:10px;padding:14px 16px 8px}.goal-v2-left{flex:100%;min-width:0}.goal-v2-right{flex:100%;justify-content:space-between}.goal-v2-name{font-size:14px}.goal-v2-icon{width:36px;height:36px;font-size:16px}.goal-v2-pct{font-size:13px}.goal-v2-status{padding:2px 8px;font-size:10px}.goal-v2-timestamps{gap:10px;padding:0 16px}.goal-v2-desc{padding:0 16px;font-size:11px}.goal-v2-progress-row{padding:0 16px 4px}.goal-v2-actions{gap:6px;padding:8px 16px 14px}.goal-v2-btn{padding:6px 12px;font-size:11px}.goal-v2-right .goal-v2-btn{padding:3px 8px;font-size:10px}.goal-card-glass .goal-v2-header{flex-wrap:wrap;gap:10px;padding:14px 16px 8px}.goal-card-glass .goal-v2-left{flex:100%;min-width:0}.goal-card-glass .goal-v2-right{flex:100%;justify-content:space-between}.goal-card-glass .goal-v2-name{font-size:14px}.goal-card-glass .goal-v2-icon{width:36px;height:36px;font-size:16px}.goal-card-glass .goal-v2-pct{font-size:13px}.goal-card-glass .goal-v2-status{padding:2px 8px;font-size:10px}.goal-card-glass .goal-v2-timestamps{gap:10px;padding:0 16px}.goal-card-glass .goal-v2-desc{padding:0 16px;font-size:11px}.goal-card-glass .goal-v2-progress-row{padding:0 16px 4px}.goal-card-glass .goal-v2-actions{gap:6px;padding:8px 16px 14px}.goal-card-glass .goal-v2-btn{padding:6px 12px;font-size:11px}.goal-card-glass .goal-v2-right .goal-v2-btn{padding:3px 8px;font-size:10px}.goals-glass-header{flex-direction:column;align-items:flex-start}.goals-glass-header-right{justify-content:space-between;width:100%}.goal-milestones-panel{padding:12px 16px}.goal-milestone-item{padding:10px 0}.goal-milestone-check{width:22px;height:22px}.goal-milestone-delete{opacity:.5}.goal-milestone-add-row input{padding:8px 14px;font-size:13px}.goal-empty-state{padding:2rem 1rem}.goal-empty-icon{font-size:3rem}.habit-week-table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}.habit-week-table{min-width:360px;font-size:11px}.habit-th-day{padding:6px 3px}.task-item{gap:10px;padding:.85rem 0}.task-check{width:20px;height:20px}.task-delete{opacity:.6;padding:6px 10px;font-size:14px}.task-status-badge,.task-cat-badge{padding:2px 6px!important;font-size:9px!important}}@media (max-width:600px){.main{box-sizing:border-box;width:100%;max-width:100%;padding:.5rem 5px;padding-top:calc(3.5rem + env(safe-area-inset-top,0px));padding-bottom:calc(5rem + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overscroll-behavior-x:none;will-change:scroll-position;touch-action:pan-y;min-height:0;margin-left:0;overflow:hidden auto}.header{contain:none}.sidebar{z-index:200;overscroll-behavior:auto;contain:none;pointer-events:none;transform:translate(-100%);width:260px!important}.sidebar.open{pointer-events:auto;overscroll-behavior:contain;contain:layout style;transform:translate(0);box-shadow:8px 0 30px #0006}.sidebar.open .logo-tag,.sidebar.open .nav-label,.sidebar.open .nav-badge,.sidebar.open .user-name,.sidebar.open .user-level{display:block}.sidebar.open .nav-item{justify-content:flex-start;padding:.7rem .875rem;font-size:14px}.sidebar.open .nav-item span:not(.nav-icon){display:inline}.sidebar.open .nav-icon{width:20px;height:20px;font-size:16px}.sidebar.open .sidebar-footer{padding:1rem 1.25rem;display:block}.sidebar.open .sidebar-logout span{display:inline}.sidebar.open .sidebar-logout{justify-content:flex-start;padding:.45rem .875rem}.sidebar.open .avatar{width:38px;height:38px;font-size:14px}.sidebar.open .user-card{padding:.5rem}.header{flex-flow:row;justify-content:flex-start;align-items:center;gap:0;padding-left:.25rem;padding-right:.25rem}.header>:not(.sidebar-mobile-toggle):not(.header-actions){text-align:center;flex:1}.header .page-title{font-size:18px}.header .page-date{font-size:11px}.header-actions{flex-shrink:0;gap:6px}.header-actions .btn{border-radius:8px;padding:.45rem .75rem;font-size:11px}.header-actions .form-input{width:140px;font-size:12px}.stats-strip{grid-template-columns:1fr 1fr;gap:8px}.stat-card{border-radius:12px;padding:.75rem .875rem}.stat-value{font-size:22px}.stat-label{font-size:10px}.time-block{grid-template-columns:50px 1fr 30px;gap:6px}.time-block-horizontal{gap:4px;padding:8px 0}.activity-pill{padding:6px 10px;font-size:11px}.status-badge{padding:2px 6px;font-size:9px}.drag-handle{width:22px;min-width:22px;padding:2px 4px}.time-block-row.drag-over{border-top-width:2px}.timeline{max-height:none}.mood-btn{width:38px;height:38px;font-size:1.2rem}.chart-container{height:100px}.heatmap-cell{width:10px;height:10px}.habit-check-today{width:30px;height:30px;font-size:14px}.kpi-card-fin{padding:.75rem 1rem}.fin-tx-list{max-height:300px}.fin-tx-item{gap:8px;padding:.6rem 0}.fin-tx-amount{font-size:12px}.fin-tx-icon{width:30px;height:30px;font-size:14px}.fin-cat-item{font-size:11px}.fin-insight-grid{grid-template-columns:repeat(2,1fr);gap:8px}.fin-insight-val{font-size:18px}.fin-chart-wrap{height:clamp(140px,20vw,180px)}.grid-triple{grid-template-columns:1fr}.goal-emoji{font-size:18px}.goal-title{font-size:12px}.settings-avatar{width:48px;height:48px;font-size:18px}.health-stat-big{font-size:20px}.fin-tx-row{gap:8px;padding:.7rem 0}.fin-tx-icon{width:32px;height:32px}.fin-tx-name,.fin-tx-amount{font-size:12px}.fin-tx-delete{opacity:.6;padding:6px 8px;font-size:14px}.fin-tx-row:active{background:#6366f10d}.habit-item{padding:.85rem}.habit-check-today{width:34px;height:34px}.habit-day-cell{width:22px;height:22px;font-size:11px}.goal-empty-state{padding:1.5rem 1rem}.goal-empty-icon{font-size:2.5rem}.goal-empty-title{font-size:16px}.keep-card-body{padding:12px 14px 8px!important}.keep-card-actions{gap:2px}.keep-card-action-btn{padding:6px 8px;font-size:14px}.cal-scroll{height:272px}.cal-day-header{height:38px;padding:0 8px}.cal-day-num{width:28px;height:28px;font-size:16px}.cal-day-name,.cal-event,.cal-event-title{font-size:10px}.cal-event-time{font-size:8px}.cal-score-badge{width:24px;height:24px}.cal-score-num{font-size:8px}.cal-score-ring{width:24px;height:24px}.cal-tap-score{font-size:8px}.cal-time-label{font-size:9px}.cal-time-col,.cal-time-header{width:38px}.cal-drag-label{font-size:10px}.cal-date-nav{gap:2px;padding:4px}.cal-date-weekday{font-size:10px}.cal-date-full{font-size:8px}.cal-nav-btn{width:26px;height:26px;font-size:13px}.cal-today-btn{padding:2px 6px;font-size:9px}.dash-side-stack{gap:10px}.focus-score-card{border-radius:16px;width:100%;padding:.875rem;min-height:auto!important}.focus-score-card--loading{min-height:140px}.grid-main,.grid-bottom{gap:12px;margin-bottom:12px}.panel{width:100%}.header,.stats-strip{margin-bottom:.75rem}.cal-container{min-height:200px}}@media (max-width:480px){.main{padding:.25rem 4px;padding-top:calc(3.5rem + env(safe-area-inset-top,0px));padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}.stats-strip{grid-template-columns:1fr 1fr;gap:8px}.stat-card{border-radius:12px;padding:.75rem .875rem}.stat-value{font-size:20px}.stat-label{letter-spacing:.8px;font-size:10px}.stat-change{font-size:10px}.header{flex-flow:row;justify-content:flex-start;align-items:center;gap:0;padding-left:.25rem;padding-right:.25rem}.header>:not(.sidebar-mobile-toggle):not(.header-actions){text-align:center;flex:1}.header-actions{flex-shrink:0}.header-actions .btn{width:auto;padding:.5rem .75rem;font-size:12px}.time-block{grid-template-columns:45px 1fr 28px;gap:4px}.time-label{font-size:10px}.time-block-horizontal{flex-wrap:wrap;gap:4px}.time-block-horizontal .time-label{min-width:40px;font-size:9px}.activity-pill{flex:60%}.panel{border-radius:12px}.panel-header{padding:.75rem 1rem}.panel-title{font-size:13px}.panel-body{padding:.75rem}.mood-buttons{gap:.25rem}.mood-btn{width:32px;height:32px;font-size:1rem}.heatmap-cell{width:8px;height:8px}.day-label{height:10px;font-size:.55rem}.modal-content{border-radius:12px;max-width:100%}.modal-header{padding:1rem}.modal-body{gap:.75rem;padding:1rem}.modal-footer{flex-direction:column;padding:1rem}.modal-footer .btn{width:100%}.fin-tx-item{gap:6px;padding:.5rem 0}.fin-tx-name,.fin-tx-amount{font-size:11px}.fin-tx-date{font-size:9px}.fin-tx-icon{width:28px;height:28px;font-size:13px}.fin-cat-item{font-size:10px}.fin-insight-grid{grid-template-columns:1fr 1fr;gap:8px}.fin-insight-val{font-size:18px}.fin-chart-wrap{height:clamp(130px,30vw,160px)}.health-stat-big{font-size:18px}.health-btn-row{flex-direction:column}.settings-avatar{width:44px;height:44px;font-size:16px}.settings-info-row{padding:6px 0;font-size:12px}.goal-card-v2{padding:12px 14px}.goal-v2-header{gap:8px;padding:12px 14px 6px}.goal-v2-name{font-size:13px}.goal-v2-meta{font-size:11px}.goal-v2-icon{border-radius:8px;width:32px;height:32px;font-size:14px}.goal-v2-right .goal-v2-btn{padding:2px 6px;font-size:9px}.goal-v2-pct{font-size:12px}.goal-v2-status{padding:2px 6px;font-size:9px}.goal-v2-timestamps{gap:8px;padding:0 14px;font-size:9px}.goal-v2-desc{padding:0 14px;font-size:10px}.goal-v2-progress-row{padding:0 14px 2px}.goal-v2-actions{gap:5px;padding:6px 14px 12px}.goal-v2-btn{padding:5px 10px;font-size:10px}.goal-milestones-panel{padding:10px 14px}.goal-milestone-item{padding:8px 0;font-size:12px}.goal-milestone-text{font-size:12px}.goal-milestone-check{width:20px;height:20px}.goal-empty-state{padding:1.25rem .75rem}.cal-container{max-height:none;min-height:unset}.cal-scroll{height:238px}.cal-event,.cal-event-title{font-size:9px}.cal-event-time{display:none}.cal-score-badge{width:20px;height:20px}.cal-score-num{font-size:7px}.cal-tap-score{display:none}.cal-time-label{font-size:8px}.cal-time-col,.cal-time-header{width:32px}.cal-drag-label{font-size:9px}.cal-date-full{display:none}.top-right-group{gap:16px;top:.75rem;right:.75rem}.theme-toggle-btn{width:34px;height:34px;font-size:16px}.grid-main,.grid-bottom{grid-template-columns:1fr;gap:10px;margin-bottom:10px}.grid-triple{grid-template-columns:1fr;gap:10px}.dash-side-stack{gap:10px;width:100%}.focus-score-card{border-radius:16px;width:100%;padding:.75rem;min-height:auto!important}.focus-score-card--loading{min-height:120px}.panel{width:100%}.header,.stats-strip{margin-bottom:.5rem}.cal-container{min-height:180px}.week-bars{gap:6px}.wbar-val{font-size:10px}.wbar-label{font-size:9px}.sidebar-mobile-toggle{border-radius:10px;width:36px;height:36px;font-size:18px;top:.75rem;left:.75rem}}@media (max-width:360px){.main{padding:.25rem 3px;padding-top:calc(3.5rem + env(safe-area-inset-top,0px));padding-bottom:5rem}.page-title{font-size:15px}.stat-value{font-size:18px}.stats-strip{grid-template-columns:1fr 1fr;gap:6px}.stat-card{padding:.65rem .75rem}.stat-label{font-size:9px}.time-block{grid-template-columns:40px 1fr 24px;gap:2px}.time-label{font-size:8px}.mood-btn{width:28px;height:28px;font-size:.9rem}.cal-container{min-height:180px;max-height:28vh}.cal-event-title{font-size:8px}.cal-score-badge{width:18px;height:18px}.cal-score-num{font-size:6px}.cal-time-col,.cal-time-header{width:26px}.cal-time-label{font-size:7px}.top-right-group{top:.5rem;right:.5rem}.theme-toggle-btn{width:30px;height:30px;font-size:14px}.sidebar-mobile-toggle{width:32px;height:32px;font-size:16px;top:.5rem;left:.5rem}.dash-side-stack{gap:8px}.focus-score-card{border-radius:16px;width:100%;padding:.65rem;min-height:auto!important}.focus-score-card--loading{min-height:100px}.grid-main,.grid-bottom{gap:8px;margin-bottom:8px}.panel{width:100%}.header,.stats-strip{margin-bottom:.5rem}.cal-container{min-height:150px}.goal-v2-header{gap:6px;padding:10px 12px 4px}.goal-v2-icon{border-radius:7px;width:28px;height:28px;font-size:12px}.goal-v2-name{font-size:12px}.goal-v2-meta{font-size:10px}.goal-v2-pct{font-size:11px}.goal-v2-status{padding:1px 5px;font-size:8px}.goal-v2-right .goal-v2-btn{padding:2px 5px;font-size:8px}.goal-v2-timestamps{padding:0 12px;font-size:8px}.goal-v2-desc{padding:0 12px;font-size:9px}.goal-v2-progress-row{padding:0 12px 2px}.goal-v2-actions{gap:4px;padding:4px 12px 10px}.goal-v2-btn{padding:4px 8px;font-size:9px}.goal-milestones-panel{padding:8px 12px}.goal-milestone-item{padding:7px 0;font-size:11px}.goal-milestone-text{font-size:11px}.goal-milestone-add-row input{padding:6px 10px;font-size:11px}.goal-empty-icon{font-size:2rem}.goal-empty-title{font-size:14px}.goal-empty-sub{font-size:11px}.task-item{gap:8px;padding:.65rem 0;font-size:12px}.task-check{width:18px;height:18px}.task-text{font-size:12px}.fin-tx-row{gap:6px;padding:.55rem 0}.fin-tx-icon{width:28px;height:28px}.fin-tx-name,.fin-tx-amount{font-size:11px}.fin-tx-date{font-size:9px}}.sidebar-mobile-toggle{display:none!important}.header .sidebar-mobile-toggle{box-shadow:none;border-radius:8px;flex-shrink:0;width:34px;height:34px;margin-right:4px;font-size:18px;position:static}.sidebar-overlay{z-index:150;background:#0d0f14b3;animation:.25s both fadeIn;display:none;position:fixed;top:0;bottom:0;left:0;right:0}[data-theme=light] .sidebar-overlay{background:#f8fafc99}.sidebar-overlay.show{display:block}body:has(.sidebar-overlay.show){overflow:hidden}.fab-container{z-index:9000;flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:32px;right:32px;pointer-events:none!important}.fab-container>button{pointer-events:auto!important}@media (max-width:768px){.fab-container{bottom:calc(72px + env(safe-area-inset-bottom,0px) + 12px);right:16px}.fab-container>button[data-ripple]{width:52px!important;height:52px!important;font-size:26px!important}}@media (max-width:480px){.fab-container{bottom:calc(70px + env(safe-area-inset-bottom,0px) + 10px);right:12px}}@media (max-width:768px){.toast{bottom:calc(72px + env(safe-area-inset-bottom,0px) + 8px);min-width:unset;border-radius:10px;max-width:calc(100vw - 24px);padding:.75rem 1rem;font-size:13px;left:12px;right:12px}.top-right-group{gap:8px;top:.6rem;right:.75rem}.top-right-group .header-circle-btn,.top-right-group .theme-toggle-btn,.top-right-group .profile-avatar-btn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;margin:0!important}.top-right-group .profile-avatar-btn .profile-avatar{width:100%;height:100%;font-size:13px}}@media (max-width:480px){.top-right-group{gap:6px;top:.5rem;right:.5rem}.top-right-group .header-circle-btn,.top-right-group .theme-toggle-btn,.top-right-group .profile-avatar-btn{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}}@media (max-width:600px){.modal-overlay{align-items:flex-end;padding:0}.modal-content,.gcal-modal{width:100%;max-width:100%;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0}}@media (max-width:480px){.header-actions .btn{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.stats-strip .stat-card{min-width:0;overflow:hidden}.keep-masonry{column-gap:0;column-count:1!important}.habit-week-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:600px){.main{margin-left:0!important}.panel-header{flex-wrap:wrap;gap:8px}.panel-header input[placeholder*=task]{flex:100%;order:3;border-radius:12px!important;width:100%!important;margin-left:0!important}.md-hero{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:1200px){.grid-main .dash-side-stack .panel:last-child{order:5}}@media (max-width:600px){.gcal-overlay{align-items:flex-end;padding:0}.gcal-modal{max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important}}html,body{-webkit-text-size-adjust:100%;touch-action:manipulation;max-width:100vw;overflow-x:hidden}@media (max-width:768px){button,.btn,.nav-item,.dropdown-item,.mbn-item,.cal-nav-btn,.action-btn,.theme-toggle-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:40px}button:active,.btn:active,.clickable:active{transition:transform 80ms ease-out;transform:scale(.96)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=search],select,textarea{font-size:16px!important}.habit-check-btn{justify-content:center;align-items:center;min-width:32px;min-height:32px;display:inline-flex}.panel,.card,.stat-card,.task-item,.note-card,.goal-card,.habit-card{overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;min-width:0;max-width:100%}.stat-label,.stat-value,.page-title,.panel-title,.task-title,.note-title,.goal-title{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.panel-header,.header-actions,.stats-strip{min-width:0;max-width:100%}.heatmap-panel,.heatmap-container,.study-heatmap,.habit-week-table-wrap,.chart-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;overflow-x:auto!important}.heatmap-panel::-webkit-scrollbar{display:none}.heatmap-container::-webkit-scrollbar{display:none}.habit-week-table-wrap::-webkit-scrollbar{display:none}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);padding-bottom:max(10px, env(safe-area-inset-bottom));background:#fff!important;border-top:1px solid #00000014!important;box-shadow:0 -4px 20px #0000000f!important}.mbn-more-menu{padding-bottom:max(16px, env(safe-area-inset-bottom))!important;border-radius:20px 20px 0 0!important;box-shadow:0 -8px 32px #00000047!important}.modal-content,.zen-focus-modal{overscroll-behavior:contain;max-height:90dvh!important;padding-bottom:max(1rem, env(safe-area-inset-bottom))!important}}@media (max-width:480px){.stats-strip{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.stat-card{padding:10px 12px!important}.stat-value{line-height:1.2;font-size:20px!important}.stat-label{font-size:11px!important}.header-actions{flex-wrap:wrap;gap:6px}.header-actions .btn{flex:auto;min-width:-moz-fit-content;min-width:fit-content;padding:8px 12px!important;font-size:12px!important}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:20px 20px 0 0!important;width:100%!important;margin:0!important}}.cmd-palette-backdrop{-webkit-backdrop-filter:blur(12px);z-index:10000;background:#000000a6;justify-content:center;align-items:flex-start;padding:12vh 16px 24px;animation:.15s ease-out cmdFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.cmd-palette-container{background:var(--bg2,#18181b);width:100%;max-width:640px;color:var(--text,#f4f4f5);border:1px solid var(--border,#ffffff1f);border-radius:14px;flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) cmdPopIn;display:flex;overflow:hidden;box-shadow:0 24px 70px #0000008c,0 0 0 1px #ffffff0d}.cmd-palette-search-box{border-bottom:1px solid var(--border,#ffffff14);background:var(--bg2,#18181b);align-items:center;gap:12px;padding:14px 18px;display:flex}.cmd-palette-search-icon{color:var(--accent,#6366f1);flex-shrink:0}.cmd-palette-input{color:var(--text,#f4f4f5);background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:500}.cmd-palette-input::placeholder{color:var(--text3,#71717a)}.cmd-palette-kbd{background:var(--bg3,#ffffff14);color:var(--text3,#a1a1aa);border:1px solid var(--border,#ffffff14);letter-spacing:.04em;border-radius:5px;padding:2px 7px;font-family:inherit;font-size:11px;font-weight:600}.cmd-palette-list{scrollbar-width:thin;max-height:380px;padding:8px;overflow-y:auto}.cmd-palette-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text3,#71717a);padding:8px 10px 4px;font-size:11px;font-weight:700}.cmd-palette-item{width:100%;color:var(--text,#f4f4f5);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13.5px;transition:all .1s;display:flex}.cmd-palette-item.active{background:var(--accent-bg,#6366f126);color:var(--text,#fff);border-color:#6366f14d}.cmd-palette-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.cmd-palette-item-icon{width:22px;color:var(--text2,#a1a1aa);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.cmd-palette-item.active .cmd-palette-item-icon{color:var(--accent,#6366f1)}.cmd-palette-item-label{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.cmd-palette-item-sub{color:var(--text3,#71717a);text-overflow:ellipsis;white-space:nowrap;margin-left:6px;font-size:12px;overflow:hidden}.cmd-palette-badge{background:var(--bg3,#ffffff14);color:var(--text3,#a1a1aa);text-transform:uppercase;letter-spacing:.03em;border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:600}.cmd-palette-badge.action{color:var(--accent,#818cf8);background:#6366f126}.cmd-palette-badge.task{color:#34d399;background:#10b98126}.cmd-palette-badge.note{color:#fbbf24;background:#f59e0b26}.cmd-palette-badge.habit{color:#f87171;background:#ef444426}.cmd-palette-footer{border-top:1px solid var(--border,#ffffff14);background:var(--bg3,#0003);color:var(--text3,#71717a);justify-content:space-between;align-items:center;padding:10px 16px;font-size:11.5px;display:flex}.cmd-palette-hints{align-items:center;gap:12px;display:flex}.cmd-palette-empty{text-align:center;color:var(--text3,#71717a);padding:36px 20px;font-size:13.5px}@keyframes cmdFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cmdPopIn{0%{opacity:0;transform:scale(.97)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}:root{--google-blue:#4285f4;--google-green:#34a853;--google-yellow:#fbbc04;--google-red:#ea4335;--google-teal:#00acc1;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:50%;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f}.md-hero{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-right:140px;display:flex}@media (max-width:768px){.md-hero{padding-right:90px}}.md-hero-left{flex:1}.md-hero-title{color:var(--text);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700;line-height:1.2}.md-hero-sub{color:var(--text3);margin:4px 0 0;font-size:14px;font-weight:400}.md-stat-chip{background:var(--bg2);border-radius:var(--radius-lg);border:1px solid var(--border);align-items:center;gap:14px;padding:16px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.md-stat-chip:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.md-stat-body{flex:1;min-width:0}.md-stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.md-stat-value{color:var(--text);font-size:22px;font-weight:700;line-height:1.2;font-family:var(--mono,"JetBrains Mono",monospace)}.md-stat-sub{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.md-habits-layout{grid-template-columns:1fr 340px;gap:24px;margin-bottom:24px;display:grid}@media (max-width:1200px){.md-habits-layout{grid-template-columns:1fr}}.md-sidebar{flex-direction:column;gap:20px;display:flex}.md-card{background:var(--bg2);border-radius:var(--radius-xl);border:1px solid var(--border);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.md-card:hover{box-shadow:var(--shadow-sm)}.md-card--main{flex-direction:column;display:flex}.md-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.md-card-title{color:var(--text);align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.md-card-badge{color:var(--text3);background:var(--bg3);font-size:12px;font-weight:600;font-family:var(--mono,monospace);border-radius:12px;padding:4px 10px}.md-card-body{flex-direction:column;padding:16px 20px;display:flex}.md-card-body--list{padding:12px 16px}.md-habit-card{background:var(--bg3);border-radius:var(--radius-lg);cursor:pointer;border:1px solid #0000;align-items:center;gap:14px;margin-bottom:8px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.md-habit-card:last-child{margin-bottom:0}.md-habit-card:hover{border-color:var(--border2);box-shadow:var(--shadow-md);transform:translate(4px)}.md-habit-card.checked-in{background:#34a8530f;border-color:#34a85326}.md-habit-card.paused{opacity:.6}.md-habit-accent{border-radius:0 4px 4px 0;width:4px;position:absolute;top:0;bottom:0;left:0}.md-habit-body{flex:1;min-width:0}.md-habit-top{align-items:center;gap:8px;margin-bottom:6px;display:flex}.md-habit-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.md-habit-meta{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.md-chip{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.md-chip--outline{border:1px solid var(--border);color:var(--text3);background:0 0}.md-chip--paused{color:var(--google-red);background:#ea43351a}.md-habit-streak{align-items:center;gap:10px;display:flex}.md-streak-bar-bg{background:var(--bg4);border-radius:4px;flex:1;height:4px;overflow:hidden}.md-streak-bar-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.md-streak-num{font-size:11px;font-weight:700;font-family:var(--mono,monospace);white-space:nowrap}.md-check-circle{border-radius:var(--radius-full);background:var(--bg2);border:2px solid var(--border);cursor:pointer;color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.md-check-circle:hover{border-color:var(--google-green);transform:scale(1.08)}.md-check-circle.done{background:var(--google-green);border-color:var(--google-green);color:#fff;animation:.4s cubic-bezier(.4,0,.2,1) mdPopIn;box-shadow:0 2px 8px #34a85359}@keyframes mdPopIn{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.md-week-rings{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:20px;display:grid}.md-week-day{flex-direction:column;align-items:center;gap:6px;display:flex}.md-week-day.today .md-ring-svg circle:first-of-type{stroke:#4285f426}.md-week-day.today .md-week-day-label{color:var(--google-blue);font-weight:700}.md-ring-svg{display:block}.md-week-day-label{color:var(--text3);text-transform:uppercase;font-size:10px;font-weight:500}.md-week-day-num{color:var(--text2);font-size:11px;font-weight:600;font-family:var(--mono,monospace)}.md-progress-section{align-items:center;gap:12px;margin-bottom:20px;display:flex}.md-progress-label{color:var(--text3);white-space:nowrap;min-width:70px;font-size:11px}.md-progress-bar-lg{background:var(--bg3);border-radius:8px;flex:1;height:8px;overflow:hidden}.md-progress-fill-lg{background:linear-gradient(90deg,var(--google-green),var(--google-teal));border-radius:8px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.md-progress-pct{color:var(--google-green);font-size:14px;font-weight:700;font-family:var(--mono,monospace)}.md-cat-section{border-top:1px solid var(--border);padding-top:16px}.md-cat-title{color:var(--text);margin-bottom:12px;font-size:12px;font-weight:600}.md-cat-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.md-cat-row:last-child{margin-bottom:0}.md-cat-name{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;flex:0 0 60px;font-size:12px;overflow:hidden}.md-cat-bar-bg{background:var(--bg3);border-radius:6px;flex:1;height:6px;overflow:hidden}.md-cat-bar-fill{border-radius:6px;height:100%;transition:width .6s}.md-cat-pct{color:var(--text3);font-size:11px;font-weight:600;font-family:var(--mono,monospace);text-align:right;width:36px}.md-insight{border-radius:var(--radius-md);background:var(--bg3);border-left:3px solid;align-items:flex-start;gap:12px;padding:14px;display:flex}.md-insight-text{color:var(--text2);flex-direction:column;gap:2px;font-size:12px;line-height:1.5;display:flex}.md-insight-text strong{color:var(--text);font-size:13px}.md-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.md-empty-title{color:var(--text);margin-bottom:6px;font-size:18px;font-weight:600}.md-empty-desc{color:var(--text3);max-width:280px;margin-bottom:20px;font-size:13px}.md-btn{cursor:pointer;border:none;border-radius:24px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.md-btn--primary{background:var(--google-blue);color:#fff;box-shadow:var(--shadow-sm)}.md-btn--primary:hover{box-shadow:var(--shadow-md);background:#3367d6;transform:translateY(-1px)}.md-text-btn{color:var(--google-blue);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:500;transition:background .2s cubic-bezier(.4,0,.2,1)}.md-text-btn:hover{background:#4285f414}.md-week-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.md-week-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.md-week-table thead th{text-align:center;color:var(--text3);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border);padding:10px 8px;font-size:11px;font-weight:600}.md-wt-day{min-width:44px}.md-wt-streak{min-width:60px}.md-week-table tbody td{text-align:center;border-bottom:1px solid var(--border);padding:10px 8px}.md-week-table tbody tr:last-child td{border-bottom:none}.md-week-table tbody tr:hover{background:var(--bg3)}.md-wt-name-cell{align-items:center;gap:10px;display:flex}.md-wt-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:13px;font-weight:500;overflow:hidden}.md-wt-dot{border-radius:var(--radius-full);background:var(--bg3);width:32px;height:32px;color:var(--text3);justify-content:center;align-items:center;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.md-wt-dot.done{background:var(--google-green);color:#fff}.md-wt-dot.today{box-shadow:0 0 0 2px var(--google-blue)}.md-wt-streak-cell{text-align:center}.md-wt-streak-val{color:var(--text3);font-size:13px;font-weight:600;font-family:var(--mono,monospace)}.md-wt-streak-val.active{color:var(--google-green)}.md-week-table-wrap::-webkit-scrollbar{height:6px}.md-week-table-wrap::-webkit-scrollbar-track{background:0 0}.md-week-table-wrap::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:6px}.md-week-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--text3)}.habit-toggle{cursor:pointer;display:inline-flex}.habit-toggle-track{background:var(--bg4);border-radius:11px;width:40px;height:22px;transition:background .2s;position:relative}.habit-toggle-track.on{background:var(--google-green)}.habit-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.habit-toggle-track.on .habit-toggle-thumb{left:20px}.color-dot{vertical-align:middle;border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}.habit-detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:1.5rem;display:grid}.habit-detail-stat{text-align:center;background:var(--bg3);border-radius:10px;padding:1rem}.habit-detail-val{font-size:24px;font-weight:700;font-family:var(--mono)}.habit-detail-lbl{color:var(--text3);margin-top:4px;font-size:10px}.habit-actions{align-items:center;gap:8px;display:flex}.habit-menu{color:var(--text3);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:20px;transition:all .2s}.habit-menu:hover{background:var(--bg4);color:var(--text)}.habit-day-shortcuts{flex-wrap:wrap;gap:6px;display:flex}.habit-day-shortcut-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text3);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:11px;transition:all .15s}.habit-day-shortcut-btn:hover{background:var(--bg4);color:var(--text)}.habit-day-shortcut-btn.active{background:var(--google-blue);border-color:var(--google-blue);color:#fff;font-weight:600}.habit-day-picker{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.habit-day-btn{text-align:center;border:1px solid var(--border);background:var(--bg3);min-width:38px;color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex:1;padding:8px 4px;font-size:13px;font-weight:600;transition:all .18s}.habit-day-btn:hover{border-color:var(--border2);background:var(--bg4);transform:translateY(-1px)}.habit-day-btn.selected{font-weight:700;box-shadow:0 2px 8px #00000026}.md-wt-dot.off{border:1px dashed var(--border);color:var(--text3);opacity:.35;background:0 0;font-size:14px}.md-wt-dot.off.done{background:var(--google-green);color:#fff;opacity:1;border:none}@media (max-width:992px){.md-habits-layout{grid-template-columns:1fr!important;gap:16px!important}}@media (max-width:768px){.md-hero{flex-direction:column!important;align-items:flex-start!important;gap:14px!important;margin-bottom:16px!important;padding-right:0!important}.md-hero-title{font-size:22px!important}.md-hero-sub{font-size:13px!important}.md-stat-chip{border-radius:12px!important;padding:10px 12px!important}.md-stat-value{font-size:18px!important}.md-stat-label{font-size:10px!important}.md-habit-card{border-radius:12px!important;gap:10px!important;padding:10px 12px!important}.md-habit-name{white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;font-size:13.5px!important}.md-check-circle{width:36px!important;min-width:36px!important;height:36px!important;font-size:16px!important}.md-week-rings{gap:4px!important}.md-ring-svg{width:32px!important;height:32px!important}.md-week-day-label{font-size:9px!important}.md-week-day-num{font-size:10px!important}.md-week-table-wrap{-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;overflow-x:auto!important}.md-week-table{min-width:480px!important}}@media (max-width:480px){.md-stat-chip{padding:8px 10px!important}.md-stat-value{font-size:16px!important}.md-card-header{padding:12px 14px 10px!important}.md-card-body{padding:12px 14px!important}.md-card-body--list{padding:8px 10px!important}.md-progress-section{flex-wrap:wrap!important;gap:6px!important}.md-progress-bar-lg{order:3!important;min-width:100%!important}}.offline-indicator-container{z-index:9999;-webkit-backdrop-filter:blur(12px);pointer-events:auto;border-radius:9999px;align-items:center;gap:10px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .3s;animation:.3s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 10px 25px -5px #00000040,0 4px 10px -2px #00000026}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.offline-indicator-container.status-offline{color:#fef3c7;background:#1e1b18e0;border:1px solid #f59e0b66}[data-theme=light] .offline-indicator-container.status-offline{color:#92400e;background:#fef3c7f2;border:1px solid #f59e0b99}.offline-indicator-container.status-syncing{color:#dbeafe;background:#0f172ae0;border:1px solid #3b82f666}[data-theme=light] .offline-indicator-container.status-syncing{color:#1e40af;background:#eff6fff2;border:1px solid #3b82f699}.offline-indicator-container.status-synced{color:#d1fae5;background:#061f14e0;border:1px solid #10b98166}[data-theme=light] .offline-indicator-container.status-synced{color:#065f46;background:#ecfdf5f2;border:1px solid #10b98199}.offline-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-offline .offline-dot{background:#f59e0b;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 8px #f59e0b}.status-syncing .offline-dot{background:#3b82f6;animation:1s linear infinite rotateSpin;box-shadow:0 0 8px #3b82f6}.status-synced .offline-dot{background:#10b981;box-shadow:0 0 8px #10b981}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes rotateSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.offline-badge{color:#fbbf24;background:#f59e0b40;border-radius:999px;margin-left:4px;padding:2px 7px;font-size:11px;font-weight:700}[data-theme=light] .offline-badge{color:#b45309;background:#f59e0b59}.offline-sync-btn{color:inherit;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;margin-left:6px;padding:3px 8px;font-size:11px;font-weight:700;transition:all .2s}.offline-sync-btn:hover{background:#ffffff40;transform:scale(1.05)}@media (max-width:768px){.offline-indicator-container{white-space:nowrap;padding:6px 14px;font-size:12px;bottom:80px;left:50%;transform:translate(-50%)}}