:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,sans-serif}body{margin:0}#root{text-align:left;width:100%;min-height:100svh}:root{color:#263b49;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f8fc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f3f8fc;min-width:320px}body{background:radial-gradient(circle at 0 0,#aadcf759,#0000 32%),radial-gradient(circle at 100% 100%,#7dbee72e,#0000 30%),#f3f8fc;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #4a9fd847}button:disabled{cursor:default}.app{min-height:100vh;padding-bottom:96px}.topbar{justify-content:space-between;align-items:center;width:min(1180px,100% - 32px);margin:0 auto;padding:22px 0 14px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-icon{color:#fff;background:linear-gradient(145deg,#67b7e8,#318bc7);border-radius:15px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 10px 24px #318bc738}.brand-title{color:#203746;font-size:18px;font-weight:800}.brand-subtitle{color:#78909f;margin-top:2px;font-size:12px}.header-add{color:#247fbd;background:#fff;border-radius:14px;place-items:center;width:44px;height:44px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 7px 20px #3071991a}.header-add:hover{transform:translateY(-2px);box-shadow:0 10px 24px #30719926}.main-content{width:min(1180px,100% - 32px);margin:0 auto}.page{padding:20px 0 40px;animation:.35s pageAppear}@keyframes pageAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.welcome-block{background:linear-gradient(135deg,#dff2fc 0%,#edf8fe 52%,#d7effb 100%);border:1px solid #59a7d521;border-radius:28px;justify-content:space-between;align-items:center;gap:20px;padding:30px;display:flex;box-shadow:0 14px 40px #3a7da114}.small-date{text-transform:capitalize;color:#4e9bd0;margin-bottom:8px;font-size:13px;font-weight:700}.welcome-block h1{color:#1f3746;margin:0;font-size:clamp(28px,4vw,38px);line-height:1.08}.welcome-block p{color:#66818f;margin:10px 0 0;font-size:14px}.date-badge{color:#fff;background:linear-gradient(145deg,#5eb0e1,#2d86c2);border-radius:23px;flex-direction:column;justify-content:center;align-items:center;width:82px;min-width:82px;height:82px;display:flex;box-shadow:0 13px 25px #2d86c238}.date-badge span{font-size:29px;font-weight:800;line-height:1}.date-badge small{text-transform:uppercase;opacity:.88;margin-top:5px;font-size:12px}.overview-card{background:#fff;border:1px solid #5c9ec314;border-radius:23px;margin-top:18px;padding:22px 24px;box-shadow:0 12px 35px #2d698912}.overview-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.card-label{color:#8aa1ad;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.overview-top strong{color:#294455;font-size:20px}.progress-circle{color:#277fb8;background:#e5f4fc;border-radius:50%;place-items:center;width:52px;height:52px;font-size:13px;font-weight:800;display:grid}.progress-line{background:#eaf3f8;border-radius:10px;height:8px;margin-top:17px;overflow:hidden}.progress-line-fill{border-radius:inherit;background:linear-gradient(90deg,#64b7e9,#318dc9);height:100%;transition:width .35s}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:34px 0 15px;display:flex}.section-kicker{color:#5aa3d2;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.section-heading h2,.selected-day-header h2{color:#294455;margin:0;font-size:22px}.text-button{color:#328bc3;background:0 0;align-items:center;gap:5px;padding:7px 0;font-size:13px;font-weight:700;transition:color .2s;display:inline-flex}.text-button:hover{color:#176b9e}.task-list{gap:10px;display:grid}.task-card{background:#fff;border:1px solid #4b93be14;border-radius:18px;align-items:center;gap:14px;min-height:76px;padding:13px 16px;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 7px 25px #2d69890e}.task-card:hover{transform:translateY(-2px);box-shadow:0 10px 27px #2d69891a}.task-card.completed{opacity:.62}.task-check{color:#fff;background:#fff;border:2px solid #75b9de;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;transition:background .2s,border-color .2s;display:grid}.task-card.completed .task-check{background:#4b9ed2;border-color:#4b9ed2}.task-time{color:#4a9bd0;flex:0 0 53px;font-size:13px;font-weight:800}.task-time small{color:#92a5af;margin-top:3px;font-size:10px;font-weight:600;display:block}.task-content{flex:1;min-width:0}.task-content strong{color:#2c4351;text-overflow:ellipsis;white-space:nowrap;font-size:14px;transition:color .2s;display:block;overflow:hidden}.task-card.completed .task-content strong{text-decoration:line-through}.task-category{color:#4d91bb;background:#eaf6fd;border-radius:7px;margin-top:5px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.task-delete{color:#9bb0ba;opacity:0;background:0 0;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;transition:opacity .2s,color .2s,background .2s;display:grid}.task-card:hover .task-delete{opacity:1}.task-delete:hover{color:#dc7182;background:#fff0f2}.mini-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;display:grid}.mini-card{border-radius:20px;align-items:center;gap:13px;min-height:106px;padding:18px;display:flex;box-shadow:0 9px 28px #2d69890f}.birthday-card{background:linear-gradient(135deg,#fff0f5,#fff8fb)}.balance-card{background:linear-gradient(135deg,#e8f7ff,#f3fbff)}.mini-icon{border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.birthday-card .mini-icon{color:#e27a9a;background:#ffe1eb}.balance-card .mini-icon{color:#378fc4;background:#d9effb}.mini-card span,.mini-card small{color:#8a9da7;font-size:11px;display:block}.mini-card strong{color:#314957;margin:3px 0;font-size:16px;display:block}.quick-heading{margin-top:32px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.quick-card{text-align:left;background:#fff;border:1px solid #4b93be14;border-radius:19px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:106px;padding:17px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 8px 25px #2d69890d}.quick-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #2d69891a}.quick-icon{border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.quick-task .quick-icon{color:#328dc4;background:#e1f3fc}.quick-event .quick-icon{color:#8a78c5;background:#eeeaff}.quick-shopping .quick-icon{color:#d38b50;background:#fff0df}.quick-money .quick-icon{color:#58a67b;background:#e3f7eb}.quick-card span:nth-child(2){min-width:0}.quick-card strong{color:#314957;font-size:13px;display:block}.quick-card small{color:#8ca0aa;margin-top:4px;font-size:10px;display:block}.quick-card>svg{color:#9ab1bd}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.page-header h1{color:#243f4f;margin:0;font-size:clamp(28px,4vw,36px)}.page-header p{color:#7c939f;margin:7px 0 0;font-size:14px}.today-button,.secondary-button,.primary-button{border-radius:12px;justify-content:center;align-items:center;gap:7px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.today-button{color:#287fb5;background:#fff;min-height:42px;padding:0 15px;box-shadow:0 7px 20px #2d698914}.today-button:hover,.secondary-button:hover,.primary-button:hover{transform:translateY(-2px)}.primary-button{color:#fff;background:linear-gradient(135deg,#57afe0,#2e89c4);min-height:44px;padding:0 17px;box-shadow:0 8px 20px #2f89c433}.secondary-button{color:#3288bc;background:#e7f5fc;min-height:43px;padding:0 16px}.small-button{min-height:40px;padding:0 14px;font-size:12px}.calendar-card{background:#fff;border-radius:24px;padding:22px;box-shadow:0 12px 35px #2d698912}.calendar-toolbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.calendar-toolbar h2{color:#294455;margin:0;font-size:19px}.month-arrow{color:#388fc6;background:#eaf6fd;border-radius:12px;place-items:center;width:40px;height:40px;transition:transform .2s,background .2s;display:grid}.month-arrow:hover{background:#dceff9;transform:translateY(-2px)}.weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.weekdays{margin-bottom:8px}.weekdays div{text-align:center;color:#91a5af;font-size:11px;font-weight:800}.calendar-grid{gap:6px}.calendar-day{color:#39505e;background:0 0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:64px;transition:background .2s,transform .2s,color .2s;display:flex;position:relative}.calendar-day:hover{background:#edf7fc;transform:translateY(-1px)}.calendar-day.outside-month{color:#b9c7ce}.day-number{font-size:14px;font-weight:700}.calendar-day.today-day{color:#fff;background:linear-gradient(145deg,#5db1e3,#2d88c4);box-shadow:0 7px 16px #2d88c433}.calendar-day.selected-day:not(.today-day){color:#287db2;background:#dff1fb;box-shadow:inset 0 0 0 2px #65add7}.calendar-day.today-day.selected-day{box-shadow:inset 0 0 0 3px #ffffff8c,0 7px 16px #2d88c433}.task-dot{background:#ed7792;border-radius:20px;width:6px;min-width:6px;height:6px;display:block}.task-dot-many{color:#fff;background:#ed7792;border-radius:20px;place-items:center;min-width:19px;height:17px;font-size:9px;font-weight:800;display:grid}.calendar-day.today-day .task-dot{background:#fff}.selected-day-card{background:linear-gradient(145deg,#fafdff,#edf8fd);border:1px solid #4f9cc71a;border-radius:24px;margin-top:18px;padding:24px}.selected-day-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.selected-day-header p{color:#7d949f;margin:5px 0 0;font-size:13px}.selected-task-list{gap:10px;display:grid}.calendar-empty{text-align:center;background:#fff;border:1px dashed #c7dfe9;border-radius:19px;padding:28px 15px}.calendar-empty h3{color:#35505f;margin:13px 0 5px;font-size:16px}.calendar-empty p{color:#8aa0aa;max-width:340px;margin:0 auto 15px;font-size:12px;line-height:1.5}.empty-card{text-align:center;background:#fff;border:1px dashed #c6dfe9;border-radius:21px;padding:35px 20px}.empty-icon,.placeholder-icon{color:#3d95ca;background:#e2f3fc;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto;display:grid}.empty-card h3{color:#344c59;margin:15px 0 6px;font-size:17px}.empty-card p{color:#899da7;max-width:370px;margin:0 auto 18px;font-size:13px;line-height:1.5}.stats-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.stat-card{background:#fff;border-radius:19px;padding:18px 20px;box-shadow:0 8px 25px #2d69890f}.stat-card span{color:#8ca1ab;font-size:11px;font-weight:700;display:block}.stat-card strong{color:#2e8ac3;margin-top:6px;font-size:25px;display:block}.placeholder-page{justify-content:center;display:flex}.placeholder-card{text-align:center;background:#fff;border-radius:28px;width:min(620px,100%);margin-top:35px;padding:45px 30px;box-shadow:0 15px 40px #2d698912}.placeholder-icon{border-radius:23px;width:72px;height:72px;margin-bottom:20px}.placeholder-card h1{color:#294455;margin:5px 0 8px;font-size:28px}.placeholder-card p{color:#8096a0;max-width:470px;margin:0 auto 22px;font-size:14px;line-height:1.6}.finance-main-card{color:#fff;background:linear-gradient(135deg,#5bb2e4,#2f89c4);border-radius:25px;padding:28px;box-shadow:0 16px 35px #2d89c438}.finance-main-card>span{opacity:.82;font-size:12px;font-weight:700;display:block}.finance-main-card strong{margin-top:5px;font-size:clamp(31px,5vw,43px);display:block}.finance-month{opacity:.75;margin-top:12px;font-size:12px}.finance-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px;display:grid}.finance-card{background:#fff;border-radius:21px;padding:22px;box-shadow:0 9px 28px #2d69890f}.finance-icon{border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:13px;font-size:22px;font-weight:800;display:grid}.income-card .finance-icon{color:#4a9c73;background:#e3f7eb}.expense-card .finance-icon{color:#db7181;background:#ffebee}.finance-card>span{color:#879da7;font-size:12px;display:block}.finance-card>strong{color:#334d5b;margin-top:5px;font-size:22px;display:block}.shopping-page{padding-bottom:50px}.shopping-summary{color:#fff;background:linear-gradient(135deg,#64b6e5,#318bc5);border-radius:25px;justify-content:space-between;align-items:center;gap:25px;padding:24px 26px;display:flex;box-shadow:0 15px 35px #308bc533}.shopping-summary-main{align-items:center;gap:15px;display:flex}.shopping-summary-icon{background:#ffffff2e;border-radius:17px;flex:none;place-items:center;width:55px;height:55px;display:grid}.shopping-summary-main span,.shopping-summary-price span{opacity:.78;font-size:12px;display:block}.shopping-summary-main strong{margin-top:2px;font-size:31px;line-height:1;display:inline-block}.shopping-summary-main small{opacity:.7;margin-left:7px;font-size:11px}.shopping-summary-price{text-align:right}.shopping-summary-price strong{margin-top:5px;font-size:24px;display:block}.shopping-progress-card{background:#fff;border-radius:20px;margin-top:14px;padding:18px 21px;box-shadow:0 8px 26px #2d69890f}.shopping-progress-top{color:#728994;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.shopping-progress-top strong{color:#368fc5}.shopping-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-top:25px;margin-bottom:12px;display:flex}.shopping-filters{background:#eaf5fa;border-radius:14px;gap:7px;padding:5px;display:flex}.shopping-filter{color:#77909c;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:11px;font-weight:800;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.shopping-filter span{background:#ffffff8c;border-radius:8px;place-items:center;min-width:18px;height:18px;font-size:9px;display:grid}.shopping-filter.active{color:#2d83b8;background:#fff;box-shadow:0 3px 10px #2d698914}.clear-shopping{color:#d06f7f;background:0 0;padding:7px 0;font-size:11px;font-weight:800}.clear-shopping:hover{color:#b95365}.shopping-list{gap:9px;display:grid}.shopping-item{background:#fff;border:1px solid #4b93be14;border-radius:18px;align-items:center;gap:13px;min-height:76px;padding:12px 15px;transition:transform .2s,opacity .2s,box-shadow .2s;display:flex;box-shadow:0 7px 24px #2d69890e}.shopping-item:hover{transform:translateY(-2px);box-shadow:0 10px 27px #2d698917}.shopping-item.completed{opacity:.58}.shopping-check{color:#fff;background:#fff;border:2px solid #75b9de;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;transition:background .2s,border-color .2s;display:grid}.shopping-item.completed .shopping-check{background:#4b9ed2;border-color:#4b9ed2}.shopping-item-main{flex:1;min-width:0}.shopping-item-main strong{color:#2d4553;text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.shopping-item.completed .shopping-item-main strong{text-decoration:line-through}.shopping-meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.shopping-meta span{color:#5d91ad;background:#eaf6fc;border-radius:7px;padding:3px 7px;font-size:9px;font-weight:800}.shopping-meta span:nth-child(2){color:#8b99a1;background:#f0f4f6}.shopping-price{color:#3c90c1;text-align:right;flex:none;font-size:13px;font-weight:800}.shopping-delete{color:#9cb0ba;background:0 0;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;transition:color .2s,background .2s;display:grid}.shopping-delete:hover{color:#d86e80;background:#fff0f2}.shopping-empty{text-align:center;background:#fff;border:1px dashed #c6dfe9;border-radius:21px;padding:38px 20px}.shopping-empty h3{color:#354d5b;margin:14px 0 6px;font-size:17px}.shopping-empty p{color:#899da7;margin:0 auto 18px;font-size:12px}.shopping-total-card{background:#e7f5fc;border-radius:19px;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding:19px 21px;display:flex}.shopping-total-card span{color:#397fa5;font-size:12px;font-weight:800;display:block}.shopping-total-card small{color:#7e9aa8;margin-top:3px;font-size:10px;display:block}.shopping-total-card strong{color:#287fb6;font-size:21px}.finance-page{padding-bottom:110px}.finance-page-header{align-items:flex-end}.finance-header-buttons{align-items:center;gap:10px;display:flex}.finance-income-button,.finance-expense-button{border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.finance-income-button{color:#31966a;background:#e6f7ef}.finance-expense-button{color:#d4656d;background:#fff0f2}.finance-income-button:hover,.finance-expense-button:hover{transform:translateY(-2px)}.finance-income-button span,.finance-expense-button span{font-size:18px;line-height:1}.finance-balance-card{color:#fff;background:linear-gradient(135deg,#247fbd,#4a9fd8);border-radius:25px;justify-content:space-between;align-items:center;gap:20px;min-height:150px;padding:25px 27px;display:flex;box-shadow:0 16px 35px #2d89c438}.finance-balance-card>div:first-child{min-width:0}.finance-balance-card span{color:#fffc;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.finance-balance-card strong{font-size:clamp(30px,5vw,42px);line-height:1.05;display:block}.finance-balance-card small{color:#ffffffb8;margin-top:8px;font-size:11px;display:block}.finance-balance-positive{color:#fff}.finance-balance-negative{color:#ffe0e4}.finance-balance-icon{color:#fff;background:#ffffff29;border-radius:19px;flex:none;place-items:center;width:62px;height:62px;display:grid}.finance-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;margin-bottom:20px;display:grid}.finance-summary-card{background:#fff;border:1px solid #dcecf7;border-radius:21px;align-items:center;gap:14px;min-height:126px;padding:20px;display:flex;box-shadow:0 9px 28px #347eaa0f}.finance-summary-icon,.finance-summary-card-icon{border-radius:14px;flex:none;place-items:center;width:45px;height:45px;font-size:21px;font-weight:800;display:grid}.finance-income-card .finance-summary-icon,.finance-income-card .finance-summary-card-icon{color:#31966a;background:#e5f5ed}.finance-expense-card .finance-summary-icon,.finance-expense-card .finance-summary-card-icon{color:#d9656c;background:#fff0f0}.finance-result-card .finance-summary-icon,.finance-result-card .finance-summary-card-icon{color:#247fbd;background:#eaf6fd}.finance-summary-card span{color:#7c929e;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.finance-summary-card strong{color:#304a59;font-size:20px;display:block}.finance-income-card strong{color:#31966a}.finance-expense-card strong{color:#d9656c}.finance-result-card strong{color:#247fbd}.finance-month-card{background:#fff;border:1px solid #dcecf7;border-radius:20px;align-items:center;gap:12px;min-height:72px;margin-bottom:20px;padding:12px 14px;display:flex;box-shadow:0 8px 24px #347eaa0d}.finance-month-card>div{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.finance-month-card span{color:#8ca0aa;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.finance-month-card strong{color:#294455;font-size:16px}.finance-month-arrow{color:#388fc6;background:#eaf6fd;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;transition:transform .2s,background .2s;display:grid}.finance-month-arrow:hover{background:#dceff9;transform:translateY(-2px)}.finance-current-button{color:#287fb5;background:#eaf6fd;border-radius:11px;flex:none;min-height:38px;padding:0 13px;font-size:11px;font-weight:800;transition:transform .2s,background .2s}.finance-current-button:hover{background:#dceff9;transform:translateY(-1px)}.finance-content-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);gap:20px;display:grid}.finance-history-card,.finance-category-card,.finance-add-card{background:#fff;border:1px solid #dcecf7;border-radius:24px;box-shadow:0 10px 28px #347eaa0f}.finance-history-card{padding:22px}.finance-card-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.finance-card-heading h2{color:#294455;margin:0;font-size:21px}.finance-card-heading>span{color:#318bc4;background:#eaf6fd;border-radius:10px;place-items:center;min-width:30px;height:30px;padding:0 8px;font-size:11px;font-weight:800;display:grid}.finance-history-list{flex-direction:column;gap:9px;display:flex}.finance-item{background:#f8fbfd;border:1px solid #e5f0f6;border-radius:17px;align-items:center;gap:12px;min-width:0;padding:13px;transition:transform .18s,background .18s,box-shadow .18s;display:flex}.finance-item:hover{background:#f3f9fd;transform:translateY(-1px);box-shadow:0 5px 16px #2d69890d}.finance-item-icon{border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:900;display:grid}.finance-item-icon-income,.income-icon{color:#31966a;background:#e5f5ed}.finance-item-icon-expense,.expense-icon{color:#d9656c;background:#fff0f0}.finance-item-main{flex:1;min-width:0}.finance-item-main strong,.finance-item-title{color:#263b49;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;display:block;overflow:hidden}.finance-item-meta{color:#8095a1;flex-wrap:wrap;gap:6px;margin-top:5px;font-size:10px;display:flex}.finance-item-meta span:first-child{color:#5d91ad;background:#eaf6fc;border-radius:7px;padding:3px 7px;font-weight:700}.finance-item-meta span:last-child{color:#8799a3;background:#f0f4f6;border-radius:7px;padding:3px 7px}.finance-item-main small{color:#91a2aa;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;display:block;overflow:hidden}.finance-income-text,.finance-expense-text{white-space:nowrap;flex:none;font-size:14px;font-weight:900}.finance-income-text{color:#31966a}.finance-expense-text{color:#d9656c}.finance-delete,.finance-edit{color:#9bb0ba;opacity:0;background:0 0;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;transition:opacity .2s,color .2s,background .2s;display:grid}.finance-item:hover .finance-delete,.finance-item:hover .finance-edit{opacity:1}.finance-delete:hover{color:#d86e80;background:#fff0f2}.finance-edit:hover{color:#247fbd;background:#eaf6fd}.finance-actions{flex:none;align-items:center;gap:5px;display:flex}.finance-empty{text-align:center;background:#f9fcfd;border:1px dashed #c8dfe9;border-radius:19px;padding:35px 15px}.finance-empty h3{color:#354d5b;margin:14px 0 6px;font-size:16px}.finance-empty p{color:#899da7;margin:0;font-size:12px}.finance-side-column{flex-direction:column;gap:16px;display:flex}.finance-category-card{padding:22px}.finance-category-list{flex-direction:column;gap:17px;display:flex}.finance-category-row{min-width:0}.finance-category-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.finance-category-top span{color:#516976;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.finance-category-top strong{color:#263b49;flex:none;font-size:12px}.finance-category-track{background:#eaf3f8;border-radius:999px;width:100%;height:7px;overflow:hidden}.finance-category-fill{border-radius:inherit;background:linear-gradient(90deg,#64b7e9,#318dc9);height:100%;transition:width .35s}.finance-category-row small{color:#8aa0ab;text-align:right;margin-top:5px;font-size:10px;display:block}.finance-side-empty{text-align:center;color:#91a3ad;padding:30px 10px;font-size:13px}.finance-add-card{background:linear-gradient(135deg,#eef8fe,#f8fcff);align-items:flex-start;gap:13px;padding:19px;display:flex}.finance-add-icon{color:#247fbd;background:#dff1fc;border-radius:13px;flex:0 0 43px;place-items:center;width:43px;height:43px;display:grid}.finance-add-card>div:nth-child(2){flex:1;min-width:0}.finance-add-card strong{color:#263b49;margin-bottom:4px;font-size:13px;display:block}.finance-add-card p{color:#79909d;margin:0;font-size:11px;line-height:1.5}.finance-add-buttons{flex-direction:column;flex:none;gap:6px;display:flex}.finance-add-buttons button{border-radius:9px;min-height:31px;padding:0 10px;font-size:10px;font-weight:800;transition:transform .2s,opacity .2s}.finance-add-buttons button:first-child{color:#31966a;background:#e3f7eb}.finance-add-buttons button:last-child{color:#d9656c;background:#ffebee}.finance-add-buttons button:hover{opacity:.9;transform:translateY(-1px)}.finance-filters{background:#eef6fa;border-radius:13px;gap:6px;padding:5px;display:flex}.finance-filter{color:#78909c;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:0 11px;font-size:10px;font-weight:800;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.finance-filter:hover{color:#318bc4}.finance-filter.active{color:#247fbd;background:#fff;box-shadow:0 3px 10px #347eaa14}.finance-modal{width:min(520px,100%)}.finance-type-switch{background:#eef6fa;border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;padding:5px;display:grid}.finance-type-switch button{color:#738b98;min-height:42px;font:inherit;cursor:pointer;background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:7px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:flex}.finance-type-switch button.active{color:#247fbd;background:#fff;box-shadow:0 3px 10px #347eaa14}.floating-add{z-index:20;color:#fff;background:linear-gradient(145deg,#5db4e5,#2d88c4);border-radius:19px;place-items:center;width:58px;height:58px;transition:transform .2s,box-shadow .2s;display:grid;position:fixed;bottom:92px;right:27px;box-shadow:0 13px 30px #2a85c14d}.floating-add:hover{transform:translateY(-4px)rotate(2deg);box-shadow:0 18px 35px #2a85c159}.bottom-nav{z-index:15;-webkit-backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #5ba0c91f;border-radius:22px;grid-template-columns:repeat(5,1fr);width:min(760px,100% - 28px);padding:8px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #23587726}.nav-item{color:#8ca1ac;background:0 0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:58px;font-size:9px;font-weight:700;transition:background .2s,color .2s,transform .2s;display:flex}.nav-icon{place-items:center;display:grid}.nav-item.active{color:#267fb6;background:#e6f5fc}.nav-item:hover{transform:translateY(-1px)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(7px);background:#19354461;place-items:center;padding:20px;animation:.2s overlayAppear;display:grid;position:fixed;inset:0}@keyframes overlayAppear{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:26px;width:min(500px,100%);max-height:calc(100vh - 40px);padding:26px;animation:.25s modalAppear;overflow-y:auto;box-shadow:0 25px 70px #17435b40}@keyframes modalAppear{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px;display:flex}.modal-header h2{color:#294455;margin:0;font-size:25px}.modal-close{color:#75909e;background:#edf6fa;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;transition:color .2s,background .2s;display:grid}.modal-close:hover{color:#d36d7f;background:#fff0f2}.modal form{gap:17px;display:grid}.modal label{color:#516a77;gap:7px;font-size:12px;font-weight:800;display:grid}.modal input,.modal select,.modal textarea{color:#2e4755;background:#f9fcfd;border:1px solid #d9e9f0;border-radius:12px;outline:none;width:100%;padding:0 13px;transition:border-color .2s,box-shadow .2s,background .2s}.modal input,.modal select{height:47px}.modal textarea{resize:vertical;min-height:100px;padding-top:12px;padding-bottom:12px}.modal input:focus,.modal select:focus,.modal textarea:focus{background:#fff;border-color:#6ab1da;box-shadow:0 0 0 4px #4a9fd81a}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-submit{width:100%;min-height:50px;margin-top:3px}@media (width<=850px){.quick-grid{grid-template-columns:repeat(2,1fr)}.calendar-day{min-height:59px}}@media (width<=900px){.finance-summary-grid{grid-template-columns:1fr 1fr}.finance-balance-card{grid-column:1/-1}.finance-content-grid{grid-template-columns:1fr}.finance-side-column{grid-template-columns:1fr 1fr;align-items:start;display:grid}}@media (width<=600px){.topbar{width:min(100% - 22px,1180px);padding-top:14px}.main-content{width:min(100% - 22px,1180px)}.brand-icon{border-radius:13px;width:43px;height:43px}.brand-title{font-size:16px}.brand-subtitle{display:none}.header-add{width:41px;height:41px}.welcome-block{border-radius:22px;padding:23px 20px}.welcome-block h1{font-size:27px}.welcome-block p{max-width:220px;line-height:1.45}.date-badge{border-radius:18px;width:65px;min-width:65px;height:65px}.date-badge span{font-size:23px}.overview-card{padding:19px}.mini-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.quick-card{grid-template-columns:auto 1fr;min-height:96px;padding:13px}.quick-card>svg{display:none}.page-header{flex-direction:column;align-items:flex-start}.page-header .today-button{align-self:stretch}.calendar-card{border-radius:20px;padding:14px}.calendar-toolbar{margin-bottom:14px}.calendar-toolbar h2{font-size:16px}.month-arrow{width:36px;height:36px}.calendar-grid{gap:3px}.calendar-day{border-radius:11px;min-height:51px}.day-number{font-size:12px}.weekdays div{font-size:9px}.selected-day-card{border-radius:20px;padding:18px}.selected-day-header{flex-direction:column;align-items:flex-start}.selected-day-header .small-button{width:100%}.stats-row{grid-template-columns:1fr 1fr}.stats-row .stat-card:last-child{grid-column:1/-1}.task-card{gap:10px;padding:12px}.task-time{flex-basis:45px;font-size:12px}.task-delete,.finance-delete,.finance-edit{opacity:1}.shopping-summary{flex-direction:column;align-items:flex-start;padding:21px}.shopping-summary-price{text-align:left;border-top:1px solid #ffffff2e;width:100%;padding-top:13px}.shopping-toolbar{flex-direction:column;align-items:flex-start}.shopping-filters{justify-content:space-between;width:100%}.shopping-filter{flex:1;justify-content:center;padding:0 7px}.clear-shopping{align-self:flex-end}.shopping-item{gap:9px;padding:11px}.shopping-price{font-size:11px}.shopping-delete{width:31px;height:31px}.shopping-total-card{flex-direction:column;align-items:flex-start}.shopping-total-card strong{font-size:23px}.finance-page{padding-bottom:95px}.finance-page-header{align-items:flex-start}.finance-header-buttons{width:100%}.finance-header-buttons button{flex:1}.finance-summary-grid{grid-template-columns:1fr}.finance-balance-card{grid-column:auto;min-height:135px;padding:21px}.finance-balance-card strong{font-size:29px}.finance-balance-icon{width:53px;height:53px}.finance-summary-card{min-height:105px}.finance-month-card{flex-wrap:wrap}.finance-month-card>div{flex-basis:100%;order:-1}.finance-current-button{flex:1}.finance-side-column{display:flex}.finance-card-heading{flex-direction:column;align-items:flex-start}.finance-filters{width:100%}.finance-filter{flex:1}.finance-item{gap:9px;padding:11px}.finance-item-icon{flex-basis:38px;width:38px;height:38px}.finance-item-main strong,.finance-item-title{font-size:13px}.finance-item-meta{font-size:9px}.finance-income-text,.finance-expense-text{font-size:12px}.finance-actions{gap:2px}.finance-delete,.finance-edit{width:30px;height:30px}.finance-add-card{flex-wrap:wrap}.finance-add-buttons{flex-direction:row;width:100%}.finance-add-buttons button{flex:1}.bottom-nav{border-radius:19px;width:calc(100% - 14px);bottom:9px}.nav-item{min-height:53px;font-size:8px}.floating-add{border-radius:17px;width:53px;height:53px;bottom:82px;right:17px}.modal-overlay{padding:10px}.modal{border-radius:22px;padding:21px}}@media (width<=370px){.welcome-block{padding:20px 15px}.date-badge{width:56px;min-width:56px;height:56px}.date-badge span{font-size:20px}.quick-grid{grid-template-columns:1fr}.calendar-day{min-height:45px}.day-number{font-size:11px}.form-row{grid-template-columns:1fr}.shopping-summary-main strong{font-size:27px}.shopping-summary-main small{margin:4px 0 0;display:block}.shopping-filter{font-size:9px}.shopping-filter span{display:none}.shopping-item-main strong{font-size:12px}.shopping-meta span{font-size:8px}.finance-header-buttons{flex-direction:column}.finance-header-buttons button{width:100%}.finance-balance-card,.finance-summary-card,.finance-history-card,.finance-category-card{border-radius:19px;padding:17px}.finance-balance-card{min-height:125px}.finance-balance-card strong{font-size:25px}.finance-summary-card strong{font-size:18px}.finance-item-main{min-width:0}.finance-item-main strong,.finance-item-title{font-size:12px}.finance-item-meta{font-size:8px}.finance-income-text,.finance-expense-text{font-size:11px}.finance-item-icon{flex-basis:35px;width:35px;height:35px}.finance-add-card{padding:16px}}.finance-item-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.finance-edit,.finance-delete{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s,transform .2s;display:inline-flex}.finance-edit{color:#247fbd;background:#eaf6fd}.finance-edit:hover{background:#ddf1fc;transform:translateY(-1px)}.finance-delete{color:#d85b72;background:#fff1f3}.finance-delete:hover{background:#ffe4e9;transform:translateY(-1px)}.finance-filters{flex-wrap:wrap;gap:8px;margin:18px 0 4px;display:flex}.finance-filter{color:#607584;cursor:pointer;background:#f7fbfe;border:1px solid #dbeaf3;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.finance-filter span{background:#eaf6fd;border-radius:7px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;display:inline-flex}.finance-filter:hover{color:#247fbd;border-color:#bcdced}.finance-filter.active{color:#fff;background:#247fbd;border-color:#247fbd}.finance-filter.active span{color:#fff;background:#fff3}.confirm-modal{max-width:430px}.confirm-text{color:#667985;margin:0 0 24px;line-height:1.6}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.danger-button{color:#fff;cursor:pointer;background:#d85b72;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.danger-button:hover{background:#c94d65;transform:translateY(-1px)}@media (width<=600px){.finance-item-actions{gap:4px}.finance-edit,.finance-delete{width:32px;height:32px}.finance-filters{gap:6px}.finance-filter{flex:1;justify-content:center;padding:9px 8px}.confirm-actions{flex-direction:column-reverse}.confirm-actions button{width:100%}}:root{--ink:#29233e;--purple:#7044ed;--coral:#ff705b;--lime:#dcf68b;color:var(--ink);background:#f8f6f2}html,body{background:#f8f6f2}body{background-image:radial-gradient(circle at 95% 5%,#eee6ff 0,#0000 35%)}.topbar{padding:28px 0 8px}.brand strong{letter-spacing:-.8px;color:var(--ink);font-size:22px;display:block}.brand span{color:#756e86;margin-top:3px;font-size:12px;display:block}.brand-icon{background:var(--purple);transform:rotate(-7deg);box-shadow:4px 4px #ded0ff}.header-add{color:#fff;background:var(--ink);box-shadow:none}.header-tools{align-items:center;gap:10px;display:flex}.account-button,.install-button{color:var(--purple);background:#eee6ff;border-radius:14px;padding:12px 16px;font-size:12px;font-weight:700}.welcome-block{background:var(--coral);min-height:232px;box-shadow:none;color:var(--ink);border:0;border-radius:30px;padding:42px;display:block;position:relative;overflow:hidden}.welcome-block:after{content:"✳";color:var(--lime);pointer-events:none;font-size:265px;line-height:1.2;position:absolute;top:-42px;right:40px;transform:rotate(12deg)}.welcome-block .section-kicker{z-index:1;color:#422b2b;font-size:12px;position:relative}.welcome-block h1{z-index:1;letter-spacing:-2px;max-width:70%;color:var(--ink);margin-top:16px;font-size:clamp(34px,5vw,58px);position:relative}.welcome-block p{z-index:1;color:#422b2b;max-width:65%;font-size:15px;line-height:1.6;position:relative}.overview-card{background:var(--ink);color:#fff;box-shadow:none;border:0}.overview-top span,.overview-top strong{color:#fff}.overview-percent{color:var(--ink);background:var(--lime);white-space:nowrap;border-radius:12px;padding:8px 12px}.overview-top>div:first-child{flex-direction:column;gap:6px;display:flex}.progress-line{background:#ece6f6;height:9px}.overview-card .progress-line{background:#50465f}.progress-line-fill{background:var(--purple)}.overview-card .progress-line-fill{background:var(--lime)}.section-kicker{color:#7143cc}.section-heading h2,.page-header h1,.selected-day-header h2{color:var(--ink);letter-spacing:-.7px}.task-card,.shopping-item,.finance-item{box-shadow:none;border:1px solid #eee9e2;border-radius:18px}.task-card:not(.completed){border-left:4px solid var(--purple)}.task-content strong,.shopping-item-main strong,.finance-item-main strong{color:var(--ink)}.task-category{color:#633ac3;background:#eee6ff}.task-check,.shopping-check{border-color:#aaa0bd}.task-card.completed .task-check,.shopping-item.completed .shopping-check{background:var(--purple);border-color:var(--purple)}.primary-button,.floating-add,.nav-item.active,.finance-filter.active,.shopping-filter.active{color:#fff;background:var(--purple);box-shadow:none}.today-button,.secondary-button,.text-button{color:var(--purple)}.mini-card,.calendar-card,.selected-day-card,.stat-card,.finance-history-card,.finance-category-card,.finance-month-card{border-color:#eee9e2;box-shadow:0 4px 20px #29233e04}.mini-card:first-child{background:#eee6ff}.mini-card:last-child{background:#eef6d9}.quick-card{box-shadow:none;border:0;min-height:120px}.quick-card:first-child{background:#eee6ff}.quick-card:nth-child(2){background:#ffe3db}.quick-card:nth-child(3){background:#e7f3c5}.quick-card:nth-child(4){background:#ffeabd}.quick-card strong{color:var(--ink);font-size:14px}.quick-card small{color:#61586c;font-size:12px}.quick-icon{color:var(--ink);background:#ffffff85}.quick-card{grid-template-columns:43px minmax(0,1fr);grid-template-areas:"icon title""description description"}.quick-card .quick-icon{grid-area:icon}.quick-card>strong{overflow-wrap:anywhere;grid-area:title;min-width:0}.quick-card>span{color:#61586c;grid-area:description;font-size:13px;line-height:1.5}.bottom-nav{background:#ffffffef;border:1px solid #e8e0ee;box-shadow:0 8px 32px #29233e12}.nav-item{color:#71677f;font-size:11px}.calendar-day.selected{background:var(--purple);color:#fff}.shopping-summary{background:var(--purple)}.finance-balance-card{background:var(--ink)}.balance-edit-button{background:var(--lime);color:var(--ink);border-radius:12px;margin-top:12px;padding:10px 14px;font-weight:700;display:block}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar-weekdays{margin:16px 0 8px}.calendar-weekdays span{text-align:center;color:#71677f;font-size:12px;font-weight:700}@media (width<=600px){.calendar-weekdays,.calendar-grid{gap:3px}}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #a18ae7}.modal-overlay{background:#29233e70}.modal-header h2{color:var(--ink)}.sync-status{color:#756e86;font-size:12px;line-height:1.5}.account-form{gap:14px;display:grid}.account-form input{border:1px solid #d9d0e8;border-radius:12px;width:100%;padding:14px}.account-notice{color:#5f5374;background:#f2edf9;border-radius:14px;padding:14px;font-size:14px;line-height:1.6}@media (width>=1100px){.app{padding-left:220px}.topbar,.main-content{width:min(1040px,100% - 64px)}.bottom-nav{width:184px;box-shadow:none;background:0 0;border:0;flex-direction:column;gap:8px;padding:0;display:flex;top:120px;bottom:auto;left:20px;transform:none}.nav-item{flex-direction:row;justify-content:flex-start;gap:14px;padding:16px;font-size:13px}.floating-add{bottom:30px;right:30px}}@media (width<=600px){.welcome-block{min-height:210px;padding:28px 23px}.welcome-block:after{opacity:.8;font-size:185px;top:4px;right:-45px}.welcome-block h1{letter-spacing:-1.4px;max-width:85%;font-size:37px}.welcome-block p{max-width:78%;font-size:13px}.brand strong{font-size:18px}.brand span{display:none}.account-button,.install-button{padding:10px;font-size:11px}.header-tools{gap:6px}.bottom-nav{bottom:calc(9px + env(safe-area-inset-bottom))}.app{padding-top:env(safe-area-inset-top);padding-bottom:calc(105px + env(safe-area-inset-bottom))}.floating-add{bottom:calc(88px + env(safe-area-inset-bottom))}.nav-item{font-size:9px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-card{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;min-width:0;min-height:154px;padding:16px;display:flex}.quick-card>strong{font-size:14px;line-height:1.4}.quick-card>span{overflow-wrap:anywhere;width:100%;font-size:12px;line-height:1.5}.today-page{padding-bottom:32px}.app:has(.today-page)>.floating-add{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.quick-card:nth-child(5){background:#f5dffa}.quick-card:nth-child(6){background:#d7f1ed}.profile-summary{background:#eee6ff;border-radius:18px;margin-bottom:22px;padding:18px}.profile-summary strong,.profile-summary span{overflow-wrap:anywhere;display:block}.profile-summary strong{margin-bottom:6px;font-size:20px}.profile-summary span{color:#71677f;font-size:13px}.profile-section{border-top:1px solid #eee9f2;margin-top:24px;padding-top:20px}.profile-section h3{margin:0 0 12px;font-size:16px}.profile-form{gap:14px;display:grid}.profile-danger{background:#fff1ed;border-radius:16px;padding:16px}.profile-danger p{color:#71677f;font-size:13px;line-height:1.6}.profile-danger label{margin:12px 0}.legal-links{flex-wrap:wrap;gap:10px 16px;margin-top:22px;display:flex}.legal-links button{color:#7044ed;text-align:left;background:0 0;padding:4px 0;font-size:12px;text-decoration:underline}.legal-links a{color:#7044ed;padding:4px 0;font-size:12px}.legal-overlay{z-index:150}.legal-document{width:min(720px,100%)}.legal-document p{color:#61576f;font-size:14px;line-height:1.7}.legal-document h3{margin-top:24px;font-size:17px}.legal-draft{background:#fff0d3;border-radius:12px;padding:14px}.seller-details dt{color:#71677f;margin-top:16px;font-size:12px}.seller-details dd{overflow-wrap:anywhere;margin:5px 0 0;font-size:14px}.life-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.life-stat{background:#eee6ff;border-radius:20px;padding:20px}.life-stat:nth-child(2){background:#e7f3c5}.life-stat:nth-child(3){background:#ffe3db}.life-stat strong{color:#29233e;margin:6px 0;font-size:27px;display:block}.life-stat span,.life-stat small{color:#61586c;font-size:12px}.life-grid{gap:16px;display:grid}.life-card{background:#fff;border:1px solid #e9e2ef;border-radius:22px;min-width:0;padding:22px}.life-card h2{color:#29233e;overflow-wrap:anywhere;margin:0 0 10px;font-size:21px}.life-meta{color:#71677f;flex-wrap:wrap;gap:8px 16px;font-size:12px;line-height:1.6;display:flex}.life-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.life-actions button{color:#603bbb;background:#eee6ff;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700}.life-actions .delete-action{color:#ad4233;background:#fff0ed}.dream-finished{background:#f7fbe9}.dream-with-photo{grid-template-columns:minmax(0,1fr) minmax(180px,34%);align-items:start;gap:24px;display:grid}.dream-card-text{min-width:0}.dream-list{gap:10px;display:grid}.dream-list-row{background:#fff;border:1px solid #e9e2ef;border-radius:18px;align-items:center;gap:14px;min-width:0;padding:16px;display:flex}.dream-complete-circle{color:#fff;background:0 0;border:2px solid #b6a6d0;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.dream-list-completed .dream-complete-circle{background:#7044ed;border-color:#7044ed}.dream-list-completed .dream-list-open strong{color:#71677f;text-decoration:line-through}.dream-list-open{text-align:left;background:0 0;flex:1;min-width:0;padding:5px 0}.dream-list-open strong{color:#29233e;overflow-wrap:anywhere;font-size:16px;display:block}.dream-list-open span{color:#71677f;overflow-wrap:anywhere;margin-top:6px;font-size:12px;line-height:1.5;display:block}.dream-list-thumbnail{border-radius:12px;flex:0 0 54px;width:54px;height:54px;padding:0;overflow:hidden}.dream-list-thumbnail img{object-fit:cover;width:100%;height:100%}.dream-list-arrow{color:#7044ed;font-size:26px}.dream-category-filter{color:#71677f;align-items:center;gap:12px;margin:0 0 20px;font-size:13px;display:flex}.dream-category-filter select{color:#29233e;background:#fff;border:1px solid #d9cdeb;border-radius:12px;min-width:0;padding:11px}.dream-category-badge{color:#603bbb;background:#eee6ff;border-radius:9px;margin-bottom:14px;padding:7px 10px;font-size:12px;display:inline-block}.dream-detail{width:min(860px,100%)}.dream-detail-overlay{z-index:95}.dream-photo-view{position:relative}@media (width<=600px){.dream-list-row{gap:10px;padding:12px}.dream-list-open strong{font-size:14px}.dream-list-thumbnail{flex-basis:42px;width:42px;height:48px}.dream-list-arrow{display:none}.dream-detail h2{font-size:20px}}.dream-photo{background:#f8f6f2;border-radius:16px;width:100%;padding:0;display:block;overflow:hidden}.dream-photo img{object-fit:cover;width:100%;height:240px;display:block}.dream-photo-column{min-width:0}.dream-photo-controls{gap:8px;margin-top:10px;display:grid}.dream-photo-controls button,.photo-change{color:#603bbb;text-align:center;cursor:pointer;background:#eee6ff;border-radius:10px;padding:10px 6px;font-size:12px;font-weight:700;display:block;position:relative}.dream-photo-controls button{color:#ad4233;background:#fff0ed}.photo-change.disabled{opacity:.5;cursor:default}.photo-file-input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.photo-change:focus-within{outline-offset:2px;outline:3px solid #a18ae7}.dream-photo-view{width:min(1100px,100%)}.dream-photo-view img{object-fit:contain;width:100%;height:auto;max-height:calc(100dvh - 150px);margin-top:16px;display:block}@media (width<=600px){.dream-with-photo{grid-template-columns:minmax(0,1fr) 100px;gap:12px}.dream-photo{border-radius:12px}.dream-photo img{object-fit:cover;height:110px}.dream-photo-controls button,.photo-change{padding:9px 4px;font-size:11px}}.dream-photo-preview{object-fit:contain;background:#f8f6f2;border-radius:14px;width:100%;max-height:260px;display:block}.dream-badge{background:#dcf68b;border-radius:9px;margin-bottom:10px;padding:6px 10px;font-size:11px;display:inline-block}.dream-steps{gap:10px;margin-top:18px;display:grid}.dream-step{overflow-wrap:anywhere;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.dream-step input{accent-color:#7044ed;flex-shrink:0;width:20px;height:20px}.step-done span{color:#71677f;text-decoration:line-through}.step-edit-row{align-items:center;gap:8px;display:flex}.step-edit-row input{flex:1;min-width:0}.step-edit-row button{color:#ad4233;background:#fff0ed;border-radius:10px;flex-shrink:0;padding:12px}.life-empty{text-align:center;color:#71677f;background:#fff;border:1px dashed #d9cdeb;border-radius:22px;padding:40px 20px;line-height:1.7}.life-error{color:#a03929;background:#fff0ed;border-radius:12px;margin-bottom:16px;padding:14px;font-size:13px}.life-tabs{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.life-tabs button{color:#603bbb;background:#eee6ff;border-radius:12px;padding:12px 16px;font-weight:700}.life-tabs .active{color:#fff;background:#7044ed}.measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.life-form{gap:16px;display:grid}.life-form label{color:#61586c;gap:7px;font-size:13px;font-weight:700;display:grid}.life-form input,.life-form textarea{color:#29233e;background:#fcfaff;border:1px solid #d9cdeb;border-radius:12px;width:100%;padding:13px}.life-form textarea{resize:vertical;min-height:120px}.life-help{color:#71677f;margin:10px 0;font-size:13px;line-height:1.6}.measurement-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.measurement-stats>div{background:#f4effb;border-radius:14px;padding:14px}.measurement-stats span,.measurement-stats strong,.measurement-stats small{display:block}.measurement-stats span,.measurement-stats small{color:#71677f;font-size:12px}.measurement-stats strong{color:#29233e;margin:8px 0;font-size:19px}.weight-chart{color:#7044ed;width:100%;height:170px;margin:16px 0;display:block}.record-values{flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px;display:flex}.record-values span{background:#f4effb;border-radius:8px;padding:8px}.plan-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.plan-images img{object-fit:contain;background:#f8f6f2;border-radius:12px;width:100%;height:180px;display:block}.plan-image-remove{color:#ad4233;background:#fff0ed;border-radius:8px;margin:8px 0;padding:8px;display:block}.plan-text{white-space:pre-wrap;color:#61586c;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.training-collage{grid-template-columns:repeat(auto-fit,minmax(120px,160px));gap:12px;margin:16px 0;display:grid}.collage-tile{background:#fcfaff;border:1px solid #e9e2ef;border-radius:14px;min-width:0;margin:0;padding:8px}.collage-image{background:#f1edf6;border-radius:10px;width:100%;padding:0;display:block;overflow:hidden}.collage-image img{object-fit:cover;width:100%;height:110px;display:block}.collage-tile figcaption{color:#61586c;overflow-wrap:anywhere;padding:10px 2px;font-size:12px;font-weight:600;line-height:1.5}.collage-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.collage-controls .photo-change,.collage-controls button{border-radius:8px;padding:9px 2px;font-size:10px}.collage-controls button{color:#ad4233;background:#fff0ed}.training-editor-gallery .collage-tile label{margin-top:10px;font-size:11px}.image-view-overlay{z-index:120}@media (width<=600px){.training-collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collage-image img{height:90px}}.nav-more{display:none}@media (width<=1099px){.bottom-nav .nav-extra{display:none}.bottom-nav .nav-more{display:flex}}@media (width<=600px){.life-stat{padding:14px 10px}.life-stat strong{font-size:23px}.life-stat span{font-size:11px}.life-card{padding:18px}.measurement-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-images{grid-template-columns:1fr}.plan-images img{height:auto;max-height:350px}}.task-important{color:#ab9191;background:#f4eeee;border-radius:10px;flex-shrink:0;width:30px;height:34px;font-size:21px;font-weight:900}.main-content{padding-bottom:170px}.task-important.marked{color:#dc2144;background:#ffe2e8}.mini-card.important-card{min-width:0;display:block}.important-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.important-note{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.important-card textarea{border:1px solid #e2d9ef;border-radius:12px;width:100%;min-height:90px;padding:12px}.important-card .task-card{flex-wrap:wrap;gap:8px;margin-top:10px;padding:12px 8px}.important-card .task-content{flex:1;min-width:80px}.important-card .task-actions{margin-left:auto}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.operations-panel{background:#fff;border:1px solid #e9e2ef;border-radius:24px;min-width:0;margin-top:24px}.operations-panel>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;padding:22px;font-size:22px;font-weight:800;list-style:none;display:flex}.operations-panel>summary::-webkit-details-marker{display:none}.operations-panel>summary small{color:#877994;font-size:12px;font-weight:400}.operations-chevron{margin-left:auto}.operations-panel[open] .operations-chevron{transform:rotate(180deg)}.operations-body{padding:0 22px 22px}.operations-body h2{margin:24px 0 12px;font-size:19px}.month-selector{gap:8px;max-width:320px;display:grid}.month-selector select{background:#faf7ff;border:1px solid #e9e2ef;border-radius:12px;width:100%;padding:12px}.monthly-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.monthly-summary>div{background:#f8f4ff;border-radius:16px;gap:8px;padding:16px;display:grid}.monthly-summary strong{overflow-wrap:anywhere;font-size:21px}.income-color{color:#168764}.expense-color{color:#da3959}.comparison-month{border-bottom:1px solid #eee7f4;margin:18px 0;padding-bottom:16px}.comparison-line{grid-template-columns:65px minmax(30px,1fr) auto;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:grid}.comparison-line small{color:#85798c;grid-column:2/-1}.comparison-track{background:#f3eef6;border-radius:8px;height:10px;overflow:hidden}.comparison-track>div{border-radius:8px;height:100%}.comparison-track.income>div{background:#28b78c}.comparison-track.expense>div{background:#f56b82}.category-breakdowns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.category-stat{border-bottom:1px solid #eee7f4;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.category-stat>span{overflow-wrap:anywhere;flex:1}.category-stat>small{color:#85798c}.operation-row{border-bottom:1px solid #eee7f4;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;display:flex}.operation-row>div:first-child{overflow-wrap:anywhere;flex:1;min-width:120px}.operation-row small{color:#85798c;margin-top:6px;display:block}.operation-actions{gap:12px;display:flex}@media (width<=600px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-body{padding:0 14px 18px}.operations-panel>summary{padding:18px 14px}.operations-panel>summary small{flex-basis:75%;order:3}.monthly-summary{grid-template-columns:1fr;gap:8px}.monthly-summary>div{justify-content:space-between;gap:8px;padding:12px;display:flex}.monthly-summary strong{font-size:17px}.category-breakdowns{grid-template-columns:1fr;gap:0}.comparison-line{grid-template-columns:55px minmax(20px,1fr) auto;gap:5px;font-size:11px}.operation-actions{width:100%}.task-card{flex-wrap:wrap}.task-actions{margin-left:auto}}.planner-tools{background:var(--card-bg,#fff);border-radius:18px;margin:0 0 24px;padding:18px}.planner-tools label{gap:6px;min-width:0;font-size:14px;display:grid}.planner-tools input,.planner-tools textarea{width:100%;min-width:0;font:inherit;box-sizing:border-box;border:1px solid #dedbe7;border-radius:10px;padding:11px 12px}.quick-entry{align-items:end;gap:10px;margin-bottom:16px;display:flex}.quick-entry label:first-child{flex:1}.planner-notice{color:#533d15;overflow-wrap:anywhere;background:#fff2d9;border-radius:12px;margin:10px 0;padding:12px 18px}.search-result{overflow-wrap:anywhere;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.section-preferences{gap:12px;margin-top:20px;display:grid}.section-preferences label{align-items:center;gap:10px;display:flex}.section-preferences input,.task-options input[type=checkbox]{width:18px;height:18px}.task-options{gap:12px;margin:15px 0;display:grid}.task-options label{align-items:center;gap:10px;display:flex}.backup-actions{gap:12px;padding:15px 0;display:grid}.backup-actions input[type=file]{max-width:100%}.week-controls{flex-wrap:wrap;gap:8px;display:flex}.week-days{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;display:grid}.week-day{background:#fff;border-radius:14px;min-width:0;padding:14px}.week-task{overflow-wrap:anywhere;border-top:1px solid #eee;padding:10px 0}.week-task label{font-size:13px;display:block}.week-task input[type=date]{width:100%;min-width:0}.shared-shopping-item{flex-direction:row;align-items:center;gap:10px;padding:10px 0;display:flex!important}.shared-shopping-item input{flex:none;height:18px;width:18px!important}.planner-tools summary{cursor:pointer;margin-bottom:14px;font-weight:600}.access-banner.access-banner{padding-left:60px}.sync-conflict{background:#fff2d9;border-radius:12px;gap:10px;padding:15px;display:grid}@media (width<=600px){.quick-entry{flex-direction:column;align-items:stretch}.planner-tools{padding:12px}}.access-page{color:#29233e;background:#f8f6f2;grid-template-columns:1fr 1fr;gap:36px;min-height:100svh;padding:36px;display:grid}.access-story{background:#ff705b;border-radius:32px;flex-direction:column;justify-content:center;padding:40px;display:flex;position:relative;overflow:hidden}.access-brand{font-size:22px;font-weight:800;position:absolute;top:32px}.access-kicker{letter-spacing:.13em;font-size:11px;font-weight:800}.access-story h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(36px,4.7vw,68px);line-height:1.06}.access-story p{font-size:18px;line-height:1.65}.trial-sticker{background:#dcf68b;border-radius:24px;align-self:flex-start;margin-top:40px;padding:20px 30px;font-size:20px;transform:rotate(-7deg)}.access-card{place-self:center;width:100%;max-width:510px;padding:30px}.access-card h2{letter-spacing:-1px;margin:26px 0 12px;font-size:30px}.access-card p{color:#71677f;font-size:14px;line-height:1.6}.auth-tabs{background:#eee9f2;border-radius:16px;padding:5px;display:flex}.auth-tabs button{color:#71677f;background:0 0;border-radius:12px;flex:1;padding:12px;font-weight:700}.auth-tabs .selected{color:#7044ed;background:#fff;box-shadow:0 2px 6px #29233e0a}.registration-form{gap:18px;margin-top:24px;display:grid}.registration-form label{gap:8px;font-size:13px;font-weight:700;display:grid}.registration-form input{background:#fff;border:1px solid #ddd4e8;border-radius:14px;width:100%;padding:14px}.access-primary,.plan-card button{color:#fff;background:#7044ed;border-radius:14px;padding:15px;font-weight:700}.access-primary:disabled,.plan-card button:disabled{opacity:.55;cursor:not-allowed}.access-card .access-note{margin-top:20px;font-size:12px}.access-setup{background:#eee6ff;border-radius:14px;padding:14px}.access-link{color:#7044ed;background:0 0;padding:12px 0;font-size:13px;font-weight:700}.access-message{min-height:22px}.access-banner{color:#5b389f;text-align:center;background:#eee6ff;padding:12px 20px;font-size:12px}.access-banner button{color:#5b389f;background:0 0;margin-left:12px;text-decoration:underline}.plan-options{gap:14px;margin-top:25px;display:grid}.plan-card{background:#fff;border:1px solid #e5dced;border-radius:20px;padding:20px}.plan-card h3{margin:0 0 12px;font-size:16px}.plan-card strong{font-size:30px;display:block}.plan-card small{color:#71677f;font-size:14px;font-weight:400}.plan-card button{width:100%;margin-top:16px}.plan-badge{float:right;background:#dcf68b;border-radius:8px;padding:6px 8px;font-size:10px}@media (width<=760px){.access-page{grid-template-columns:1fr;gap:12px;padding:16px}.access-story{min-height:270px;padding:28px}.access-brand{margin-bottom:24px;font-size:18px;position:static}.access-story h1{margin:12px 0;font-size:38px}.access-story p{max-width:65%;font-size:14px}.trial-sticker{padding:14px;font-size:13px;position:absolute;bottom:22px;right:18px}.access-card{padding:20px 10px}.access-card h2{font-size:27px}}.global-navigation{z-index:200;pointer-events:none;position:fixed;inset:0}.global-navigation button{bottom:calc(88px + env(safe-area-inset-bottom));color:#603bbb;pointer-events:auto;background:#eee6ff;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:26px;font-weight:700;display:grid;position:fixed;box-shadow:0 3px 14px #603bbb22}.global-navigation .navigation-back{left:12px;top:calc(12px + env(safe-area-inset-top));bottom:auto}.navigation-top{right:12px}@media (width>=1100px){.global-navigation button{bottom:20px}}@media (width<=600px){html,body{min-width:0}#root,.app{width:100%;min-width:0}.topbar,.main-content{width:calc(100% - 24px)}.topbar{flex-wrap:wrap;gap:10px}.brand{gap:8px;min-width:0}.header-tools{flex-wrap:wrap;margin-left:auto}.page-header{gap:14px}.page-header>div{min-width:0}.page-header>button{width:100%}.life-summary{gap:8px}.life-stat{min-width:0;padding:12px 8px}.life-stat strong{overflow-wrap:anywhere;font-size:clamp(16px,5vw,23px)}.life-stat span,.life-stat small{overflow-wrap:anywhere}.life-tabs button{flex:1;padding:11px 8px;font-size:12px}.life-card,.overview-card,.finance-history-card,.finance-category-card{min-width:0}.finance-item{flex-wrap:wrap}.finance-item-main{flex:1;min-width:90px}.finance-item-actions{margin-left:auto}.task-content{min-width:0}.task-content strong,.shopping-item-main strong,.finance-item-main strong{overflow-wrap:anywhere}.task-time{flex:0 0 40px}.task-actions{gap:3px}.task-edit,.task-delete{width:30px;height:34px}.modal{max-height:calc(100dvh - 88px - env(safe-area-inset-bottom))}.modal input,.modal select,.modal textarea{min-width:0;max-width:100%}.measurement-grid{gap:10px}.modal input[type=file]{white-space:normal;height:auto;padding:10px;font-size:12px}.modal input[type=file]::file-selector-button{color:#603bbb;background:#eee6ff;border:0;border-radius:8px;max-width:100%;padding:8px}}@media (width<=360px){.training-page .life-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.training-page .life-stat:last-child{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;display:grid}.training-page .life-stat:last-child strong{margin:0}.training-page .life-stat:last-child small{grid-column:1/-1}}