:root{font-family:IBM Plex Sans Thai,system-ui,sans-serif;color:#222b3a;background:#f6f7f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-size:14px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b8cdfd;outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid #e8ebf0;padding:28px 17px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 34px;color:inherit;text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:13px;background:#e7edff;color:#4269d5;display:grid;place-items:center;flex-shrink:0}.brand strong{display:block;font-size:14px;font-weight:700;letter-spacing:-.2px}.brand small{display:block;color:#8a93a3;font-size:11px;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 13px;border:0;border-radius:10px;background:transparent;color:#697386;text-align:left;font-weight:500}.nav-item.active{background:#edf1ff;color:#4165ce}.nav-chevron{margin-left:auto}.nav-section-label{font-size:11px;color:#a0a7b3;padding:24px 13px 7px;text-transform:uppercase;letter-spacing:.5px}.muted-nav{font-size:13px}.soon{margin-left:auto;color:#a1a8b4;font-size:10px}.sidebar-bottom{margin-top:auto;padding:15px 8px 0;border-top:1px solid #edf0f4}.local-note{display:flex;align-items:center;gap:8px;color:#637083;font-size:12px}.sidebar-bottom>small{display:block;color:#9aa2ae;font-size:10px;margin:7px 0 0 25px}.main-area{margin-left:248px;min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid #e8ebf0;display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:0 38px}.topbar-date{display:flex;align-items:center;gap:9px;color:#727c8e;font-size:12px}.local-badge{display:flex;align-items:center;gap:7px;color:#7a8494;font-size:11px;padding:7px 10px;background:#f6f8fa;border-radius:20px}.local-badge span{width:7px;height:7px;background:#e3a847;border-radius:50%}.mobile-brand,.mobile-nav{display:none}.page-content{max-width:1280px;margin:0 auto;padding:32px 38px 36px}.welcome{display:flex;align-items:center;justify-content:space-between;padding:29px 32px;border-radius:18px;background:linear-gradient(115deg,#e9efff,#f1f3ff 55%,#e9f8f4);min-height:170px;overflow:hidden}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.5px;color:#6078c8;margin:0 0 7px}.welcome h1,.section-title h1{font-size:24px;line-height:1.5;letter-spacing:-.5px;margin:0;font-weight:600}.welcome-sub{color:#8790a0;margin:7px 0 0;font-size:12px}.welcome-illustration{width:108px;height:108px;border-radius:30px;background:#ffffff80;display:grid;place-items:center;color:#7189dc;position:relative;transform:rotate(-7deg);margin-right:18px;flex-shrink:0}.illustration-check{position:absolute;right:14px;bottom:14px;background:#dff5e9;color:#279b6d;border-radius:50%;padding:4px;width:32px;height:32px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.stat-card{background:#fff;border:1px solid #ebedf2;border-radius:14px;padding:17px 19px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto auto;column-gap:12px;align-items:center}.stat-icon{grid-row:1/4;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.blue-icon{background:#edf1ff;color:#5474d7}.orange-icon{background:#fff2e4;color:#dc9440}.green-icon{background:#e5f7ee;color:#36a579}.stat-label{font-size:11px;color:#818a9a}.stat-value{font-size:25px;font-weight:600;line-height:1.35;margin-top:1px}.stat-detail{font-size:10px;color:#a1a8b3}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:17px}.panel{background:#fff;border:1px solid #ebedf2;border-radius:15px;padding:21px 22px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-heading h2,.filter-heading h2{font-size:15px;font-weight:600;margin:0}.panel-heading p{font-size:11px;color:#969eac;margin:4px 0 0}.text-button{display:flex;align-items:center;gap:2px;border:0;background:transparent;color:#5b76cf;font-size:11px;white-space:nowrap}.panel-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.task-list{display:flex;flex-direction:column}.task-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f0f1f5;min-width:0}.task-row:last-child{border-bottom:0}.task-toggle{width:22px;height:22px;border:0;background:transparent;color:#aab2bf;display:grid;place-items:center;padding:0;flex-shrink:0}.task-toggle.checked{background:#e4f7ed;color:#269b6d;border-radius:50%}.task-main{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.task-main>span{font-size:12px;overflow-wrap:anywhere}.task-main small{display:flex;align-items:center;gap:4px;color:#a1a8b3;font-size:10px}.icon-button{border:0;background:transparent;color:#b0b7c2;padding:5px;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.icon-button:hover{background:#fff0f0;color:#d76a6a}.item-done{text-decoration:line-through;color:#a5acb7!important}.panel-divider{height:1px;background:#eff1f4;margin:14px 0}.mini-heading{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.dot{width:7px;height:7px;border-radius:50%}.dot-blue{background:#6884e0}.mini-count{background:#f1f3f8;border-radius:8px;color:#7d8798;padding:2px 7px;font-size:10px}.quiet-line{font-size:11px;color:#a0a7b3;margin:11px 0 0 15px}.progress-row{display:flex;justify-content:space-between;align-items:center;color:#929baa;font-size:10px;margin:0 0 8px}.progress-row strong{color:#5b76cf;font-size:11px}.progress-track{height:6px;background:#eff1f7;border-radius:10px;overflow:hidden;margin-bottom:17px}.progress-track>div{height:100%;background:#6c86df;border-radius:10px;transition:width .2s}.checklist-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;padding:11px 0;color:#495365;font-size:11px;border-bottom:1px solid #f1f2f5}.custom-check{width:19px;height:19px;border:1px solid #d6dbe4;border-radius:6px;display:grid;place-items:center;flex-shrink:0;background:#fff;color:#fff;padding:0}.custom-check.checked{background:#43ad82;border-color:#43ad82;color:#fff}.outline-button{display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;border:1px solid #e4e8f0;border-radius:9px;padding:10px 13px;color:#66748b;font-size:11px}.full-button{width:100%;margin-top:15px}.prototype-disclaimer{font-size:10px;color:#a1a8b3;margin:19px 2px 0;line-height:1.8}.notice{background:#e8f7ee;border:1px solid #cbeedb;color:#267e5c;padding:10px 14px;border-radius:9px;margin-bottom:17px;font-size:12px}.section-page{max-width:900px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:3px 0 25px}.section-title h1{font-size:25px}.title-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:15px}.add-form{display:flex;gap:9px;margin-bottom:24px}.add-form input,.add-form select{min-width:0;border:1px solid #e0e5ed;border-radius:10px;background:#fff;padding:12px 13px;color:#344054;font-size:12px}.add-form input:focus,.add-form select:focus{border-color:#8da3ee}.add-form input[type=text],.add-form input:not([type]){flex:1}.task-form input:first-of-type,.monthly-form input:first-of-type{flex:1}.task-form input[type=date]{width:155px}.add-form select{width:125px}.primary-button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;background:#526fd0;color:#fff;padding:0 16px;font-size:12px;font-weight:500;white-space:nowrap}.primary-button:hover{background:#405dbd}.filter-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.filter-heading h2{font-size:14px}.filter-heading span{font-size:11px;color:#8f98a7;background:#eceff5;padding:4px 9px;border-radius:15px}.section-page>.task-list,.monthly-list-panel{background:#fff;border:1px solid #ebedf2;border-radius:14px;padding:4px 18px}.section-page>.task-list .task-row{padding:15px 0}.empty-state{padding:28px 12px;display:flex;align-items:center;flex-direction:column;text-align:center}.empty-icon{display:grid;place-items:center;width:43px;height:43px;background:#f0f3ff;color:#8195df;border-radius:14px;margin-bottom:10px}.empty-state strong{font-size:12px;font-weight:600;color:#667184}.empty-state p{font-size:11px;color:#a0a8b5;margin:5px 0 0}.clear-completed{display:flex;align-items:center;gap:6px;margin:14px 0 0 auto;background:transparent;border:0;color:#9a6570;font-size:11px}.monthly-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.monthly-summary>div{display:flex;align-items:center;gap:9px;padding:15px;background:#fff;border:1px solid #ebedf2;border-radius:12px;color:#7d8798}.monthly-summary>div:first-child>svg{color:#4ba77d}.monthly-summary>div:nth-child(2)>svg{color:#6882d8}.monthly-summary span{font-size:11px}.monthly-summary strong{margin-left:auto;font-size:17px;color:#364052}.monthly-list-panel{padding:0 18px}.monthly-item-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eff1f4}.monthly-item-row:last-child{border-bottom:0}.monthly-item-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.monthly-item-content>span{font-size:12px;overflow-wrap:anywhere}.monthly-item-content small{font-size:10px;color:#a1a8b3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.page-content{padding-top:40px}.welcome{padding:34px 38px}.panel{padding:24px 25px}}@media(max-width:1050px){.sidebar{width:215px}.main-area{margin-left:215px}.page-content{padding:25px 22px}.topbar{padding:0 22px}.dashboard-grid{grid-template-columns:1fr}.stat-card{padding:14px}.welcome h1{font-size:21px}}@media(max-width:700px){.sidebar{display:none}.main-area{margin-left:0;padding-bottom:76px}.topbar{height:59px;justify-content:space-between;padding:0 16px}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:12px}.mobile-brand .brand-mark{width:32px;height:32px;border-radius:10px}.topbar-date{display:none}.local-badge{font-size:10px;padding:6px 9px}.page-content{padding:18px 14px 25px}.welcome{padding:22px 19px;min-height:150px;border-radius:15px}.welcome h1{font-size:19px;line-height:1.5}.welcome-sub{font-size:11px}.welcome-illustration{width:68px;height:68px;border-radius:22px;margin-right:0}.welcome-illustration>svg:first-child{width:37px}.illustration-check{width:25px;height:25px;right:4px;bottom:4px}.eyebrow{font-size:10px}.stat-grid{gap:8px;margin:13px 0}.stat-card{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:12px 11px;gap:5px;border-radius:12px}.stat-icon{grid-row:auto;width:31px;height:31px;border-radius:10px}.stat-icon svg{width:17px}.stat-label{font-size:10px;line-height:1.4;min-height:27px;display:flex;align-items:center}.stat-value{font-size:22px}.stat-detail{font-size:9px}.dashboard-grid{gap:12px}.panel{padding:17px 15px;border-radius:13px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:10px}.task-row{gap:8px}.task-main>span{font-size:11px}.mobile-nav{position:fixed;display:flex;inset:auto 0 0;background:#fff;border-top:1px solid #e5e8ef;padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:10;justify-content:space-around}.mobile-nav-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#929baa;padding:4px;font-size:10px}.mobile-nav-item.active{color:#4e6bcf;font-weight:600}.section-title h1{font-size:21px}.section-title{margin-bottom:19px}.title-icon{width:42px;height:42px}.add-form{flex-wrap:wrap;gap:8px}.add-form input:first-of-type{flex-basis:100%;width:100%}.task-form input[type=date],.add-form select{flex:1;width:auto}.primary-button{min-height:42px}.task-form .primary-button,.monthly-form .primary-button{flex:0 0 auto}.monthly-summary{gap:8px}.monthly-summary>div{padding:12px 10px;gap:7px}.monthly-summary span,.prototype-disclaimer{font-size:10px}.section-page>.task-list{padding:4px 12px}}@media(max-width:380px){.welcome-illustration{display:none}.welcome h1{font-size:18px}.stat-card{padding:10px 8px}.stat-label{font-size:9px}.topbar{padding:0 10px}.local-badge{font-size:9px}.mobile-brand{font-size:11px}}.home-month-group{margin:10px 0 3px}.home-month-group>strong{display:block;color:#788395;font-size:10px;margin:5px 0}.home-month-group .checklist-row{padding:8px 0}.monthly-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.monthly-section-panel{padding:17px 18px}.monthly-section-heading{display:flex;align-items:center;gap:11px;padding-bottom:13px;margin-bottom:2px;border-bottom:1px solid #eff1f4}.monthly-section-heading h2{font-size:14px;margin:0;font-weight:600}.monthly-section-heading p{font-size:10px;color:#929baa;margin:4px 0 0}.monthly-section-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.shopping-section-icon{background:#e5f7ee;color:#36a579}.expense-section-icon{background:#edf1ff;color:#5474d7}.monthly-section-panel .empty-state{padding:22px 6px}.edit-icon-button{color:#7e8db8}.task-edit-fields,.monthly-edit-fields{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px}.task-edit-fields input,.monthly-edit-fields input{width:100%;min-width:0;border:1px solid #dce2ec;border-radius:8px;padding:8px 9px;font:inherit;font-size:11px;color:#344054}.edit-actions{display:flex;gap:7px}.save-edit-button,.cancel-edit-button{border:0;border-radius:7px;padding:7px 10px;font-size:10px}.save-edit-button{background:#526fd0;color:#fff}.cancel-edit-button{background:#f0f2f6;color:#687386}.task-edit-fields,.monthly-edit-fields{width:100%}.monthly-item-row:has(.monthly-edit-fields){align-items:flex-start}@media(max-width:800px){.monthly-sections{grid-template-columns:1fr}.monthly-section-panel{padding:15px}.task-edit-fields input[type=date]{width:100%}}.task-status-groups{display:grid;gap:12px}.task-status-panel{border:1px solid #edf0f5;border-radius:12px;padding:12px 13px;min-width:0}.task-status-panel h3{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:650;color:#475467;margin:0 0 8px}.task-status-panel h3 span{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:8px;background:#f1f3f8;color:#657087;font-size:10px}.task-status-panel .task-list{padding:0}.task-status-panel .quiet-line{margin:8px 0;color:#929baa;font-size:11px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.task-status-panel{padding:10px 9px}.task-status-panel h3{font-size:11px}}.task-view-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px;padding:12px 13px;background:#fff;border:1px solid #ebedf2;border-radius:12px}.task-view-tabs{display:flex;gap:4px;background:#f1f3f8;padding:4px;border-radius:9px}.task-view-tabs button{border:0;background:transparent;color:#7c8697;padding:8px 14px;border-radius:7px;font-size:11px}.task-view-tabs button.active{background:#fff;color:#4e6bcf;box-shadow:0 1px 3px #1d2a440f;font-weight:650}.task-view-date{display:flex;align-items:center;gap:9px;color:#7d8798;font-size:11px}.task-view-date input{max-width:170px;min-width:0;border:1px solid #e0e5ed;border-radius:8px;padding:8px 9px;background:#fff;color:#344054;font:inherit}.task-form select{min-width:120px;max-width:145px;flex:0 1 145px}@media(max-width:700px){.task-view-controls{align-items:stretch;flex-direction:column;gap:10px;padding:10px}.task-view-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.task-view-tabs button{padding:9px}.task-view-date{justify-content:space-between}.task-view-date input{max-width:60%}.task-form select{flex:1;max-width:none;width:auto}}.appointment-form-panel{margin-bottom:22px}.appointment-form{display:grid;gap:13px}.appointment-form label{display:flex;flex-direction:column;gap:6px;color:#687386;font-size:11px}.appointment-form input,.appointment-form textarea{width:100%;min-width:0;border:1px solid #e0e5ed;border-radius:9px;background:#fff;padding:11px 12px;color:#344054;font:inherit;font-size:12px;resize:vertical}.appointment-form input:focus,.appointment-form textarea:focus{outline:3px solid #b8cdfd;outline-offset:2px;border-color:#8da3ee}.appointment-date-time{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appointment-form-actions{display:flex;align-items:center;gap:9px}.appointment-form-actions .primary-button{min-height:40px}.appointment-list-heading{margin-top:22px}.appointment-card{margin-bottom:12px;padding:18px 20px}.appointment-card-top{display:flex;justify-content:space-between;gap:14px}.appointment-card h2{font-size:14px;font-weight:650;margin:0 0 9px;overflow-wrap:anywhere}.appointment-datetime,.appointment-meta{display:flex;align-items:center;gap:7px;color:#687895;font-size:11px;margin:6px 0}.appointment-datetime svg{color:#5875d3;flex-shrink:0}.appointment-meta svg{color:#8793a6;flex-shrink:0}.appointment-actions{display:flex;align-items:flex-start;gap:3px;flex-shrink:0}.appointment-notes{white-space:pre-wrap;overflow-wrap:anywhere;color:#657084;background:#f8f9fc;border-radius:9px;padding:11px 12px;font-size:11px;line-height:1.7;margin:12px 0 0}.appointment-history{margin-top:12px;border-top:1px solid #eff1f4;padding-top:10px}.appointment-history summary{cursor:pointer;color:#5b76cf;font-size:11px}.appointment-history-entry{padding:9px 0 2px}.appointment-history-entry p{font-size:11px;margin:0 0 4px;color:#4d596c}.appointment-history-entry small{font-size:10px;color:#929baa;line-height:1.6}@media(max-width:700px){.appointment-card{padding:15px}.appointment-date-time{gap:8px}.appointment-form-actions{flex-wrap:wrap}.appointment-form-actions .primary-button{flex:1}}.appointment-ocr-panel{display:grid;gap:11px;padding:14px;border:1px dashed #d7deed;border-radius:12px;background:#fafbfe}.appointment-ocr-heading{display:flex;align-items:flex-start;gap:9px;color:#536fce}.appointment-ocr-heading strong{display:block;font-size:12px;color:#39465d}.appointment-ocr-heading small{display:block;margin-top:4px;color:#8b95a6;font-size:10px;line-height:1.6}.appointment-image-picker{display:flex!important;align-items:center;justify-content:center;flex-direction:row!important;gap:8px!important;min-height:43px;padding:10px 12px;border:1px solid #dfe5ef;border-radius:9px;background:#fff;color:#536bba!important;cursor:pointer;font-size:11px!important}.appointment-image-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.appointment-image-preview{display:flex;align-items:flex-start;gap:8px;max-height:230px;overflow:hidden}.appointment-image-preview img{max-width:100%;max-height:220px;object-fit:contain;border-radius:8px;border:1px solid #e5e9f0}.appointment-image-preview .icon-button{margin-left:auto}.appointment-ocr-panel .outline-button{min-height:40px;justify-self:start}.appointment-ocr-panel .outline-button:disabled{opacity:.55;cursor:not-allowed}.ocr-status{display:flex;align-items:flex-start;gap:6px;margin:0;color:#69768b;font-size:11px;line-height:1.7}.ocr-result-label textarea{min-height:110px;line-height:1.6}.ocr-safety-note{margin:0;color:#9a7950;font-size:10px;line-height:1.7}.spin-icon{flex-shrink:0;animation:ocr-spin 1s linear infinite}@keyframes ocr-spin{to{transform:rotate(360deg)}}.appointment-saved-photo{margin-top:10px;border-top:1px solid #eef0f5;padding-top:10px}.appointment-saved-photo summary{display:flex;align-items:center;gap:6px;color:#536bba;font-size:11px;cursor:pointer;list-style:none}.appointment-saved-photo img{display:block;max-width:100%;max-height:360px;object-fit:contain;margin-top:10px;border:1px solid #e5e9f0;border-radius:8px}.appointment-image-preview img{transition:transform .15s ease}.template-editor{display:grid;gap:12px;padding:13px;border:1px solid #dce4f3;border-radius:11px;background:#fff}.template-editor>strong{font-size:12px;color:#39465d}.template-editor>p{font-size:11px;color:#788397;line-height:1.7;margin:0}.template-editor label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#687386}.template-editor input,.template-editor select,.appointment-ocr-panel select{width:100%;border:1px solid #dfe5ef;border-radius:8px;padding:10px;background:#fff;color:#344054;font:inherit;font-size:12px}.template-upload{padding:10px;border:1px dashed #cbd5e8;border-radius:8px}.template-field-buttons{display:flex;flex-wrap:wrap;gap:6px}.template-field-buttons button{padding:7px 9px;border:1px solid #dce3ef;border-radius:8px;background:#fff;color:#637087;font-size:10px}.template-field-buttons button.active{background:#eaf0ff;border-color:#91a7ef;color:#3e5fc0}.template-canvas{position:relative;touch-action:none;line-height:0;overflow:hidden;border:1px solid #dfe5ef;border-radius:8px;-webkit-user-select:none;user-select:none;width:100%;height:auto}.template-canvas img{display:block;width:100%;height:auto;max-height:none;object-fit:initial;pointer-events:none}.template-label-option{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;font-size:11px!important;color:#59677d!important}.template-label-option input{width:auto!important;min-width:16px;height:16px}.template-hint{margin:0;font-size:10px;color:#778399}.template-box{position:absolute;border:2px solid #ed7c3c;background:#ed7c3c24;color:#8b431b;font-size:10px;line-height:1.2;overflow:hidden;pointer-events:none}.template-box.selected{border-color:#4266d5;background:#4266d526;color:#2445a5}.template-box.draft{border-style:dashed}.template-box-status{display:grid;gap:6px}.template-box-status>div{display:flex;align-items:center;gap:8px;font-size:10px}.template-box-status span{flex:1;color:#59677d}.template-box-status strong{font-weight:500;color:#8993a3}.template-box-status button{border:0;background:transparent;color:#5974ca;font-size:10px}.template-box-status button:disabled{opacity:.35}.backup-panel{margin-top:18px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.backup-panel h2{display:flex;align-items:center;gap:9px;margin:0;font-size:17px}.backup-panel>p{margin:0;color:#687386;line-height:1.7;max-width:760px}.backup-panel input[type=file]{max-width:100%;padding:10px;border:1px solid #e1e5ec;border-radius:9px;background:#fff}.backup-warning{font-size:12px;color:#875d26!important;background:#fff8e8;border-radius:9px;padding:11px 13px}.backup-preview{display:flex;flex-direction:column;align-items:flex-start;gap:9px;width:100%;padding:16px;border:1px solid #d9e4ff;background:#f7f9ff;border-radius:10px}.backup-preview span{font-size:13px;color:#687386}.backup-message{font-size:13px;color:#365a9b;overflow-wrap:anywhere}.backup-panel button:disabled{opacity:.55;cursor:wait}.appointment-section-title{align-items:flex-start;gap:16px}.appointment-section-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.appointment-section-actions .primary-button,.appointment-section-actions .outline-button{min-height:42px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#161e3085;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.modal-dialog{width:min(760px,100%);max-height:calc(100vh - 48px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #141e373d}.appointment-form-panel.modal-dialog{margin:0}.template-modal-dialog{width:min(820px,100%);margin:0}.modal-dialog>.panel-heading{position:sticky;top:-1px;z-index:2;background:#fff;padding:2px 0 12px;margin-bottom:10px;border-bottom:1px solid #eef0f5}.modal-dialog .template-editor{margin-top:0}.modal-dialog .appointment-form-actions{padding-bottom:3px}@media(max-width:700px){.appointment-section-title{align-items:stretch;flex-direction:column}.appointment-section-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.appointment-section-actions .primary-button,.appointment-section-actions .outline-button{padding:0 10px;font-size:11px;white-space:normal}.modal-backdrop{align-items:stretch;padding:0}.modal-dialog,.appointment-form-panel.modal-dialog,.template-modal-dialog{width:100%;max-height:100dvh;height:100%;border-radius:0;padding:18px 15px calc(18px + env(safe-area-inset-bottom));border:0}.modal-dialog>.panel-heading{top:-18px;padding-top:18px}.modal-dialog .appointment-date-time{grid-template-columns:1fr 1fr}}.appointment-form-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:10px}.appointment-form-actions>.primary-button,.appointment-form-actions>.cancel-edit-button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;margin:0;font:inherit;font-size:12px;border-radius:9px}.appointment-form-actions>.cancel-edit-button{background:#eef1f6;color:#4f5d73;border:1px solid #dfe4ec;padding:10px 14px}.appointment-section-actions{align-items:stretch}.appointment-section-actions>.primary-button,.appointment-section-actions>.outline-button{box-sizing:border-box;min-width:158px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;font:inherit;font-size:12px;border-radius:9px;white-space:nowrap}.appointment-card-top{align-items:flex-start}.appointment-card-main{flex:1;min-width:0}.appointment-status-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:650;white-space:nowrap}.appointment-status-badge.pending{background:#fff2d8;color:#95651c;border:1px solid #f2dfb8}.appointment-status-badge.attended{background:#e2f7eb;color:#23764d;border:1px solid #c4ead4}.appointment-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:16px;padding-top:13px;border-top:1px solid #edf0f5}.appointment-card-edit-actions,.appointment-card-confirm-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.appointment-card-confirm-actions{justify-content:flex-end}.appointment-card-confirm-actions small{display:block;width:100%;text-align:right;color:#8993a3;font-size:10px}.appointment-card-edit-actions .outline-button,.appointment-card-confirm-actions .outline-button,.appointment-card-edit-actions .cancel-edit-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border-radius:8px;font:inherit;font-size:11px}.appointment-card-edit-actions .cancel-edit-button{background:#fff0f0;border:1px solid #f3d2d2;color:#b34141}.appointment-confirm-button{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:12px}.appointment-confirm-button:disabled{opacity:.45;cursor:not-allowed}.linked-appointments-button{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:5px 8px;border:1px solid #dfe5f1;border-radius:7px;background:#f8faff;color:#526bc0;font:inherit;font-size:10px;cursor:pointer}.linked-appointments-modal{width:min(620px,100%)}.linked-appointments-list{display:grid;gap:8px}.linked-appointment-row{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid #e8ecf3;border-radius:10px;background:#fff;text-align:left;cursor:pointer}.linked-appointment-row:hover{background:#f8faff;border-color:#d8e1fa}.appointment-status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.appointment-status-dot.pending{background:#e3a63a}.appointment-status-dot.attended{background:#35a66d}.linked-appointment-content{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.linked-appointment-content strong{font-size:12px;color:#344054;overflow-wrap:anywhere}.linked-appointment-content small{font-size:10px;color:#7f899b;overflow-wrap:anywhere}@media(max-width:700px){.appointment-section-actions>.primary-button,.appointment-section-actions>.outline-button{min-width:0;min-height:44px;font-size:11px}.appointment-card-top{gap:8px}.appointment-status-badge{font-size:9px;padding:5px 7px}.appointment-card-footer{align-items:stretch;flex-direction:column;gap:10px}.appointment-card-edit-actions{justify-content:flex-start}.appointment-card-confirm-actions{justify-content:stretch}.appointment-card-confirm-actions .appointment-confirm-button,.appointment-card-confirm-actions .outline-button{flex:1;min-height:42px}.appointment-card-confirm-actions small{text-align:left}.appointment-form-actions{gap:8px}.appointment-form-actions>.primary-button,.appointment-form-actions>.cancel-edit-button{min-height:44px}.linked-appointments-modal{width:100%}}.appointment-form .field-error{margin:0;color:#c43d46;font-size:11px;line-height:1.6}.appointment-form input[aria-invalid=true]{border-color:#d9535d;background-color:snow}.appointment-form input[aria-invalid=true]:focus{outline-color:#f0b6ba}.dashboard-quick-actions button{min-height:40px}.dashboard-quick-actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0}.dashboard-quick-actions .primary-button,.dashboard-quick-actions .outline-button{min-height:42px;padding:0 13px}.field-error{color:#c43d46;font-size:11px;line-height:1.6}.standalone-field-error{margin:-15px 0 20px}.add-form [aria-invalid=true]{border-color:#d95a62;background:snow}@media(max-width:700px){.dashboard-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.dashboard-quick-actions .primary-button,.dashboard-quick-actions .outline-button{min-height:44px;padding:0 8px;font-size:10px;white-space:normal}}.quick-add-dialog{width:min(480px,100%)}.quick-add-form{display:flex;flex-direction:column;gap:13px}.quick-add-form label{display:flex;flex-direction:column;gap:6px;color:#5f6b7e;font-size:12px}.quick-add-form input,.quick-add-form select{width:100%;border:1px solid #e0e5ed;border-radius:10px;padding:12px 13px;font:inherit;font-size:12px}.quick-add-actions{display:flex;gap:9px;margin-top:5px}.quick-add-actions>button{min-height:42px;flex:1}@media(max-width:700px){.quick-add-dialog{width:100%}}.dashboard-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,.9fr)}.dashboard-expense-panel,.dashboard-shopping-panel{min-width:0}.dashboard-expense-panel .checklist-row,.dashboard-shopping-panel .checklist-row{min-width:0;text-align:left}.dashboard-expense-panel .checklist-row>span:last-child,.dashboard-shopping-panel .checklist-row>span:last-child{overflow-wrap:anywhere;min-width:0}@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-expand-button{display:none}@media(max-width:700px){.dashboard-checklist-list:not(.expanded) .checklist-row:nth-child(n+6){display:none}.dashboard-expand-button{display:flex;align-items:center;justify-content:center;width:100%;margin-top:8px;padding:9px 12px;border:1px solid var(--border, #d8dee8);border-radius:10px;background:transparent;color:var(--text-secondary, #526071);font:inherit;font-size:.9rem;cursor:pointer}}.dashboard-quick-actions .dashboard-add-button{flex:1 1 0;min-width:0;min-height:42px;padding:0 12px;white-space:nowrap}.dashboard-quick-actions .dashboard-add-button svg{flex-shrink:0}.custom-check{width:22px;height:22px;border-radius:50%;border-color:#aab2bf;background:#fff}.custom-check.checked{background:#e4f7ed;border-color:#e4f7ed;color:#269b6d}.task-status-panel,.task-panel .task-row,.task-status-panel .task-row,.section-page .task-list .task-row{background:#fff}@media(max-width:700px){.dashboard-quick-actions .dashboard-add-button{min-height:44px;padding:0 8px;font-size:10px;white-space:normal}}.monthly-section-panel+.monthly-section-panel.template-panel{margin-top:18px}.dashboard-quick-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px}.dashboard-add-trigger{min-height:40px;padding:0 15px}.dashboard-add-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:0 0 100%;width:100%;padding:10px;border:1px solid #e7eaf1;border-radius:12px;background:#fff;box-shadow:0 8px 24px #1d2a440a}.dashboard-add-option{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:42px;padding:8px 10px;border:1px solid #e8ebf2;border-radius:9px;background:#fff;color:#59667b;font-size:12px;text-align:left}.dashboard-add-option svg{flex-shrink:0;color:#6079d0}.dashboard-add-option:hover{background:#f6f8ff;border-color:#d9e0fb}@media(max-width:700px){.topbar{height:auto;min-height:59px;flex-wrap:wrap;gap:7px 10px;padding:8px 12px}.mobile-brand{order:0}.local-badge{order:1;margin-left:auto}.topbar-date{display:flex;order:2;flex:0 0 100%;justify-content:flex-end;gap:6px;min-width:0;font-size:10px;line-height:1.5;white-space:normal;text-align:right}.topbar-date svg{flex-shrink:0;width:14px;height:14px}.dashboard-quick-actions{margin-bottom:14px}.dashboard-add-trigger{width:100%;justify-content:center;min-height:42px}.dashboard-add-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}.dashboard-add-option{justify-content:flex-start;min-height:42px;padding:8px;font-size:11px}}.dashboard-quick-actions .dashboard-add-trigger{width:auto;min-width:190px;min-height:44px;justify-content:center;gap:9px;padding:0 24px;font-size:12px}@media(min-width:701px){.dashboard-quick-actions .dashboard-add-trigger{min-width:280px;padding-inline:32px}}@media(max-width:700px){.dashboard-quick-actions .dashboard-add-trigger{width:100%;min-width:0;min-height:44px;padding:0 16px}}.dashboard-quick-actions{margin-top:20px}.dashboard-quick-actions .dashboard-add-trigger{width:100%;min-width:0;min-height:44px;justify-content:center;padding:0 18px}@media(max-width:700px){.dashboard-quick-actions{margin-top:16px}.dashboard-quick-actions .dashboard-add-trigger{width:100%;min-width:0;padding:0 16px}}.confirmation-backdrop{z-index:80}.confirmation-dialog{width:min(440px,100%)}.confirmation-dialog .panel-heading{align-items:flex-start}.confirmation-dialog .panel-heading h2{margin:0 0 8px;color:#344054;font-size:16px}.confirmation-dialog .panel-heading p{margin:0;color:#687386;font-size:12px;line-height:1.7}.confirmation-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.confirmation-actions button{min-height:44px;min-width:108px;padding:0 15px;font:inherit;font-size:12px;border-radius:9px}.confirmation-actions .primary-button{justify-content:center}.confirmation-dialog button:focus-visible{outline:3px solid #b8cdfd;outline-offset:3px}@media(max-width:700px){.confirmation-backdrop{align-items:center;padding:16px}.confirmation-dialog{width:100%;height:auto;max-height:calc(100dvh - 32px);border-radius:15px;padding:18px 15px}.confirmation-dialog .panel-heading{top:auto;padding-top:0}.confirmation-actions button{flex:1;min-width:0}}