@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans Thai,system-ui,sans-serif;color:#322f28;background:#faf8f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}h1{font-size:26px;line-height:1.4;margin-bottom:4px}h2{font-size:18px}h3{font-size:16px}.muted,.helper{color:#938e7e}.helper{font-size:13px;line-height:1.6}.warning{color:#8b6640}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:#f7f4e8;border-right:1px solid #e8e4d5;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20;padding:26px 15px}.brandmark{background:#386d18;color:#fff;display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px}.side-brand,.brand,.login-logo{display:flex;align-items:center;gap:11px;padding:0 11px}.side-brand b,.brand b,.login-logo b{display:block;color:#2f6017;font-family:Georgia,serif;font-size:23px;letter-spacing:2px;line-height:1}.side-brand small,.brand small,.login-logo small{display:block;letter-spacing:1.4px;font-size:8px;color:#8c987c;margin-top:4px}.center-box{background:#eeeedf;border:1px solid #e2e5d2;border-radius:18px;padding:16px;margin:35px 2px 22px;display:flex;flex-direction:column;gap:3px}.center-box small,.center-box span{color:#857f6f;font-size:11px}.center-box b{color:#45682b;font-size:16px}.center-box button{display:flex;align-items:center;gap:4px;border:0;background:none;color:#43721f;padding:7px 0 0;text-align:left;font-size:12px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{background:none;border:0;border-radius:11px;display:flex;align-items:center;gap:13px;padding:13px;color:#74766b;text-align:left;font-size:13px;font-weight:600}.sidebar nav button.active,.sidebar nav button:hover{background:#e0ead7;color:#32630d}.side-bottom{margin-top:auto;padding:17px 4px 0;border-top:1px solid #e3dfcf;display:flex;align-items:center;gap:9px}.side-bottom>div{min-width:0;flex:1}.side-bottom b,.side-bottom small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-bottom b{font-size:12px}.side-bottom small{font-size:10px;color:#94907f}.side-bottom button{border:0;background:none;color:#897e73;padding:6px}.main{margin-left:260px;width:calc(100% - 260px);min-width:0}.topbar{height:74px;background:#ffffffb3;border-bottom:1px solid #eeeadd;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-context{color:#527534;font-size:13px;font-weight:700}.top-context span{font-weight:400;color:#9e9a8a}.top-user{display:flex;align-items:center;gap:17px}.today-label{font-size:12px;color:#8b887c}.content{max-width:1040px;padding:34px 38px 110px;margin:auto}.avatar{width:43px;height:43px;border-radius:50%;background:#efa58e;display:grid;place-items:center;color:#6f3d2e;flex:none;font-weight:600}.avatar.tiny{width:32px;height:32px;font-size:13px;background:#dceaca;color:#42662d}.avatar.large{width:64px;height:64px;font-size:18px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:2px 0 25px}.page-heading p,.page-title p{color:#928e81;font-size:13px;margin:4px 0}.eyebrow{font-size:11px;letter-spacing:1.1px;color:#72965b;font-weight:700}.heading-icon{background:#e1edd6;color:#538132;border-radius:20px;padding:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats>button,.stats>div{background:#fffefa;border:1px solid #ebe7d9;border-radius:19px;padding:18px;text-align:left;min-height:124px;box-shadow:0 6px 20px #5c603309}.stats span,.stats small{display:block;color:#918c7d;font-size:12px}.stats strong{display:block;color:#3f6b23;font-size:30px;line-height:1.45}.stats small{display:flex;align-items:center;gap:4px}.red-text{color:#ba5e58!important}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:31px 0 13px}.section-title h2{margin:0}.section-title>button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#4a762e;font-size:13px;font-weight:600}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.tile{border:1px solid #e2e3d5;background:#f2f5e9;border-radius:18px;padding:21px;display:flex;align-items:center;gap:15px;text-align:left;min-height:108px;color:#354d28;box-shadow:0 5px 20px #5c603308}.tile:hover{transform:translateY(-2px)}.tile.blue{background:#eaf3f3;border-color:#d8e8e7;color:#2d6970}.tile.sand{background:#f7f0e2;border-color:#ebe2d0;color:#816238}.tile.lilac{background:#f1eef8;border-color:#e5def2;color:#625694}.tile-icon{width:49px;height:49px;border-radius:15px;background:#ffffffa8;display:grid;place-items:center;flex:none}.tile strong,.tile small{display:block}.tile strong{font-size:16px}.tile small{color:#858777;font-size:11px;margin-top:3px}.tile-arrow{margin-left:auto;flex:none;opacity:.7}.page-title{display:flex;align-items:center;gap:13px;margin:0 0 23px}.page-title>div:nth-child(2){flex:1;min-width:0}.title-action{flex:none}.icon-button{border:0;background:transparent;color:#7f8272;display:grid;place-items:center;padding:7px}.back{background:#eeeede;border-radius:50%}.searchbox{border:1px solid #e5e1d4;background:#fffefa;border-radius:13px;display:flex;align-items:center;gap:11px;padding:0 15px;color:#969488}.searchbox input{border:0;background:transparent;outline:none;width:100%;height:48px;color:#312f29}.chips{display:flex;gap:9px;overflow:auto;margin:17px 0}.chips button{border:0;white-space:nowrap;background:#e7eddc;color:#527336;border-radius:11px;padding:8px 13px;font-size:12px}.chips button.selected{background:#3b7015;color:#fff}.chips button.alert{background:#ab665d}.list{display:grid;gap:11px}.resident-row,.meal-row{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:#fffefa;border:1px solid #e6e1d4;border-radius:17px;padding:16px 18px;color:inherit}.resident-row.follow{background:#f8e8e3;border-color:#ebd2ca}.resident-row-text,.meal-row>span:nth-child(2){flex:1;min-width:0}.resident-row b,.meal-row b,.resident-row small,.meal-row small{display:block}.resident-row small,.meal-row small{color:#918b7e;font-size:12px;margin-top:4px}.resident-row.follow small{color:#ad5e52}.badge{border-radius:11px;padding:6px 11px;font-size:11px;white-space:nowrap}.badge.good{background:#e0edd7;color:#43692b}.badge.bad{background:#f5ded7;color:#aa5650}.badge.amber{background:#f5ead3;color:#96703c}.resident-hero{display:flex;align-items:center;gap:15px;background:#fffefa;border:1px solid #e9e4d5;border-radius:20px;padding:20px;margin-bottom:20px}.resident-hero>div{flex:1}.resident-hero b,.resident-hero span:not(.avatar):not(.badge){display:block}.resident-hero>div span{font-size:12px;color:#918c80}.tabs{display:flex;overflow:auto;border-bottom:1px solid #e5e1d5;gap:4px;margin-bottom:20px}.tabs button{flex:1;min-width:max-content;border:0;background:transparent;color:#8d8a7e;padding:13px 12px;white-space:nowrap;font-size:13px}.tabs button.active{color:#3a7215;border-bottom:3px solid #3c7415;font-weight:700}.detail-grid,.vital-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.info{background:#fffefa;border:1px solid #eae5d8;border-radius:16px;padding:17px;min-height:87px}.info span{color:#8f8b7f;font-size:12px;display:block;margin-bottom:6px}.info strong{font-weight:600;font-size:17px}.info strong small{font-size:11px;color:#999583;font-weight:400}.vital-grid .info strong{font-size:22px}.note-box,.panel{border:1px solid #eae4d7;background:#fffefa;border-radius:18px;padding:20px;margin-top:12px}.note-box p{margin:6px 0 0;color:#77776b;font-size:13px}.med-group{margin:23px 0}.med-group h3{display:flex;align-items:center;gap:9px;color:#8a662d;font-weight:600}.med-item{width:100%;display:flex;align-items:center;gap:14px;background:#fffefa;border:1px solid #e9e3d7;border-radius:16px;padding:14px 17px;text-align:left;margin:9px 0;color:inherit}.med-item.done{background:#e0edd7;border-color:#d4e3c8}.med-item>span:nth-child(2){flex:1}.med-item b,.med-item small{display:block}.med-item small{color:#8f887d;font-size:12px}.med-item.done small{color:#52782e}.pill-icon,.meal-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f5e9d3;color:#966c35;flex:none}.check-ring{border:2px solid #e1dccb;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex:none}.done .check-ring{background:#3f711f;border-color:#3f711f;color:#fff}.date-picker,.week-picker{display:flex;align-items:center;justify-content:center;gap:20px;margin:12px 0 20px;color:#626b4b}.date-picker button,.week-picker button{background:none;border:0;color:#9b9b87;padding:7px}.meal-row{margin:10px 0}.elimination-row{background:#fffefa;border:1px solid #e9e3d7;border-radius:16px;padding:20px;display:grid;gap:10px}.elimination-row span{display:flex;justify-content:space-between}.elimination-row small{color:#888}.vital-card{background:#fffefa;border:1px solid #e9e3d7;border-radius:15px;padding:16px;margin:9px 0;display:grid;gap:6px}.vital-card div{display:flex;align-items:center;gap:8px;color:#4e702f}.vital-card span,.vital-card small{font-size:12px;color:#858073}.shift-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shift-day{background:#fffefa;border:1px solid #e9e3d7;border-radius:17px;padding:17px}.shift-day h3{color:#53792f;margin-bottom:12px}.shift-line{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #f0ecdf;font-size:12px}.shift-line span{color:#938e80;white-space:nowrap}.shift-line b{text-align:right}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-row{background:#fffefa;border:1px solid #e9e3d7;border-radius:15px;padding:16px;display:flex;gap:15px;align-items:center;margin:9px 0;color:#577a36}.admin-row span{color:#333}.admin-row b,.admin-row small{display:block}.admin-row small{font-size:11px;color:#8b8679}.empty{border:1px dashed #dedbcc;border-radius:16px;padding:35px;text-align:center;color:#999385;background:#fffdf7}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;border:0;padding:12px 18px;font-weight:600;background:#386f0d;color:#fff}.primary:hover{background:#2e5e0a}.primary.small{padding:8px 12px;font-size:12px}.secondary{background:#f1efe6;color:#686559}.notice{padding:11px 14px;border-radius:11px;margin-bottom:16px;font-size:12px;display:flex;align-items:center;justify-content:space-between}.notice.error{background:#fae3dc;color:#a04941}.notice button{border:0;background:none;color:inherit}.demo-banner{background:#e9efe2;color:#567144;padding:10px 14px;border-radius:12px;margin-bottom:21px;font-size:11px;display:flex;align-items:center;gap:9px}.login-wrap,.choose-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 15% 10%,#e7efdc,transparent 34%),#f9f6ec}.login-card,.choose-card{width:min(100%,410px);background:#fffcf4;border:1px solid #e9e5d6;border-radius:27px;padding:30px;box-shadow:0 15px 50px #60623c13}.login-logo{padding:0}.login-art{margin:30px 0 25px;min-height:150px;border-radius:19px;background:#edf2e5;color:#59903a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:13px}.login-card h1{font-size:24px;margin-bottom:2px}.login-card .muted{font-size:13px;margin-bottom:22px}.stack{display:grid;gap:14px}.field{display:grid;gap:6px;color:#726f64;font-size:12px;font-weight:600}.field input,.field select,.field textarea,.field>select{border:1px solid #e2dece;background:#fffefa;border-radius:11px;padding:11px 12px;outline:none;min-width:0;color:#37352e;width:100%;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7da65d;box-shadow:0 0 0 3px #ddebd3}.login-card .primary{width:100%;margin-top:5px}.setup-note{background:#f1efde;padding:13px;border-radius:11px;color:#867e67;font-size:12px}.demo-link,.text-button{border:0;background:none;color:#427121;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:5px;margin:18px auto 0}.choose-card h1{margin:30px 0 3px}.choose-card .muted{font-size:12px;margin-bottom:22px}.choose-card .tile{min-height:90px}.modal-back{position:fixed;inset:0;background:#1d211c99;z-index:40;display:grid;place-items:center;padding:16px}.modal{background:#faf7ed;border-radius:23px;width:min(100%,510px);max-height:min(90vh,850px);overflow:auto;padding:22px;box-shadow:0 24px 70px #0002}.modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal header h2{margin:0}.form .two-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:7px}.counter{display:flex;align-items:center;justify-content:space-between;background:#fffefa;border:1px solid #e8e2d6;border-radius:14px;padding:15px}.counter>div{display:flex;align-items:center;gap:14px}.counter button{width:32px;height:32px;border-radius:50%;border:1px solid #dfd8c6;background:transparent;color:#48453b}.bottom-nav,.mobile-brand,.hamburger,.close-side{display:none}.panel .primary{width:100%}.panel .field{margin-bottom:14px}@media(max-width:800px){.sidebar{transform:translate(-105%);transition:transform .2s;width:280px}.sidebar.open{transform:none}.drawer-shade{position:fixed;inset:0;background:#1b211b80;z-index:19}.close-side{display:grid!important;margin-left:auto}.main{margin:0;width:100%}.topbar{height:59px;padding:0 18px}.top-context,.today-label{display:none}.hamburger,.mobile-brand{display:flex}.mobile-brand{align-items:center;gap:7px;margin-right:auto}.mobile-brand .brandmark{width:29px;height:29px;border-radius:9px}.mobile-brand svg{width:17px}.mobile-brand b{font-family:Georgia,serif;color:#37691b;letter-spacing:1px}.content{padding:22px 16px 100px;max-width:650px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fffefa;border-top:1px solid #eae4d6;display:flex;z-index:11;padding:5px 4px max(7px,env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:transparent;display:grid;justify-items:center;gap:2px;flex:1;color:#999487;font-size:10px;padding:5px 0}.bottom-nav button.active{color:#3a7115;font-weight:700}.stats{gap:7px}.stats>button{padding:12px;min-height:100px}.stats span,.stats small{font-size:10px}.stats strong{font-size:23px}.tile-grid{grid-template-columns:1fr;gap:9px}.tile{min-height:83px;padding:15px}.page-title h1{font-size:21px}.title-action .primary{font-size:11px;padding:8px}.resident-hero{padding:14px}.resident-hero .badge{display:none}.shift-grid{grid-template-columns:1fr}.tabs{margin-right:-16px}.page-heading h1{font-size:22px}.heading-icon{padding:14px}.page-heading{margin-bottom:18px}}@media(max-width:390px){.content{padding-left:12px;padding-right:12px}.title-action .primary{max-width:120px}.resident-row{gap:8px;padding:13px 9px}.resident-row .badge{font-size:10px;padding:5px 7px}.resident-row .avatar{width:37px;height:37px;font-size:11px}.resident-row b{font-size:13px}.detail-grid,.vital-grid{gap:7px}.info{padding:11px}.info strong{font-size:14px}}.med-entry{margin-bottom:10px}.med-entry .med-item{width:100%}.med-stop{display:block;margin:3px 5px 0 auto;padding:5px 10px;border:0;background:transparent;color:#8b6640;font-size:12px;text-decoration:underline}.login-center-brand{display:flex;flex-direction:column;align-items:center;gap:9px;margin:0 0 25px;color:#5a823f;font-size:13px;text-align:center}.login-center-brand img{display:block;width:min(54vw,190px);height:min(54vw,190px);object-fit:contain;border-radius:50%}.center-brandmark{width:40px;height:40px;object-fit:contain;border-radius:50%;flex:none}.center-logo-thumb{width:46px;height:46px;object-fit:contain;border-radius:50%}@media(max-width:800px){.mobile-brand .center-brandmark{width:29px;height:29px}}.visit-list{display:grid;gap:14px}.visit-card{background:#fffefa;border:1px solid #e9e3d7;border-radius:18px;padding:18px}.visit-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #eee9dc}.visit-card-head b,.visit-card-head strong{display:block}.visit-card-head b{color:#507731;font-size:13px}.visit-card-head strong{font-size:17px}.visit-card p{font-size:13px;line-height:1.65;margin:12px 0 0;white-space:pre-wrap}.visit-card p b{display:block;color:#858071;font-weight:500}.visit-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:9px;margin-top:16px}.visit-docs a{border:1px solid #e8e2d5;border-radius:12px;padding:7px;text-decoration:none;color:#536f3d;min-width:0;background:#faf9f2}.visit-docs img,.visit-doc-icon{height:86px;width:100%;object-fit:cover;border-radius:8px;display:grid;place-items:center;background:#ecf2e4}.visit-docs small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.visit-add-file{display:flex;align-items:center;gap:6px;color:#477125;background:transparent;border:0;margin-top:14px;padding:4px 0;font-size:12px;font-weight:600}.visit-upload{display:grid;gap:9px;color:#726f64;font-size:12px;font-weight:600}.visit-upload>div{display:flex;gap:8px;flex-wrap:wrap}.visit-upload label{position:relative;cursor:pointer;font-size:12px}.visit-upload input[type=file]{position:absolute;opacity:0;width:1px;height:1px}.visit-upload ul{list-style:none;padding:0;margin:0;display:grid;gap:5px}.visit-upload li{display:flex;justify-content:space-between;align-items:center;gap:7px;background:#fffefa;border:1px solid #ebe5d8;border-radius:9px;padding:7px 10px;min-width:0}.visit-upload li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visit-upload li button{border:0;background:none;color:#8b8576;flex:none}.visit-message{background:#eef3e9;color:#426b27;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.5}