@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{font-family:"DM Sans",sans-serif;color:#17243b;background:#f6f8fc;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#17243b;--muted:#7d8aa0;--line:#e9edf4;--blue:#3868ee;--blue-dark:#244ecb;--green:#26ae85;--yellow:#f1b947;--red:#e16e70;--surface:#fff;--shadow:0 12px 36px rgba(33,55,95,.055);--radius:18px}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.welcome-page{background:radial-gradient(circle at 15% 15%,#eaf2ff,transparent 34%),#f7f9fc}
.welcome{max-width:1180px;margin:auto;padding:34px 42px 20px}.brand{display:inline-flex;align-items:center;gap:10px;font:800 21px Manrope,sans-serif;letter-spacing:1px;color:#1d3152}.brand img{width:35px;height:35px}.brand-large{font-size:23px}.welcome-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center;min-height:calc(100vh - 130px)}.welcome-copy{padding:20px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#657894;font-size:11px;font-weight:700;letter-spacing:1.7px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#40c69b;box-shadow:0 0 0 5px #dcf7ed}.welcome-copy h1{font:800 clamp(42px,5.2vw,66px)/1.12 Manrope,sans-serif;letter-spacing:-2.7px;margin:25px 0 15px;color:#172744}.welcome-copy h1 span{color:var(--blue)}.welcome-copy p{color:#738199;font-size:16px;line-height:1.8;max-width:460px}.welcome-copy .welcome-lead{font-size:18px;color:#30415f;font-weight:600}.welcome-proof{display:flex;align-items:center;gap:11px;margin-top:32px;color:#728098;font-size:13px}.welcome-proof>span:first-child{color:#f0b447;font-size:20px}.proof-divider{height:16px;border-left:1px solid #d9e0ea;margin:0 5px}.welcome-card{background:#fff;border:1px solid #edf0f6;border-radius:24px;padding:32px;box-shadow:0 24px 70px rgba(41,70,121,.10)}.welcome-card-icon{width:42px;height:42px;border-radius:14px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:23px}.welcome-card h2{font:700 23px Manrope,sans-serif;margin:20px 0 8px;letter-spacing:-.6px}.welcome-card>p{margin:0 0 25px;color:var(--muted);font-size:14px;line-height:1.6}.welcome-card form,.form-row>div{display:grid;gap:8px}.welcome-card label,.field-label{font-size:12px;font-weight:700;color:#4d5d75;margin-top:10px}.welcome-card input,.welcome-card select,.form-control{width:100%;border:1px solid #e6ebf3;background:#fbfcfe;border-radius:10px;padding:12px 13px;color:var(--ink);outline:none}.welcome-card input:focus,.welcome-card select:focus,.form-control:focus{border-color:#88a5fa;box-shadow:0 0 0 3px #edf2ff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.button{border:0;border-radius:10px;padding:11px 16px;font-weight:700;transition:.18s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--blue);color:white;box-shadow:0 8px 16px #3868ee2b}.button-primary:hover{background:var(--blue-dark)}.button-secondary{background:#edf2ff;color:#315ed1}.button-quiet{background:#f2f5f9;color:#65738a}.button-danger{background:#fff0f0;color:#cc585b}.button-wide{width:100%;margin-top:14px;padding:14px}.welcome-card small{display:block;text-align:center;color:#97a2b2;font-size:11px;margin-top:16px}.welcome-footer{display:flex;justify-content:space-between;color:#a1aabb;font-size:11px;padding:12px 0 0}

.app-layout{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:25px 16px 20px;background:#fff;border-right:1px solid #edf0f5;display:flex;flex-direction:column;z-index:5}.sidebar .brand{padding:0 12px 30px}.nav-label{padding:10px 13px 8px;color:#a0a9b8;font-size:10px;font-weight:700;letter-spacing:1.3px}.nav-list{display:grid;gap:3px}.nav-link{height:41px;padding:0 12px;border-radius:10px;display:flex;gap:12px;align-items:center;color:#748198;font-size:13px;font-weight:600;transition:.16s}.nav-link:hover{background:#f5f7fb;color:#334766}.nav-link.active{background:#edf2ff;color:#315fda}.nav-icon{width:19px;text-align:center;font-size:16px}.nav-count{margin-left:auto;border-radius:20px;padding:2px 7px;background:#fff0db;color:#c88618;font-size:10px}.sidebar-bottom{margin-top:auto}.ai-promo{background:linear-gradient(145deg,#eff4ff,#f6fbff);border:1px solid #e5edff;border-radius:14px;padding:15px;margin:12px 4px 17px}.ai-promo strong{font:700 13px Manrope}.ai-promo p{font-size:11px;line-height:1.5;color:#7c8aa0;margin:7px 0 11px}.ai-promo a{font-size:11px;font-weight:700;color:var(--blue)}.profile-mini{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid #edf0f5}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8efff;color:#426bd4;font-weight:700;font-size:12px}.profile-mini strong{display:block;font-size:12px}.profile-mini small{font-size:10px;color:#94a0b1}.app-main{grid-column:2;min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #edf0f5;background:#ffffffb8}.breadcrumb{color:#a2adbb;font-size:12px}.breadcrumb strong{color:#34445d;font-weight:600}.top-actions{display:flex;align-items:center;gap:11px}.icon-button{width:37px;height:37px;border:1px solid #edf0f5;border-radius:11px;background:#fff;color:#6d7c93;display:grid;place-items:center;position:relative}.unread-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:#f0b448;border:1px solid white}.content{max-width:1400px;margin:0 auto;padding:30px 38px 54px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.page-heading h1{font:700 25px Manrope,sans-serif;letter-spacing:-.7px;margin:0 0 6px;color:#1b2b46}.page-heading p{margin:0;color:#8a96a8;font-size:13px}.heading-actions{display:flex;gap:9px;align-items:center}.date-caption{font-size:12px;color:#8995a7}
.welcome-inline{font-size:13px;color:#8491a5;margin-bottom:7px}.dash-title{font:700 27px Manrope,sans-serif;margin:0 0 7px;letter-spacing:-.8px}.dash-title span{color:#3464dc}.dash-subtitle{color:#8a96a8;font-size:13px;margin:0}.hero-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.hero-cta{display:flex;gap:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card,.panel,.task-panel,.calendar-panel,.settings-panel{background:#fff;border:1px solid #edf0f5;border-radius:var(--radius);box-shadow:var(--shadow)}.metric-card{padding:17px 18px;min-height:118px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#8190a5;font-size:12px}.metric-icon{height:30px;width:30px;display:grid;place-items:center;border-radius:9px;background:#eef3ff;color:#4770dc}.metric-icon.green{background:#e8f8f1;color:#25a981}.metric-icon.yellow{background:#fff7e7;color:#d7a02e}.metric-icon.red{background:#fff0ef;color:#d66c6c}.metric-value{font:700 25px Manrope,sans-serif;margin:11px 0 3px;color:#20314c}.metric-foot{font-size:10px;color:#a0aabb}.metric-foot em{color:#28a77f;font-style:normal;font-weight:700}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.9fr);gap:17px}.panel{padding:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-heading h2{font:700 14px Manrope;margin:0;color:#243550}.panel-heading p{font-size:11px;color:#9aa5b5;margin:5px 0 0}.text-link{font-size:11px;color:#416be0;font-weight:700}.productivity{height:203px;display:flex;align-items:end;gap:14px;padding:15px 4px 0;border-bottom:1px solid #edf0f5;background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,#f3f5f8 49px,transparent 50px)}.chart-column{flex:1;height:100%;display:flex;justify-content:end;align-items:center;flex-direction:column;gap:7px}.chart-bar{width:min(26px,72%);height:var(--height);border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#77a0ff,#4773ec);position:relative;transition:height .3s}.chart-bar.today{background:linear-gradient(180deg,#73d6b2,#2eaf88)}.chart-label{font-size:9px;color:#9aa5b5;padding-bottom:9px}.chart-value{font-size:9px;color:#8794a8}.task-list{display:grid;gap:2px}.task-row{display:flex;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid #f0f2f6;min-width:0}.task-row:last-child{border-bottom:0}.check-button{flex:none;width:19px;height:19px;border:1.5px solid #d2dbe8;border-radius:7px;background:#fff;color:#fff;display:grid;place-items:center;font-size:11px;padding:0}.check-button.done{background:#31b48c;border-color:#31b48c}.task-main{min-width:0;flex:1}.task-title{font-size:12px;font-weight:600;color:#34445e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-row.completed .task-title{text-decoration:line-through;color:#a6afbc}.task-meta{display:flex;gap:8px;margin-top:5px;align-items:center;color:#a1abba;font-size:10px}.priority-dot{width:6px;height:6px;border-radius:50%;background:var(--priority,#4d79e9)}.task-actions{display:flex;gap:4px;opacity:.15;transition:.15s}.task-row:hover .task-actions{opacity:1}.task-actions button{border:0;background:transparent;color:#8a96a8;padding:4px;font-size:12px}.task-badge{font-size:9px;color:#64738b;background:#f3f5f8;padding:4px 7px;border-radius:20px;white-space:nowrap}.task-badge.urgent{background:#fff0ef;color:#d7686a}.task-badge.high{background:#fff5e2;color:#c89020}.task-badge.low{background:#eaf8f2;color:#299c78}.agenda-card{padding:19px;background:linear-gradient(150deg,#3767e9,#2b55cb);color:white;border-radius:var(--radius);box-shadow:0 12px 25px #3868ee25;margin-bottom:16px}.agenda-card small{color:#c9d7ff;font-size:10px;font-weight:700;letter-spacing:1px}.agenda-card h3{font:700 16px Manrope;margin:12px 0 4px}.agenda-card p{margin:0;color:#d8e2ff;font-size:11px}.agenda-time{margin-top:18px;padding-top:13px;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;font-size:11px}.agenda-time strong{font-size:13px}.ai-note{display:flex;gap:11px;padding:13px;background:#f4f7ff;border-radius:12px;color:#70809a;font-size:11px;line-height:1.5}.ai-note span{font-size:17px;color:#4771e2}.ai-note strong{display:block;color:#415575;margin-bottom:3px}.empty-state{padding:25px;text-align:center;color:#9aa5b5;font-size:12px}.task-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:16px}.search-box{flex:1;min-width:180px;position:relative}.search-box input{width:100%;border:1px solid #e9edf4;border-radius:10px;padding:10px 12px 10px 35px;background:#fff;outline:none;font-size:12px}.search-box span{position:absolute;left:12px;top:9px;color:#9aa5b5}.filter-select{border:1px solid #e9edf4;background:#fff;border-radius:10px;padding:10px;color:#6f7d91;font-size:11px}.task-panel{padding:8px 19px}.task-panel .task-row{padding:15px 1px}.task-row .task-title{font-size:13px}.task-list.large .task-row{padding:15px 2px}
.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.calendar-title{font:700 17px Manrope;color:#283955}.calendar-nav{display:flex;align-items:center;gap:8px}.calendar-nav button,.view-switch button{border:1px solid #e9edf4;background:white;border-radius:8px;padding:8px 10px;color:#687891;font-size:11px}.view-switch{display:flex;gap:5px}.view-switch button.active{color:#3868ee;background:#edf2ff;border-color:#e1eaff}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #edf0f5;border-left:1px solid #edf0f5}.calendar-weekday,.calendar-day{border-right:1px solid #edf0f5;border-bottom:1px solid #edf0f5;padding:9px;min-width:0}.calendar-weekday{text-align:center;color:#9aa5b5;font-size:10px;font-weight:700;height:34px}.calendar-day{height:100px;background:#fff;cursor:pointer;transition:.12s}.calendar-day:hover{background:#f7f9ff}.calendar-day.muted{background:#fafbfd;color:#bbc3cf}.calendar-day.selected{box-shadow:inset 0 0 0 2px #6689f2;background:#f7f9ff}.day-number{font-size:11px;color:#61718a}.day-number.today{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#3868ee;color:white;margin-top:-4px}.calendar-event{font-size:9px;padding:4px 5px;margin-top:5px;border-radius:4px;background:#eef2ff;color:#4770d5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.calendar-event.green{background:#eaf8f1;color:#299877}.calendar-event.yellow{background:#fff6e4;color:#bd8921}.day-tasks{margin-top:16px}.day-tasks h3{font:700 13px Manrope}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.project-card{background:white;border:1px solid #edf0f5;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.project-top{display:flex;justify-content:space-between;align-items:flex-start}.project-mark{height:37px;width:37px;border-radius:12px;background:#eff3ff;color:#456ee0;display:grid;place-items:center;font-size:16px}.project-card h3{font:700 15px Manrope;margin:15px 0 5px}.project-card p{font-size:11px;color:#8e9aac;margin:0}.progress-row{display:flex;justify-content:space-between;font-size:10px;color:#8e9aac;margin:19px 0 8px}.progress-track{height:6px;background:#edf1f6;border-radius:10px;overflow:hidden}.progress-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#4774eb,#79a0fc)}.project-footer{display:flex;justify-content:space-between;margin-top:15px;color:#9aa5b5;font-size:10px}
.ai-layout{max-width:850px;margin:0 auto}.ai-hero{text-align:center;padding:12px 0 22px}.ai-orb{width:54px;height:54px;margin:auto;border-radius:18px;display:grid;place-items:center;background:linear-gradient(140deg,#eaf0ff,#e9fbf4);color:#4673e7;font-size:25px;box-shadow:0 8px 22px #3868ee1c}.ai-hero h2{font:700 21px Manrope;margin:13px 0 6px}.ai-hero p{color:#8c99ab;font-size:12px;margin:0}.chat-window{background:#fff;border:1px solid #edf0f5;border-radius:20px;box-shadow:var(--shadow);height:min(470px,55vh);min-height:340px;padding:20px;display:flex;flex-direction:column}.chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:14px}.chat-message{max-width:78%;padding:12px 14px;border-radius:14px;background:#f3f6fb;color:#57677f;font-size:12px;line-height:1.6;align-self:flex-start}.chat-message.user{align-self:flex-end;background:#3868ee;color:white;border-bottom-right-radius:4px}.chat-message.bot{border-bottom-left-radius:4px}.chat-message strong{color:#32445e}.chat-message.user strong{color:white}.chat-input{display:flex;gap:9px;border-top:1px solid #eff1f5;padding-top:14px}.chat-input input{flex:1;min-width:0;border:0;outline:0;font-size:12px;padding:8px}.chat-suggestions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:13px}.chat-suggestions button{border:1px solid #e6ebf3;background:white;color:#718098;padding:8px 11px;border-radius:20px;font-size:10px}.plan-card{margin-top:16px;background:#f4f7ff;border:1px solid #e6edff;border-radius:15px;padding:17px}.plan-card h3{font:700 14px Manrope;margin:0 0 11px}.plan-item{display:flex;gap:11px;padding:8px 0;border-bottom:1px solid #e7ecf6;font-size:11px;color:#61718a}.plan-item:last-of-type{border:0}.plan-item time{font-weight:700;color:#416bd8;width:42px}.plan-explain{font-size:10px;color:#8592a5;margin:12px 0 0;line-height:1.5}
.notification-list{display:grid;gap:10px}.notification-item{display:flex;gap:13px;padding:16px;background:#fff;border:1px solid #edf0f5;border-radius:14px}.notification-item.unread{background:#fbfcff;border-color:#e2eaff}.notification-symbol{width:34px;height:34px;border-radius:11px;background:#eff3ff;color:#4972e0;display:grid;place-items:center;flex:none}.notification-symbol.green{background:#eaf8f1;color:#2ca27d}.notification-symbol.yellow{background:#fff6e4;color:#c28b20}.notification-copy{flex:1}.notification-copy strong{font-size:12px;color:#34445e}.notification-copy p{font-size:11px;color:#8793a6;margin:4px 0}.notification-copy small{font-size:10px;color:#a8b1bf}.notification-item button{align-self:center;border:0;background:none;color:#7890c7;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.stat-big{font:700 27px Manrope;color:#263852;margin:12px 0 4px}.stat-caption{font-size:10px;color:#9aa5b5}.bars{height:155px;display:flex;align-items:end;gap:13px;padding-top:20px}.bars-item{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bars-fill{width:min(24px,75%);height:var(--height);min-height:5px;border-radius:6px 6px 2px 2px;background:linear-gradient(#80a5ff,#4c75ea)}.bars-fill.green{background:linear-gradient(#72d4ae,#34ae87)}.bars-item small{font-size:9px;color:#9aa5b5}.settings-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.settings-nav{background:#fff;border:1px solid #edf0f5;border-radius:var(--radius);padding:9px;height:max-content}.settings-nav button{width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:9px;color:#77849a;font-size:12px}.settings-nav button.active{background:#edf2ff;color:#3868ee;font-weight:700}.settings-panel{padding:23px}.settings-panel h2{font:700 16px Manrope;margin:0}.settings-panel>p{font-size:11px;color:#919cad;margin:6px 0 21px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-field{display:grid;gap:7px}.settings-field.full{grid-column:1/-1}.settings-field label{font-size:11px;font-weight:700;color:#596981}.settings-field input,.settings-field select{width:100%;border:1px solid #e8edf4;border-radius:9px;padding:10px 11px;background:#fbfcfe;color:#45556e;outline:none}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #f0f2f5;font-size:12px;color:#5c6c84}.toggle{appearance:none;width:36px;height:20px;border-radius:20px;background:#dfe5ed;position:relative;cursor:pointer;transition:.2s}.toggle:checked{background:#4c78e7}.toggle:before{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.toggle:checked:before{left:19px}
.modal-backdrop{position:fixed;inset:0;background:#15233b70;z-index:20;display:grid;place-items:center;padding:16px;animation:fade .16s}.modal{width:min(560px,100%);max-height:92vh;overflow:auto;border-radius:20px;background:#fff;padding:24px;box-shadow:0 24px 80px #15233b38;animation:rise .2s}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{font:700 18px Manrope;margin:0}.modal-close{border:0;background:#f2f5f9;border-radius:8px;width:30px;height:30px;color:#718098}.task-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-form .full{grid-column:1/-1}.task-form label{display:grid;gap:6px;font-size:11px;color:#61718a;font-weight:700}.task-form input,.task-form select,.task-form textarea{width:100%;border:1px solid #e6ebf3;border-radius:9px;padding:10px;background:#fbfcfe;outline:none;color:#33445d;font-weight:400}.task-form textarea{min-height:74px;resize:vertical}.modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.toast{position:fixed;z-index:30;bottom:26px;right:25px;padding:13px 17px;border-radius:12px;background:#20314e;color:#fff;font-size:12px;box-shadow:0 10px 30px #15233b40;animation:rise .18s}.mobile-header,.mobile-nav,.fab,.menu-overlay{display:none}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content{padding:26px 25px 45px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr)}.welcome-grid{gap:50px}}
@media(max-width:820px){.app-layout{display:block;padding-bottom:73px}.sidebar{transform:translateX(-100%);transition:transform .22s;width:270px;box-shadow:15px 0 40px #15233b12}.sidebar.open{transform:translateX(0)}.menu-overlay{display:block;position:fixed;inset:0;background:#17243b5c;z-index:4;opacity:0;pointer-events:none;transition:.2s}.menu-overlay.visible{opacity:1;pointer-events:auto}.app-main{margin:0}.topbar{height:64px;padding:0 18px}.mobile-header{display:flex;align-items:center;gap:10px}.mobile-header .brand{font-size:17px}.mobile-header .brand img{width:29px;height:29px}.menu-trigger{border:0;background:transparent;font-size:20px;color:#52647f;padding:6px}.breadcrumb{display:none}.content{padding:24px 20px 30px}.mobile-nav{display:flex;position:fixed;z-index:8;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid #edf0f5;justify-content:space-around;padding:6px 6px env(safe-area-inset-bottom)}.mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#9aa5b5;font-size:9px;min-width:54px}.mobile-nav a span:first-child{font-size:17px}.mobile-nav a.active{color:#3868ee}.dashboard-grid{grid-template-columns:1fr}.sidebar .brand{padding-bottom:22px}.welcome{padding:25px 23px}.welcome-grid{grid-template-columns:1fr;gap:10px;padding:55px 0 25px}.welcome-copy{padding:0}.welcome-copy h1{font-size:48px}.welcome-copy>p:not(.welcome-lead){max-width:520px}.welcome-proof{margin-top:18px}.welcome-card{max-width:550px}.welcome-footer{padding:15px 0}.settings-grid{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav button{white-space:nowrap;width:auto}.project-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.content{padding:20px 15px 25px}.topbar{padding:0 14px}.top-actions{gap:7px}.icon-button{width:34px;height:34px}.page-heading{align-items:center}.page-heading h1{font-size:21px}.page-heading p{font-size:11px}.page-heading .button{padding:10px;font-size:11px}.hero-row{display:block}.hero-cta{margin-top:17px}.hero-cta .button{flex:1;font-size:11px;padding:11px 8px}.dash-title{font-size:24px}.metric-grid{gap:9px}.metric-card{padding:13px;min-height:106px}.metric-value{font-size:22px}.metric-top{font-size:10px}.metric-icon{height:27px;width:27px}.panel{padding:16px}.productivity{gap:7px;height:170px}.chart-value{font-size:8px}.chart-label{font-size:8px}.task-panel{padding:5px 13px}.task-badge{font-size:8px;padding:4px 5px}.task-actions{opacity:1}.task-actions button{padding:3px;font-size:11px}.task-meta{font-size:9px}.task-title{font-size:11px}.calendar-day{height:74px;padding:6px}.calendar-event{font-size:8px;padding:3px}.calendar-weekday{padding:8px 2px;font-size:9px}.calendar-toolbar{flex-wrap:wrap;gap:10px}.calendar-title{font-size:15px}.calendar-nav button{padding:7px}.project-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.settings-panel{padding:17px}.settings-form{grid-template-columns:1fr}.settings-field.full{grid-column:auto}.task-form{grid-template-columns:1fr 1fr;gap:10px}.modal{padding:19px}.modal-actions .button{flex:1}.chat-window{height:58vh;min-height:310px;padding:14px}.chat-message{max-width:88%}.chat-suggestions{gap:5px}.chat-suggestions button{font-size:9px;padding:7px 9px}.welcome{padding:22px 18px}.welcome-grid{padding:42px 0 20px}.welcome-copy h1{font-size:42px;letter-spacing:-1.8px}.welcome-copy .welcome-lead{font-size:16px}.welcome-copy p{font-size:14px}.welcome-proof{font-size:10px}.welcome-card{padding:23px}.welcome-card h2{font-size:20px}.welcome-footer{font-size:9px}.toast{right:12px;bottom:78px;left:12px;text-align:center}}

.welcome-logo{display:block;width:min(300px,36vw);height:auto;object-fit:contain;margin:-13px 0 -15px 36px}.integration-section{margin-top:25px;padding-top:22px;border-top:1px solid #edf0f5}.integration-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.integration-heading h2{margin:0}.integration-heading p{margin-bottom:17px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.integration-card{padding:14px;border:1px solid #edf0f5;background:#fbfcfe;border-radius:13px}.integration-card h3{font:700 12px Manrope;margin:11px 0 4px}.integration-card>p{font-size:10px;color:#8a96a8;min-height:30px;line-height:1.5;margin:0 0 11px}.integration-card .button{font-size:10px;padding:8px 11px}.integration-icon{width:32px;height:32px;border-radius:10px;background:#edf3ff;color:#466ee0;display:grid;place-items:center;font-weight:700}.connection-status{font-size:9px;color:#98a3b3}.connection-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#b9c1cc;margin-right:5px}.connection-status.connected{color:#28a27d}.connection-status.connected:before{background:#31b48c}.integration-privacy{font-size:10px;color:#8d99aa;line-height:1.55;margin:12px 0 0}.whatsapp-setup{margin-top:20px}.whatsapp-card{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid #e8edf3;border-radius:13px;background:#fbfcfe}.whatsapp-card strong{font-size:11px;color:#43536b}.whatsapp-card p{font-size:10px;color:#8996a9;line-height:1.6;margin:5px 0 8px}.whatsapp-mark{background:#e8f8ef;color:#20986e}.integration-card .button:disabled{opacity:.55;cursor:wait}.day-grid{grid-template-columns:minmax(0,1fr)}.day-grid .calendar-day{min-height:260px;height:auto}.week-grid .calendar-day{height:180px}
@media(max-width:540px){.welcome-logo{width:min(210px,64vw);margin:-4px auto 0}.integration-grid{grid-template-columns:1fr}.integration-card>p{min-height:0}.integration-heading{flex-direction:column;gap:0}.week-grid .calendar-day{height:110px}.whatsapp-card{padding:12px}}

.settings-nav button{cursor:pointer}.settings-nav button:hover{background:#f7f9fc}.settings-field select,.settings-field input,.toggle-row input{accent-color:#3868ee}.settings-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:17px;border-top:1px solid #edf0f5}.settings-panel>[data-active-tab]>p,.settings-panel>p{max-width:620px;line-height:1.6}.notification-summary-time{max-width:300px;margin:16px 0}.sound-control{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #f0f2f5}.sound-control>div{flex:1}.sound-control strong,.sound-control span{display:block;font-size:11px;color:#56677f}.sound-control span{color:#919cad;font-size:10px;margin-top:4px}.privacy-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;margin:11px 0;border:1px solid #edf0f5;border-radius:13px;background:#fff}.privacy-card strong{font-size:12px;color:#43536b}.privacy-card>span{font-size:10px;color:#8793a6;line-height:1.55}.privacy-upload{position:relative;overflow:hidden;font-size:11px}.privacy-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.danger-zone{border-color:#f5dada;background:#fffafa}.privacy-callout{border:1px solid #e8edfa;background:#f6f8ff;color:#687b9a;font-size:11px;line-height:1.6;padding:13px;border-radius:11px;margin:15px 0}.android-integration-card{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:12px;margin-top:22px;padding:16px}.android-integration-card>div{display:grid;gap:9px}.android-integration-card>div>span{font-size:10px;color:#8793a6;line-height:1.6}.android-integration-card .button{width:max-content;font-size:10px}.ai-connection-status{display:inline-block;margin-top:11px;border-radius:20px;background:#fff5e6;color:#aa7d2b;padding:6px 10px;font-size:10px}.ai-connection-status.connected{background:#e9f8f1;color:#299b77}
body.large-text{font-size:110%}body.large-text .task-title,body.large-text .notification-copy p{font-size:115%}body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
body[data-theme="dark"]{background:#101827;color:#ebf0fa;--ink:#ebf0fa;--muted:#99a8bd;--line:#2a3649;--surface:#182335;--shadow:0 12px 36px rgba(0,0,0,.16)}
body[data-theme="dark"] .app-layout,body[data-theme="dark"] .sidebar,body[data-theme="dark"] .topbar,body[data-theme="dark"] .metric-card,body[data-theme="dark"] .panel,body[data-theme="dark"] .task-panel,body[data-theme="dark"] .calendar-panel,body[data-theme="dark"] .settings-panel,body[data-theme="dark"] .settings-nav,body[data-theme="dark"] .project-card,body[data-theme="dark"] .notification-item,body[data-theme="dark"] .calendar-day,body[data-theme="dark"] .chat-window,body[data-theme="dark"] .modal{background:#182335;color:#e8eef9;border-color:#2a3649}
body[data-theme="dark"] .nav-link,body[data-theme="dark"] .task-title,body[data-theme="dark"] .panel-heading h2,body[data-theme="dark"] .project-card h3,body[data-theme="dark"] .settings-panel h2,body[data-theme="dark"] .notification-copy strong,body[data-theme="dark"] .calendar-title{color:#e0e8f6}
body[data-theme="dark"] .nav-link:hover,body[data-theme="dark"] .calendar-day:hover,body[data-theme="dark"] .calendar-day.selected,body[data-theme="dark"] .settings-nav button:hover{background:#202d42}
body[data-theme="dark"] .nav-link.active,body[data-theme="dark"] .settings-nav button.active{background:#243657;color:#9ab7ff}
body[data-theme="dark"] .metric-foot,body[data-theme="dark"] .task-meta,body[data-theme="dark"] .date-caption,body[data-theme="dark"] .settings-panel>p{color:#a0aec2}
body[data-theme="dark"] .task-row,body[data-theme="dark"] .settings-nav,body[data-theme="dark"] .settings-actions,body[data-theme="dark"] .settings-field input,body[data-theme="dark"] .settings-field select,body[data-theme="dark"] .notification-summary-time input{border-color:#2a3649}
body[data-theme="dark"] .settings-field input,body[data-theme="dark"] .settings-field select,body[data-theme="dark"] .filter-select,body[data-theme="dark"] .search-box input,body[data-theme="dark"] .integration-card,body[data-theme="dark"] .privacy-card,body[data-theme="dark"] .ai-note,body[data-theme="dark"] .chat-message.bot{background:#202d42;color:#e0e8f6;border-color:#2a3649}
body[data-theme="dark"] .mobile-nav{background:#182335;border-color:#2a3649}
body[data-theme="dark"] .settings-nav button{color:#a0aec2}
@media(max-width:540px){.android-integration-card{grid-template-columns:1fr}.android-integration-card .button{width:100%;justify-content:center}.sound-control{flex-wrap:wrap}.sound-control>div{min-width:calc(100% - 60px)}.settings-actions>*{flex:1}.settings-nav button{padding:10px}}
.android-guide-page{background:radial-gradient(circle at 15% 15%,#eaf2ff,transparent 34%),#f6f8fc}.android-guide{width:min(860px,100% - 36px);margin:0 auto;padding:28px 0 22px}.android-guide-hero{padding:54px 0 24px}.android-guide-hero h1{font:800 clamp(38px,7vw,60px)/1.1 Manrope,sans-serif;letter-spacing:-2px;color:#172744;margin:18px 0 14px}.android-guide-hero h1 span{color:#3868ee}.android-guide-hero>p{max-width:650px;color:#738199;font-size:15px;line-height:1.8}.android-guide-card{background:#fff;border:1px solid #edf0f5;border-radius:22px;padding:clamp(19px,5vw,34px);box-shadow:var(--shadow)}.android-guide-card h2{font:700 21px Manrope;color:#233652;margin:0 0 21px}.android-steps{list-style:none;padding:0;margin:0;display:grid;gap:8px}.android-steps li{display:flex;align-items:flex-start;gap:14px;padding:13px 0;border-bottom:1px solid #f0f2f6}.android-steps li>span{flex:none;width:29px;height:29px;border-radius:9px;background:#eef3ff;color:#3868ee;display:grid;place-items:center;font-size:12px;font-weight:700}.android-steps li strong{color:#41536e;font-size:13px}.android-steps p{color:#8190a4;font-size:12px;line-height:1.7;margin:5px 0 0}.android-steps code{border-radius:4px;background:#f2f5fa;padding:2px 4px;color:#51627b;font-size:10px;overflow-wrap:anywhere}.android-guide-card .privacy-callout{margin-top:21px}.android-guide-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.android-guide-page .welcome-footer{margin-top:12px}
@media(max-width:540px){.android-guide{width:min(100% - 28px,860px);padding-top:20px}.android-guide-hero{padding-top:42px}.android-guide-hero h1{letter-spacing:-1.3px}.android-guide-hero>p{font-size:13px}.android-guide-card .privacy-callout{font-size:10px}.android-guide-buttons>*{flex:1}}