:root{--ink:#20213a;--muted:#77758b;--orange:#f97316;--orange2:#ffb35c;--cream:#fff8ef;--line:#eee8df;--purple:#7763f1;--mint:#d7f4e9;--card:#fff;--shadow:0 16px 45px rgba(47,31,10,.08)}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:'DM Sans',sans-serif;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer;border:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;background:#fff;position:fixed;inset:0 auto 0 0;padding:28px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);padding:0 8px 34px}.brand-mark{display:inline-grid;place-items:center;background:var(--orange);color:#fff;border-radius:12px;width:44px;height:44px;font:700 17px 'Fredoka',sans-serif;box-shadow:0 7px 16px #f9731640}.brand b{font:700 18px 'Fredoka'}.brand small{display:block;color:var(--orange);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.sidebar nav{display:grid;gap:5px}.nav-link{background:transparent;color:#77758b;padding:12px 12px;border-radius:12px;text-align:left;font-weight:700;font-size:14px;display:flex;align-items:center;gap:13px}.nav-link:hover,.nav-link.active{color:var(--orange);background:#fff1e2}.side-footer{margin-top:auto}.side-footer small{display:block;margin:18px 10px 0;color:#9e9bad;line-height:1.6;font-size:11px}.content{width:calc(100% - 246px);margin-left:246px;padding:34px clamp(24px,5vw,72px) 60px;max-width:1600px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{color:#9995a8;font-size:10px;letter-spacing:.13em;font-weight:800;margin:0 0 5px}.topbar h1{margin:0;font:700 clamp(24px,3vw,34px) 'Fredoka'}.top-actions{display:flex;align-items:center;gap:14px}.round-button,.avatar{width:43px;height:43px;border-radius:50%;background:#fff;color:var(--ink);box-shadow:var(--shadow);position:relative}.round-button i{position:absolute;width:7px;height:7px;background:var(--orange);border-radius:50%;right:10px;top:9px}.avatar{background:#7763f1;color:#fff;font-weight:800}.view{display:none}.view.active{display:block}.hero{min-height:248px;background:linear-gradient(105deg,#f46d11,#ffaf50);border-radius:25px;padding:34px 42px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;position:relative}.pill{font-size:10px;letter-spacing:.1em;font-weight:800;background:#ffffff2e;border:1px solid #ffffff4d;padding:7px 10px;border-radius:20px}.hero h2{font:700 clamp(30px,4vw,44px)/1.03 'Fredoka';margin:16px 0 10px}.hero em,.onboarding em{font-style:normal;color:#592b0b}.hero p{margin:0 0 19px;color:#fff3e9}.primary,.secondary{padding:12px 17px;border-radius:11px;font-weight:800}.primary{background:#fff;color:#e9600a}.primary b{margin-left:18px}.secondary{background:#fff0df;color:#e9600a}.hero-art{width:290px;position:relative}.sun{position:absolute;font-size:72px;right:34px;top:-20px}.hero-book{position:absolute;right:51px;bottom:9px;background:#fff5d0;color:#ff7c17;border-radius:16px;padding:23px 27px;text-align:center;transform:rotate(-8deg);font-size:25px;box-shadow:0 13px 20px #96430a38}.hero-book small{font:700 11px 'Fredoka'}.float-card{position:absolute;left:8px;top:70px;background:#fff;color:var(--ink);padding:10px 13px;border-radius:12px;transform:rotate(6deg);font-size:17px;box-shadow:0 10px 20px #8c360e36}.float-card small{font-size:9px;color:var(--muted);display:block}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:20px 0}.stat,.card{background:#fff;border-radius:18px;box-shadow:var(--shadow)}.stat{padding:19px;display:flex;gap:14px;min-height:112px}.stat>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f1edff;color:var(--purple);font-weight:bold;font-size:21px}.stat small{color:var(--muted);font-weight:700;font-size:12px}.stat strong{display:block;font:700 27px 'Fredoka';margin-top:3px}.stat strong i{color:#aaa6b4;font-style:normal;font-size:14px}.stat p{font-size:10px;margin:4px 0 0;color:#9995a8}.stat.orange>span{background:#fff0df;color:var(--orange)}.ring{margin-left:auto;width:47px;height:47px;border-radius:50%;border:5px solid #f0ecff;border-top-color:var(--purple);display:grid;place-items:center;font-size:10px;color:var(--purple);font-weight:bold}.progress{width:115px;height:6px;border-radius:9px;background:#f2efff;margin-top:6px}.progress b{background:var(--purple);display:block;height:100%;border-radius:9px}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.card{padding:22px}.card-heading,.bot-title{display:flex;justify-content:space-between;align-items:flex-start}.card h3{margin:0;font:700 20px 'Fredoka'}.text-button{background:transparent;color:var(--orange);font-size:12px;font-weight:800;padding:2px}.slot{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f3f0eb}.slot:last-child{border:0}.slot time{width:42px;color:#8f8b9d;font-size:10px;font-weight:700}.slot b{font-size:13px}.slot span{margin-left:auto;font-size:10px;background:#effaf7;color:#337f6e;font-weight:800;padding:5px 8px;border-radius:8px}.upcoming-card .event-item{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #f3f0eb}.event-item:last-child{border:0}.event-date{border-radius:9px;text-align:center;width:38px;padding:4px;font-size:8px;font-weight:800}.event-date b{font-size:17px}.purple{background:#eeeaff;color:#6550e8}.peach{background:#ffead9;color:#e5660a}.yellow{background:#fff5c8;color:#b27d00}.event-item b{font-size:12px}.event-item p{font-size:10px;color:var(--muted);margin:3px 0}.nps-card{background:#272445;color:#fff;display:flex;align-items:center;gap:18px}.nps-card .eyebrow{color:#bfbae1}.nps-card p:not(.eyebrow){color:#d5d1e7;font-size:12px;line-height:1.5}.bot-orb{flex:0 0 auto;display:grid;place-items:center;width:50px;height:50px;border-radius:17px;background:linear-gradient(135deg,#8d7cff,#5547bc);color:#fff;font-size:24px;box-shadow:0 9px 18px #7763f155}.nps-card .bot-orb{width:58px;height:58px}.page-intro{display:flex;gap:16px;align-items:center;margin-bottom:25px}.page-intro h2{font:700 30px 'Fredoka';margin:0}.page-intro p{margin:4px 0;color:var(--muted);font-size:13px}.icon-box{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;font-size:24px;font-weight:bold}.icon-box.purple{background:#eeeaff;color:var(--purple)}.icon-box.blue{background:#e5f3ff;color:#3c87c1}.icon-box.orange{background:#fff0df;color:var(--orange)}.calendar-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px}.chip{background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px 13px;color:var(--muted);font-size:12px;font-weight:800}.chip.active{background:var(--orange);color:#fff;border-color:var(--orange)}.calendar-note{font-size:11px;color:#9893a1;margin-left:auto}.calendar-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.month-card{background:#fff;border-radius:17px;overflow:hidden;box-shadow:var(--shadow)}.month-card h3{margin:0;background:#272445;color:#fff;padding:14px 17px;font:700 18px 'Fredoka'}.month-card ul{list-style:none;margin:0;padding:9px 17px 15px}.month-card li{padding:8px 0;border-bottom:1px solid #f2eee8;font-size:12px;line-height:1.35}.month-card li:last-child{border:0}.month-card li span{display:block;color:var(--orange);font-weight:800;font-size:10px}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:780px}th{text-align:left;background:#272445;color:#fff;font-size:11px;padding:14px}td{font-size:12px;padding:14px;border-bottom:1px solid var(--line);font-weight:600}td:first-child{color:var(--purple)}td:nth-child(2){color:var(--muted);font-size:11px}.soft-note{font-size:11px;color:var(--muted);margin:13px 3px}.bot-layout,.community-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,.8fr);gap:18px}.bot-panel{background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:25px;min-height:535px;display:flex;flex-direction:column}.bot-title{justify-content:flex-start;gap:14px}.bot-title h2{font:700 26px 'Fredoka';margin:0}.bot-title p:not(.eyebrow){margin:4px 0;color:var(--muted);font-size:12px}.chat-log{flex:1;margin:25px 0;display:flex;flex-direction:column;gap:10px}.bubble{max-width:74%;padding:12px 14px;border-radius:5px 15px 15px 15px;font-size:13px;line-height:1.45}.bubble.bot{background:#f0edff;color:#40357f}.bubble.user{background:#fff0df;color:#8f3f08;align-self:flex-end;border-radius:15px 5px 15px 15px}.quick-prompts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.quick-prompts button{background:#f5f2ff;color:#6550e8;border-radius:18px;padding:7px 11px;font-size:11px;font-weight:700}.message-box{display:flex;gap:8px;border:1px solid #e8e2dc;border-radius:12px;padding:5px}.message-box input{min-width:0;flex:1;border:0;outline:0;padding:8px;font-size:13px}.message-box button{width:34px;height:34px;border-radius:9px;background:var(--orange);color:#fff;font-weight:800}.side-card{background:#fff;border-radius:18px;padding:22px;box-shadow:var(--shadow);align-self:start}.side-card h3{font:700 19px 'Fredoka';margin:0 0 14px}.task{display:flex;gap:9px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.task small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.task input{accent-color:var(--orange)}.heart{background:linear-gradient(135deg,#ff829d,#de4e77)}.es-panel{background:linear-gradient(150deg,#fff,#fff7f2)}.safety{background:#fff5e6}.safety p,.side-card li{font-size:12px;line-height:1.5;color:var(--muted)}.community-feed{min-height:480px;position:relative;padding-bottom:70px}.community-head{padding-bottom:15px;border-bottom:1px solid var(--line)}.community-head small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.message{display:flex;gap:10px;padding:16px 0 0}.message p{font-size:13px;margin:0}.message small{color:var(--muted);font-weight:500;font-size:10px;margin-left:4px}.mini-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800}.a1{background:#7460e8}.a2{background:#ec8d41}.a3{background:#4fa99a}.community-feed .message-box{position:absolute;bottom:18px;left:22px;right:22px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setting-section{display:grid;gap:14px}.setting-section h3{font:700 20px 'Fredoka'}.setting-section label:not(.toggle-line){display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.setting-section input:not([type=checkbox]),.setting-section select{border:1px solid #e6e1da;border-radius:9px;padding:10px;color:var(--ink);background:#fff}.toggle-line{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:800}.toggle-line small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.toggle-line input{accent-color:var(--orange);width:18px;height:18px}.full{grid-column:1/-1}.full p{font-size:13px;color:var(--muted);margin:0}.onboarding{position:fixed;inset:0;background:linear-gradient(135deg,#ffb569,#ff7d1d);z-index:5;display:grid;place-items:center;padding:20px}.onboarding.hide{display:none}.onboarding-card{max-width:450px;text-align:center;color:#fff}.brand-mark.big{width:66px;height:66px;font-size:23px;background:#fff;color:var(--orange);margin-bottom:25px}.onboarding .eyebrow{color:#fff0dc}.onboarding h2{font:700 39px/1.05 'Fredoka';margin:8px 0 12px}.onboarding h2 em{color:#642a05}.onboarding>p,.onboarding-card>p{line-height:1.5}.setup-options{display:grid;gap:10px;margin:24px 0}.setup-options button{padding:16px;border-radius:14px;text-align:left;background:#fff;color:var(--ink);box-shadow:0 10px 20px #9b430d30}.setup-options button:first-child{background:#272445;color:#fff}.setup-options b,.setup-options small{display:block}.setup-options small{margin-top:4px;color:#9691a0}.setup-options button:first-child small{color:#c9c3df}.privacy{color:#fff1e2;font-size:10px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,120px);transition:.25s;background:#272445;color:#fff;padding:12px 17px;border-radius:12px;box-shadow:var(--shadow);font-size:13px;z-index:7}.toast.show{transform:translate(-50%,0)}@media(max-width:1000px){.calendar-list{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.nps-card{grid-column:auto}}@media(max-width:760px){.sidebar{width:100%;height:68px;inset:auto 0 0;z-index:4;padding:7px;background:#fff;flex-direction:row}.brand,.side-footer{display:none}.sidebar nav{display:flex;width:100%;justify-content:space-around;gap:0}.nav-link{padding:7px;font-size:18px;display:block;text-align:center}.nav-link span{display:block;font-size:8px;margin-top:1px}.content{width:100%;margin:0;padding:24px 16px 90px}.topbar{margin-bottom:20px}.hero{padding:25px;min-height:230px}.hero-art{display:none}.stats-grid{grid-template-columns:1fr;gap:10px}.stat{min-height:auto}.calendar-list,.settings-grid,.bot-layout,.community-layout{grid-template-columns:1fr}.calendar-note{display:none}.full{grid-column:auto}.topbar h1{font-size:25px}.onboarding h2{font-size:33px}}