:root{--bg: #F6F7F9;--surface: #FFFFFF;--surface-2: #FBFCFD;--border: #ECEEF1;--border-2: #E3E6EA;--text: #0E1726;--text-2: #5B6675;--text-3: #97A1AE;--green: #22C55E;--green-600: #18A24B;--green-700: #15803D;--green-50: #F0FDF4;--green-100: #DCFCE7;--green-tint: #EAF9EF;--amber: #F5A524;--amber-50: #FEF6E7;--red: #F0584E;--red-50: #FDEEED;--blue: #3B82F6;--blue-50: #EAF2FE;--track: #EDF0F2;--chip-gray: #F1F3F5;--amber-text: #B7791F;--red-text: #C0392F;--nav-bg: rgba(255,255,255,.92);--r-card: 20px;--r-md: 14px;--r-sm: 10px;--sh-sm: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .04);--sh-md: 0 4px 14px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .04);--sh-lg: 0 18px 50px rgba(16, 24, 40, .12);--sidebar-w: 250px;--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=dark]{--bg: #0E1218;--surface: #171C24;--surface-2: #1E242E;--border: #262D38;--border-2: #313945;--text: #EAEEF3;--text-2: #9BA7B4;--text-3: #69737F;--green-600: #22C55E;--green-700: #56D98B;--green-50: rgba(34,197,94,.12);--green-100: rgba(34,197,94,.2);--green-tint: rgba(34,197,94,.15);--amber: #F5A524;--amber-50: rgba(245,165,36,.16);--amber-text: #E8B24A;--red: #F0584E;--red-50: rgba(240,88,78,.16);--red-text: #FF8C80;--blue: #5B9BFF;--blue-50: rgba(91,155,255,.16);--track: #2A323D;--chip-gray: #232B35;--nav-bg: rgba(20,25,33,.92);--sh-sm: 0 1px 2px rgba(0,0,0,.3);--sh-md: 0 4px 14px rgba(0,0,0,.35);--sh-lg: 0 18px 50px rgba(0,0,0,.55);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .25s ease,color .25s ease}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:var(--green-100)}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:26px 18px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 26px}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--green-tint);display:grid;place-items:center}.brand-name{font-weight:800;font-size:19px;letter-spacing:-.02em}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:var(--r-md);color:var(--text-2);font-weight:600;font-size:14.5px;transition:background .15s,color .15s;text-align:left;width:100%}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--green-tint);color:var(--green-700)}.nav-item.active .ic{stroke:var(--green-700)}.nav-item .ic{stroke:var(--text-2);flex-shrink:0}.sidebar-spacer{flex:1}.quote-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 17px;margin:8px 4px 16px}.quote-mark{color:var(--green);font-size:22px;font-weight:800;line-height:.6}.quote-text{font-size:13.5px;line-height:1.5;color:var(--text-2);margin-top:8px;font-weight:500}.quote-by{font-size:13px;color:var(--text-3);margin-top:9px;font-weight:600}.user{display:flex;align-items:center;gap:11px;padding:9px 6px;border-radius:var(--r-md)}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#2b3340,#4b5563);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;flex-shrink:0}.user-name{font-weight:700;font-size:14px}.user-mail{font-size:12px;color:var(--text-3)}.user-chev{margin-left:auto;stroke:var(--text-3)}.logout{display:flex;align-items:center;gap:11px;padding:11px 13px;margin-top:10px;border:1px solid var(--border-2);border-radius:var(--r-md);color:var(--text-2);font-weight:600;font-size:14px;width:100%}.logout:hover{background:var(--surface-2);color:var(--text)}.theme-toggle{margin-top:14px;margin-bottom:8px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{padding:30px 36px 64px;max-width:1180px;width:100%;margin:0 auto}.topbar,.bottom-nav{display:none}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-title{font-size:30px;font-weight:800;letter-spacing:-.025em;display:flex;align-items:center;gap:11px}.page-sub{color:var(--text-2);font-size:15px;margin-top:5px;font-weight:500}.head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 17px;border-radius:11px;font-weight:700;font-size:14px;white-space:nowrap;transition:transform .08s,background .15s,box-shadow .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 6px 16px #22c55e47}.btn-primary:hover{background:var(--green-600)}.btn-ghost{background:var(--surface);border:1px solid var(--border-2);color:var(--text)}.btn-ghost:hover{background:var(--surface-2)}.icon-btn{width:42px;height:42px;border-radius:12px;background:var(--surface);border:1px solid var(--border-2);display:grid;place-items:center;position:relative}.icon-btn:hover{background:var(--surface-2)}.icon-btn .dot-notif{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--green);border:2px solid var(--surface)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-sm)}.card-pad{padding:20px 22px}.grid{display:grid;gap:16px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-weight:700;font-size:12.5px}.pill-gray{background:var(--chip-gray);color:var(--text-2)}.pill-green{background:var(--green-100);color:var(--green-700)}.pill-blue{background:var(--blue-50);color:var(--blue)}.pill-amber{background:var(--amber-50);color:var(--amber-text)}.progress{height:8px;border-radius:999px;background:var(--track);overflow:hidden}.progress>i{display:block;height:100%;border-radius:999px;background:var(--green);transition:width .5s cubic-bezier(.2,.8,.2,1)}.progress.lg{height:10px}.progress.on-green{background:#ffffff52}.progress.on-green>i{background:#fff}.stat-eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.07em;color:var(--text-3);text-transform:uppercase}.stat-big{font-size:34px;font-weight:800;letter-spacing:-.02em}.stat-unit{font-size:14px;font-weight:700;color:var(--text-3)}.hero-green{background:linear-gradient(150deg,#28c760,#18a24b);color:#fff;border:none}.hero-green .stat-eyebrow{color:#ffffffd1}.habit-row{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);transition:box-shadow .15s,border-color .15s}.habit-row+.habit-row{margin-top:10px}.habit-row:hover{box-shadow:var(--sh-sm)}.check{width:26px;height:26px;border-radius:50%;flex-shrink:0;border:2px solid var(--border-2);background:var(--surface);display:grid;place-items:center;transition:all .15s}.check.on{background:var(--green);border-color:var(--green)}.check.on svg{stroke:#fff}.check svg{stroke:transparent}.habit-icon{width:42px;height:42px;border-radius:12px;flex-shrink:0;background:var(--green-tint);display:grid;place-items:center}.habit-main{flex:1;min-width:0}.habit-name{font-weight:700;font-size:15px}.habit-time{font-size:12.5px;color:var(--text-3);font-weight:600;margin-top:1px}.habit-streak{text-align:left;min-width:84px}.streak-label{font-size:11px;color:var(--text-3);font-weight:700}.streak-val{font-size:14.5px;font-weight:800;color:var(--green-700)}.dots{display:flex;gap:6px}.dot{width:9px;height:9px;border-radius:50%;background:var(--track)}.dot.on{background:var(--green)}.habit-7d{min-width:150px}@media (max-width: 980px){.dash-row1{grid-template-columns:1fr 1fr!important}.dash-row1 .hero-green{grid-column:1 / -1}.dash-row2{grid-template-columns:1fr 1fr!important}.dash-row3,.dash-row4,.goals-main,.well-top{grid-template-columns:1fr!important}.goal-grid{grid-template-columns:1fr 1fr!important}}@media (max-width: 760px){.habit-streak{display:none}.habit-7d{min-width:auto}.habit-7d .streak-label{display:none}}@media (max-width: 600px){.goal-grid{grid-template-columns:1fr!important}.stat-grid{grid-template-columns:1fr 1fr!important}.page-title{font-size:23px}}.mood-group{display:flex;gap:10px}.mood-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;font-weight:700;font-size:14px;border:1.5px solid var(--border-2);color:var(--text-2);background:var(--surface);transition:all .15s}.mood-btn .emo{font-size:17px}.mood-btn.good.on{background:var(--green-50);border-color:var(--green);color:var(--green-700)}.mood-btn.medium.on{background:var(--amber-50);border-color:var(--amber);color:var(--amber-text)}.mood-btn.hard.on{background:var(--red-50);border-color:var(--red);color:var(--red-text)}.mood-btn:hover{border-color:#cfd5db}.mood-pick{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 6px;border-radius:14px;font-weight:700;font-size:12.5px;color:var(--text-2);border:1.5px solid transparent;transition:all .15s}.mood-pick .emo{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:var(--chip-gray);transition:all .15s}.mood-pick:hover{background:var(--surface-2)}.mood-pick.good.on{color:var(--green-700)}.mood-pick.good.on .emo{background:var(--green-100)}.mood-pick.medium.on{color:var(--amber-text)}.mood-pick.medium.on .emo{background:var(--amber-50)}.mood-pick.hard.on{color:var(--red-text)}.mood-pick.hard.on .emo{background:var(--red-50)}.donut{position:relative;display:grid;place-items:center}.donut .center{position:absolute;text-align:center}.book-cover{width:46px;height:62px;border-radius:7px;flex-shrink:0;box-shadow:0 2px 6px #1018282e;display:flex;flex-direction:column;justify-content:flex-end;padding:6px;color:#fff;overflow:hidden;position:relative}.book-cover .bc-title{font-size:6.5px;font-weight:800;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.list-row{display:grid;grid-template-columns:auto 46px 1fr auto auto;align-items:center;gap:16px;padding:16px 6px}.list-row+.list-row{border-top:1px solid var(--border)}.book-row{display:grid;grid-template-columns:18px 46px 1fr auto 18px;align-items:center;gap:16px;padding:16px 4px}.book-row+.book-row{border-top:1px solid var(--border)}.list-num{font-size:14px;font-weight:700;color:var(--text-3);width:16px;text-align:center}.book-cover.big{width:78px;height:104px;border-radius:8px}.book-cover.big .bc-title{font-size:9px}.book-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.book-card{flex:0 0 150px;display:flex;flex-direction:column;gap:6px}.ghost-input{flex:1;min-width:0;padding:9px 12px;border-radius:10px;background:var(--surface);border:1.5px solid var(--border-2);font-family:inherit;font-size:14px;font-weight:700;color:var(--text)}.ghost-input:focus{outline:none;border-color:var(--green)}.goal-card{display:flex;flex-direction:column}.filter-tabs{display:inline-flex;gap:6px}.filter-tab{padding:9px 16px;border-radius:10px;font-weight:700;font-size:13.5px;color:var(--text-2);border:1px solid transparent}.filter-tab:hover{background:var(--surface-2)}.filter-tab.on{color:var(--green-700);background:var(--green-tint);border-color:#22c55e40}.seg{display:inline-flex;gap:18px;flex-wrap:wrap}.seg-item{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-2)}.seg-dot{width:9px;height:9px;border-radius:50%}.banner{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:var(--r-card);background:var(--green-50);border:1px solid var(--green-100)}.banner-ic{width:46px;height:46px;border-radius:14px;background:var(--green);display:grid;place-items:center;flex-shrink:0}.muted{color:var(--text-2)}.tiny{font-size:12.5px}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.section-title{font-size:17px;font-weight:800;letter-spacing:-.01em}.link-green{color:var(--green-700);font-weight:700;font-size:13.5px}.link-green:hover{text-decoration:underline}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 600px){.grid-2{grid-template-columns:1fr}}.ghost-input{min-width:0;max-width:100%}.user-mail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e172673;z-index:49;opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(86vw,320px);background:var(--surface);border-right:1px solid var(--border);z-index:50;display:flex;flex-direction:column;padding:22px 18px calc(18px + env(safe-area-inset-bottom));transform:translate(-100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 40px #00000026}.drawer.open{transform:translate(0)}.drawer-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--text-2)}@media (max-width: 980px){.sidebar{display:none}.bottom-nav{display:none!important}.dashboard-bell{display:none}.main{padding-bottom:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-top,0px));background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.topbar .brand-name{font-size:16px}.content{padding:18px 16px 32px}.page-head{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:18px}.page-head>div:first-child{display:flex;flex-direction:column}.page-title{font-size:22px;line-height:1.2}.page-sub{font-size:13.5px;margin-top:3px}.head-actions{justify-content:flex-end;gap:8px}.card-pad{padding:16px}.stat-big{font-size:26px}.section-title{font-size:15px}.dash-row1,.dash-row2,.dash-row3,.dash-row4,.goals-main,.well-top,.stat-grid,.goal-grid{grid-template-columns:1fr!important}}@media (max-width: 600px){.content{padding:14px 14px 32px}.dash-row1,.dash-row3,.dash-row4,.goals-main,.well-top,.goal-grid{grid-template-columns:1fr!important}.dash-row2,.stat-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.card-pad{padding:14px}.grid{gap:12px!important}.page-title{font-size:21px}.hero-green .stat-big{font-size:30px!important}.habit-row{display:grid!important;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:8px;padding:14px;align-items:center}.habit-row .check{grid-row:1;grid-column:1}.habit-row .habit-icon:first-of-type{display:none}.habit-row .habit-main{grid-row:1;grid-column:2;min-width:0}.habit-row .habit-main .habit-name{font-size:14.5px}.habit-row .habit-streak{display:none!important}.habit-row>span.habit-icon:last-of-type{grid-row:1;grid-column:3}.habit-row .habit-7d{grid-row:2;grid-column:1 / -1;display:flex;align-items:center;gap:10px}.habit-row .habit-7d .streak-label{display:none}.book-row{grid-template-columns:36px 1fr auto!important;gap:12px!important;padding:14px 4px!important}.book-row .list-num{display:none}.book-row .book-cover{width:36px!important;height:48px!important}.mood-group{gap:6px;flex-wrap:wrap}.mood-btn{padding:9px 11px;font-size:13px}.mood-btn .emo{font-size:15px}.mood-pick{padding:8px 4px}.mood-pick .emo{width:34px;height:34px;font-size:17px}.mood-pick>span:last-child{font-size:11.5px}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;margin:0 -2px;padding:2px;-webkit-overflow-scrolling:touch}.filter-tab{white-space:nowrap}.head-actions{flex-wrap:wrap}.head-actions .btn{padding:9px 13px;font-size:13px}.head-actions .icon-btn{width:38px!important;height:38px!important}.seg{flex-wrap:wrap;gap:10px}.seg-item{font-size:12px}.banner{padding:14px 16px;gap:12px}.banner-ic{width:38px;height:38px;border-radius:11px}}@media (max-width: 380px){.content{padding:12px 12px 28px}.card-pad{padding:13px}.dash-row2{grid-template-columns:1fr!important}.stat-big{font-size:24px}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}