:root{--nen: #F5F1EA;--the: #FFFDF9;--vien: #E6DFD3;--vien-dam: #D9D0C3;--mo: #EFE9DF;--chu: #1F1B16;--chu-phu: #5E554A;--chu-vua: #3B342C;--chinh: #2F5D50;--chinh-dam: #1E4238;--chinh-nhat: #DCE7E1;--chinh-nhat2: #E6F0EA;--cam: #B5552B;--cam-nhat: #F8E1D6;--cam-dam: #6E2E12;--hoa: #3E6E94;--tron: 20px;--bong: 0 6px 18px rgba(31, 27, 22, .22);--chu-than: "Be Vietnam Pro", system-ui, sans-serif;--chu-so: "Fraunces", Georgia, serif;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--nen);color:var(--chu);font-family:var(--chu-than);font-size:15px}body{overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--chinh)}.app{min-height:100dvh;display:flex;flex-direction:column;max-width:560px;margin:0 auto}.noi-dung{flex:1;padding:calc(env(safe-area-inset-top) + 20px) 20px 110px;display:flex;flex-direction:column;gap:16px}.dau{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.dau .phu{font-size:13px;color:var(--chu-phu);font-weight:500}h1{margin:0;font-size:27px;font-weight:700;letter-spacing:-.4px}h2{margin:0;font-size:17px;font-weight:700}.so{font-family:var(--chu-so);font-weight:700}.the{background:var(--the);border:1px solid var(--vien);border-radius:var(--tron);padding:18px;display:flex;flex-direction:column;gap:12px}.the.chat{padding:14px;gap:8px}.hang{display:flex;gap:10px;align-items:center}.giua{justify-content:space-between}.nho{font-size:12px;color:var(--chu-phu)}.vua{font-size:13px}.dam{font-weight:700}.luoi2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.luoi3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nut{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--vien-dam);background:var(--the);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.nut.chinh{background:var(--chinh);color:#fff;border-color:var(--chinh)}.nut.nguy{color:var(--cam-dam);border-color:var(--cam);background:var(--the)}.nut.nho-gon{min-height:36px;padding:0 12px;font-size:13px;border-radius:10px}.nut:disabled{opacity:.5}.nut-tron{width:44px;height:44px;border-radius:12px;border:1px solid var(--vien);background:var(--the);display:inline-flex;align-items:center;justify-content:center}.fab{position:fixed;right:max(20px,calc(50vw - 260px));bottom:calc(env(safe-area-inset-bottom) + 90px);height:52px;padding:0 20px;border-radius:999px;border:none;background:var(--chinh);color:#fff;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;box-shadow:var(--bong);z-index:5}label.truong{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--chu-vua)}.o-nhap{height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--vien-dam);background:#fff;font-size:16px;width:100%}textarea.o-nhap{height:auto;min-height:72px;padding:10px 12px;resize:vertical}.chon-doan{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:12px;background:var(--mo)}.chon-doan button{min-height:38px;border:none;border-radius:9px;background:transparent;color:var(--chu-phu);font-weight:600;font-size:14px}.chon-doan button[aria-pressed=true]{background:var(--the);color:var(--chu);box-shadow:0 1px 3px #1f1b161f}.thanh{height:6px;border-radius:3px;background:var(--mo);overflow:hidden}.thanh>div{height:100%;border-radius:3px}.chip{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.canh-bao{display:flex;gap:10px;padding:12px 14px;border-radius:14px;background:var(--cam-nhat);color:var(--cam-dam);font-size:13px;line-height:1.45}.ghi-chu-vang{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#f6e3c4;color:#5a3a0e}.xanh{padding:10px 12px;border-radius:12px;background:var(--chinh-nhat2);color:var(--chinh-dam);font-size:13px;line-height:1.45}.dieu-huong{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--the);border-top:1px solid var(--vien);padding-bottom:env(safe-area-inset-bottom)}.dieu-huong>div{max-width:560px;margin:0 auto;height:72px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.dieu-huong button{border:none;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--chu-phu);font-size:11px;font-weight:500}.dieu-huong button span{display:flex;padding:4px 14px;border-radius:999px}.dieu-huong button[aria-current=page]{color:var(--chinh-dam);font-weight:700}.dieu-huong button[aria-current=page] span{background:var(--chinh-nhat)}.man-mo{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1b1666;z-index:20;display:flex;align-items:flex-end;justify-content:center}.tam{background:var(--nen);width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;border-radius:22px 22px 0 0;padding:18px 20px calc(env(safe-area-inset-bottom) + 20px);display:flex;flex-direction:column;gap:14px}.tam .keo{width:40px;height:5px;border-radius:3px;background:var(--vien-dam);align-self:center}.dong-lich{display:flex;gap:10px;align-items:center}.dong-lich .gio{width:42px;flex-shrink:0;font-size:12px;font-weight:600;color:var(--chu-phu);font-variant-numeric:tabular-nums}.dong-lich .o{flex:1;display:flex;align-items:center;gap:8px;min-height:46px;padding:6px 12px;border-radius:12px;border:1px solid transparent;text-align:left}.dong-lich .o.bo{opacity:.55;text-decoration:line-through}.dong-lich .o.xong .td:after{content:" ✓"}.td{font-size:14px;font-weight:600}.mt{font-size:12px}.luoi-tuan{background:var(--the);border:1px solid var(--vien);border-radius:16px;padding:8px 6px 8px 0}.cot-tuan{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.dau-cot{display:flex;flex-direction:column;align-items:center;padding:4px 0;border-radius:10px}.dau-cot.hom-nay{background:var(--chinh);color:#fff}.cot{position:relative;border-radius:6px;background:repeating-linear-gradient(to bottom,var(--mo) 0 1px,transparent 1px var(--h2))}.cot.hom-nay{box-shadow:inset 0 0 0 1.5px var(--chinh)}.khoi{position:absolute;left:1px;right:1px;border-radius:5px;padding:2px 3px;overflow:hidden;font-size:9.5px;font-weight:600;line-height:1.15;border:none;text-align:left}.gach{background:repeating-linear-gradient(135deg,#ece7df 0,#ece7df 5px,#e2dbd0 5px,#e2dbd0 10px)!important;border:1px dashed #BDB3A5!important}.the-bua{display:flex;gap:12px;padding:12px;border-radius:16px;background:var(--the);border:1px solid var(--vien)}.anh-bua{width:76px;height:76px;flex-shrink:0;border-radius:12px;object-fit:cover;background:repeating-linear-gradient(135deg,#e9d3b0 0,#e9d3b0 8px,#f1e2c9 8px,#f1e2c9 10px);display:flex;align-items:center;justify-content:center;color:#6b4410}.dai-ngay{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.dai-ngay button{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--vien);background:var(--the)}.dai-ngay button[aria-pressed=true]{background:var(--chinh);color:#fff;border-color:var(--chinh)}.bang{width:100%;border-collapse:collapse;font-size:13px}.bang td,.bang th{padding:6px 4px;border-bottom:1px solid var(--mo);text-align:left}.bang input{width:58px;height:36px;padding:0 6px;border-radius:8px;border:1px solid var(--vien-dam);font-size:15px;text-align:center}.dang-nhap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 160px);background:var(--chu);color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;z-index:30}