@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=Caveat:wght@500;600;700&display=swap";:root{--teal-50: #ecf7f3;--teal-100: #cfeae1;--teal-200: #a6d8c9;--teal-300: #7cc6b1;--teal-400: #4fb39b;--teal-500: #3e9a85;--teal-600: #2f8e78;--teal-700: #1f6e5b;--forest-400: #1a7e60;--forest-500: #116e53;--forest-600: #0c5a44;--forest-700: #084031;--red-300: #e06b6f;--red-400: #c0272d;--red-500: #a51f24;--red-600: #841a1e;--coffee-surface: #e2b78a;--coffee-mid: #a15c25;--coffee-deep: #6e4423;--tea-intense: #116e53;--tea-fruit: #aa9b34;--tea-light: #4fb39b;--matcha: #4ab857;--signal-red: #c0272d;--signal-orange: #ee5823;--signal-gold: #b8992f;--signal-mint: #4fb39b;--honey-100: #f7e7ad;--honey-200: #f0d77e;--white: #ffffff;--cream-50: #fcfbf2;--cream-100:#f6f1e3;--sand-200: #ece3d0;--sand-300: #ddd1b8;--taupe-400:#b9ae97;--stone-500:#8d8472;--stone-600:#6c6557;--ink-700: #3a4339;--ink-800: #28322b;--ink-900: #1a211d;--bg-page: var(--cream-50);--bg-page-warm: var(--coffee-surface);--bg-inverse: var(--forest-500);--surface-card: var(--white);--surface-sunken: var(--cream-100);--surface-raised: var(--white);--text-primary: var(--ink-900);--text-secondary: var(--stone-600);--text-muted: var(--stone-500);--text-on-brand: #ffffff;--text-on-dark: #f4efe2;--brand: var(--teal-400);--brand-hover: var(--teal-500);--brand-soft: var(--teal-50);--accent: var(--red-400);--accent-hover: var(--red-500);--border-subtle: #e7ddc9;--border-default: #d8ccb3;--border-strong: #b9ae97;--focus-ring: #4fb39b;--price: var(--red-400);--success: var(--matcha);--warning: var(--signal-gold);--danger: var(--signal-red)}:root{--font-display: "Oswald", "Arial Narrow", sans-serif;--font-body: "Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-script: "Caveat", "Segoe Script", cursive;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--text-5xl: 3.815rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.08;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .06em;--role-display-font: var(--font-display);--role-heading-font: var(--font-display);--role-body-font: var(--font-body)}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--radius-tab: 34px;--shadow-xs: 0 1px 2px rgba(60, 48, 28, .06);--shadow-sm: 0 2px 6px rgba(60, 48, 28, .08);--shadow-md: 0 6px 16px rgba(52, 42, 24, .1);--shadow-lg: 0 14px 32px rgba(40, 34, 20, .14);--shadow-card: 0 10px 24px rgba(52, 42, 24, .1);--shadow-brand: 0 8px 20px rgba(79, 179, 155, .32);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--container-app: 430px;--container-content: 1080px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ds-display,.ds-h1,.ds-h2,.ds-h3{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-primary);margin:0}.ds-display{font-size:var(--text-5xl)}.ds-h1{font-size:var(--text-3xl)}.ds-h2{font-size:var(--text-2xl)}.ds-h3{font-size:var(--text-xl);letter-spacing:var(--tracking-wide)}.ds-script{font-family:var(--font-script);font-weight:var(--weight-bold);letter-spacing:0;text-transform:none}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-hover)}::selection{background:var(--teal-100);color:var(--ink-900)}.g{display:grid;gap:var(--g, 14px);grid-template-columns:repeat(var(--c-base, 1),minmax(0,1fr))}@media(min-width:720px){.g{grid-template-columns:repeat(var(--c-sm, var(--c-base, 1)),minmax(0,1fr))}}@media(min-width:1100px){.g{grid-template-columns:repeat(var(--c-lg, var(--c-sm, 1)),minmax(0,1fr))}}.dt-wide{display:none}.dt-cards{display:flex;flex-direction:column;gap:10px;padding:4px 0 2px}@media(min-width:720px){.dt-wide{display:table}.dt-cards{display:none}}.dt-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--white);overflow:hidden}.dt-card-title{padding:10px 13px;font-weight:700;font-size:13.5px;color:var(--text-primary);background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle)}.dt-card-body{padding:4px 13px 8px}.dt-pair{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--border-subtle)}.dt-pair:last-child{border-bottom:none}.dt-k{font-size:12px;color:var(--text-muted);font-weight:600;flex:none}.dt-v{font-size:13.5px;color:var(--text-primary);font-weight:600;text-align:right;min-width:0}@media(max-width:860px){[style*="repeat(5,"],[style*="repeat(4,"],[style*="repeat(3,"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}table:not(.dt-wide){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}html,body,#root{max-width:100vw;overflow-x:hidden}}@media(max-width:560px){[style*="repeat(5,"],[style*="repeat(4,"],[style*="repeat(3,"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}[style*="repeat(2,"],[style*="fr 1fr"],[style*="1fr 1."],[style*="columns: 190px"]{grid-template-columns:minmax(0,1fr)!important}[style*="padding: 2px 9px"]{font-size:10px!important;padding:2px 6px!important}[style*="230px 1fr 150px 70px"]{grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important}[style*="230px 1fr 150px 70px"]>div:nth-child(2){display:none!important}}@media(max-width:720px){button,[role=button]{min-height:40px}.dt-card button{min-height:32px}}.dt-row{display:flex;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid var(--border-subtle)}.dt-row:last-child{border-bottom:none}.dt-row-title{font-size:13.5px;font-weight:600;color:var(--text-primary)}.dt-row-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}.dt-row-val{flex:none;font-size:13.5px;font-weight:700;color:var(--text-primary);text-align:right}.bnav{display:none}@media(max-width:720px){.bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--white);border-top:1px solid var(--border-default);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -4px 16px #2822140f}.bnav-b{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:7px 2px;border:none;background:none;cursor:pointer;font-family:var(--font-body);font-size:10.5px;font-weight:600;color:var(--text-muted)}.bnav-b.on{color:var(--brand);font-weight:700}main{padding-bottom:76px!important}}.st-app{min-height:100vh;background:var(--cream-50);font-family:var(--font-body);color:var(--ink-800);padding-bottom:calc(84px + env(safe-area-inset-bottom))}.st-top{position:sticky;top:0;z-index:20;background:var(--white);border-bottom:1px solid var(--sand-200);padding:calc(10px + env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;gap:12px}.st-top h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:19px;font-weight:600;color:var(--teal-700);margin:0;line-height:1.1}.st-top p{margin:2px 0 0;font-size:12.5px;color:var(--stone-600)}.st-avatar{width:38px;height:38px;border-radius:50%;flex:none;background:var(--teal-400);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;font-family:var(--font-display)}.st-main{padding:14px 16px 24px;max-width:720px;margin:0 auto}.st-weeks{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px}.st-week-chip{flex:none;border:1px solid var(--sand-300);background:var(--white);border-radius:var(--radius-pill);padding:8px 14px;font-size:13px;font-weight:600;color:var(--stone-600);cursor:pointer;white-space:nowrap}.st-week-chip[data-on="1"]{background:var(--teal-400);border-color:var(--teal-400);color:#fff}.st-summary{background:var(--white);border:1px solid var(--sand-200);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:14px;box-shadow:var(--shadow-xs)}.st-summary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.st-metric-label{font-size:11.5px;color:var(--stone-500);text-transform:uppercase;letter-spacing:.03em}.st-metric-value{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink-800);line-height:1.15}.st-metric-value small{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--stone-500)}.st-note{font-size:12.5px;color:var(--stone-600);margin-top:10px;line-height:1.45}.st-filter{display:flex;gap:8px;margin-bottom:14px}.st-filter button{flex:1;border:1px solid var(--sand-300);background:var(--white);border-radius:var(--radius-pill);padding:9px 10px;font-size:13px;font-weight:600;color:var(--stone-600);cursor:pointer}.st-filter button[data-on="1"]{background:var(--ink-800);border-color:var(--ink-800);color:#fff}.st-day{margin-bottom:16px}.st-day-head{display:flex;align-items:baseline;gap:8px;margin:0 2px 8px}.st-day-dow{font-family:var(--font-display);font-size:16px;font-weight:600;text-transform:uppercase;color:var(--ink-800)}.st-day-date{font-size:13px;color:var(--stone-500)}.st-day-today{margin-left:auto;font-size:11px;font-weight:700;color:var(--teal-700);background:var(--teal-50);border-radius:var(--radius-pill);padding:3px 9px}.st-slot{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--sand-200);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:8px}.st-slot[data-mine="1"]{border-color:var(--teal-300);background:var(--teal-50)}.st-slot[data-off="1"]{opacity:.55}.st-slot-code{width:44px;flex:none;text-align:center;font-family:var(--font-display);font-weight:600;font-size:17px;border-radius:var(--radius-sm);padding:6px 0;line-height:1}.st-slot-code[data-role=barista]{background:var(--teal-100);color:var(--teal-700)}.st-slot-code[data-role=server]{background:var(--honey-100);color:#7a6413}.st-slot-code small{display:block;font-family:var(--font-body);font-size:9.5px;font-weight:600;margin-top:2px}.st-slot-body{flex:1;min-width:0}.st-slot-time{font-size:15px;font-weight:600;color:var(--ink-800)}.st-slot-meta{font-size:12.5px;color:var(--stone-600);margin-top:2px}.st-slot-meta b{color:var(--teal-700);font-weight:600}.st-slot-warn{font-size:12px;color:var(--signal-orange);margin-top:2px}.st-slot-note{font-size:12px;color:var(--stone-500);margin-top:2px}.st-btn{flex:none;border:none;cursor:pointer;border-radius:var(--radius-pill);padding:9px 15px;font-size:13px;font-weight:700;font-family:var(--font-body)}.st-btn-take{background:var(--teal-400);color:#fff;box-shadow:var(--shadow-brand)}.st-btn-drop{background:var(--white);color:var(--red-400);border:1px solid var(--red-300)}.st-btn-off{background:var(--sand-200);color:var(--stone-600)}.st-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.st-banner{border-radius:var(--radius-md);padding:11px 14px;margin-bottom:14px;font-size:13px;line-height:1.45}.st-banner[data-tone=open]{background:var(--teal-50);color:var(--teal-700)}.st-banner[data-tone=locked]{background:#fdf3e3;color:#8a5a12}.st-banner[data-tone=done]{background:var(--cream-100);color:var(--stone-600)}.st-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--white);border-top:1px solid var(--sand-200);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom)}.st-nav button{border:none;background:none;cursor:pointer;padding:11px 0 13px;font-size:11.5px;font-weight:600;color:var(--stone-500);display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-body)}.st-nav button[data-on="1"]{color:var(--teal-600)}.st-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--cream-50);font-family:var(--font-body)}.st-login-card{width:100%;max-width:380px;background:var(--white);border:1px solid var(--sand-200);border-radius:var(--radius-lg);padding:30px 24px;text-align:center;box-shadow:var(--shadow-card)}.st-login-card h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:25px;color:var(--teal-600);margin:0 0 6px}.st-login-card p{font-size:14px;color:var(--stone-600);margin:0 0 22px;line-height:1.5}.st-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px;border-radius:var(--radius-pill);cursor:pointer;border:1px solid var(--sand-300);background:var(--white);font-size:15px;font-weight:600;color:var(--ink-800);font-family:var(--font-body)}.st-google:hover{background:var(--cream-50)}.st-msg{font-size:13.5px;line-height:1.5;color:var(--stone-600)}.st-err{background:#fdecec;color:var(--red-500);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;margin-bottom:12px;line-height:1.45}.st-empty{text-align:center;color:var(--stone-500);font-size:13.5px;padding:30px 10px}.st-link{background:none;border:none;color:var(--teal-600);font-size:13px;font-weight:600;cursor:pointer;padding:0;font-family:var(--font-body)}@media(min-width:720px){.st-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.st-slot-code{width:52px}}.st-viewtabs{display:flex;gap:6px;margin-bottom:12px}.st-viewtabs button{flex:1;border:1px solid var(--sand-300);background:var(--white);border-radius:var(--radius-pill);padding:8px 10px;font-size:12.5px;font-weight:600;color:var(--stone-600);cursor:pointer;font-family:var(--font-body)}.st-viewtabs button[data-on="1"]{background:var(--teal-400);border-color:var(--teal-400);color:#fff}.st-grid{display:grid;grid-template-columns:30px repeat(7,minmax(0,1fr));gap:3px;background:var(--white);border:1px solid var(--sand-200);border-radius:var(--radius-md);padding:8px 7px 10px;margin-bottom:12px}.st-grid-head{text-align:center;font-size:10.5px;line-height:1.25;color:var(--stone-600);padding-bottom:4px;font-weight:600}.st-grid-head b{display:block;font-size:11.5px;color:var(--ink-800)}.st-grid-head[data-today="1"] b{color:var(--teal-600)}.st-grid-row-label{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:12.5px;font-weight:600;border-radius:var(--radius-xs)}.st-grid-row-label[data-role=barista]{background:var(--teal-100);color:var(--teal-700)}.st-grid-row-label[data-role=server]{background:var(--honey-100);color:#7a6413}.st-cell{min-height:50px;border-radius:var(--radius-xs);border:1px solid var(--sand-200);background:var(--cream-50);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-weight:700;color:var(--stone-500);cursor:pointer;padding:4px 1px;font-family:var(--font-body);line-height:1.15}.st-cell-t{font-size:clamp(9px,2.5vw,12px);letter-spacing:-.02em}.st-cell-tag{font-size:clamp(7.5px,2vw,10px);font-weight:600;opacity:.85;margin-top:1px}.st-cell[data-state=none]{background:transparent;border-color:transparent;cursor:default}.st-cell[data-state=free]{background:var(--white);border-color:var(--teal-300);color:var(--teal-700)}.st-cell[data-state=mine]{background:var(--teal-400);border-color:var(--teal-400);color:#fff}.st-cell[data-state=full]{background:var(--sand-200);border-color:var(--sand-200);color:var(--stone-500)}.st-cell[data-state=block]{background:var(--cream-100);border-color:var(--cream-100);color:var(--taupe-400)}.st-cell[data-sel="1"]{outline:2px solid var(--ink-800);outline-offset:1px}.st-legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;font-size:11.5px;color:var(--stone-600);margin-bottom:14px}.st-legend span{display:inline-flex;align-items:center;gap:4px}.st-legend i{width:11px;height:11px;border-radius:3px;display:inline-block;border:1px solid var(--sand-300)}.st-hours{display:flex;flex-wrap:wrap;gap:5px 8px;justify-content:center;font-size:11.5px;color:var(--stone-600);margin:-6px 0 16px}.st-hours span{display:inline-flex;align-items:center;gap:4px}.st-hours b{font-family:var(--font-display);font-size:11.5px;font-weight:600;border-radius:4px;padding:1px 5px}.st-hours b[data-role=barista]{background:var(--teal-100);color:var(--teal-700)}.st-hours b[data-role=server]{background:var(--honey-100);color:#7a6413}.st-camera{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--cream-50);padding:calc(14px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;overflow-y:auto}.st-camera-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;color:var(--ink-800)}.st-camera-video{width:100%;max-width:420px;margin:0 auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-lg);background:var(--ink-900);transform:scaleX(-1);display:block}img.st-camera-video{transform:none}.st-camera-msg{text-align:center;font-size:13px;color:var(--stone-600);margin:12px 0;line-height:1.5}.st-camera-btn{flex:1;padding:13px;font-size:15px}.st-app input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;max-width:100%;min-height:47px;text-align:left;background:var(--white);color:var(--ink-800)}.st-app input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}.st-rc-filter{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px}.st-rc-filter button{flex:none;border:1px solid var(--sand-300);background:var(--white);border-radius:var(--radius-pill);padding:9px 15px;font-size:13.5px;font-weight:600;color:var(--stone-600);cursor:pointer;white-space:nowrap;font-family:var(--font-body)}.st-rc-filter button[data-on="1"]{background:var(--ink-800);border-color:var(--ink-800);color:#fff}.st-rc-group{font-size:12px;font-weight:700;color:var(--stone-500);text-transform:uppercase;letter-spacing:.06em;margin:0 2px 8px}.st-rc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.st-rc-card{min-height:92px;border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--sand-200);background:var(--white);font-family:var(--font-display);font-size:clamp(14px,4vw,18px);font-weight:600;line-height:1.18;color:var(--ink-800);padding:13px 12px;display:flex;align-items:center;text-align:left;box-shadow:var(--shadow-xs);-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word}.st-rc-card:active{transform:scale(.985)}.st-rc-card[data-g="Cà phê"]{border-left:5px solid var(--coffee-deep)}.st-rc-card[data-g="Trà sữa đậm vị"]{border-left:5px solid var(--tea-intense)}.st-rc-card[data-g="Trà trái cây"]{border-left:5px solid var(--tea-fruit)}.st-rc-card[data-g="Trà sữa đặc sản thanh vị"]{border-left:5px solid var(--tea-light)}.st-rc-card[data-g=Matcha]{border-left:5px solid var(--matcha)}.st-rc-detail{padding-bottom:10px}.st-rc-back{display:inline-flex;align-items:center;gap:6px;border:none;background:none;color:var(--teal-600);font-size:15px;font-weight:700;cursor:pointer;padding:6px 0 12px;font-family:var(--font-body)}.st-rc-title{font-family:var(--font-display);font-size:clamp(24px,7vw,32px);font-weight:600;color:var(--ink-900);margin:0;line-height:1.1}.st-rc-sub{font-size:13px;color:var(--stone-500);margin:4px 0 16px}.st-rc-table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;font-size:15px}.st-rc-table td:first-child,.st-rc-table th:first-child{overflow-wrap:break-word}.st-rc-table th{text-align:left;font-size:11.5px;font-weight:700;color:var(--stone-500);text-transform:uppercase;letter-spacing:.04em;padding:0 0 7px;border-bottom:1.5px solid var(--sand-300)}.st-rc-table td{padding:11px 0;border-bottom:1px solid var(--sand-200)}.st-rc-table .num{text-align:right;font-weight:700;width:46px;font-variant-numeric:tabular-nums}.st-rc-table .unit{text-align:right;width:42px;color:var(--stone-500);font-size:12.5px;padding-left:6px}.st-rc-h{font-size:12px;font-weight:700;color:var(--stone-500);text-transform:uppercase;letter-spacing:.06em;margin:22px 0 8px}.st-rc-steps{margin:0;padding-left:22px;font-size:15px;line-height:1.6}.st-rc-steps li{margin-bottom:9px}.st-rc-note{background:#fdf3e3;border-radius:var(--radius-md);padding:12px 14px;margin-top:16px;font-size:13.5px;line-height:1.55;color:#8a5a12}.st-rc-note div+div{margin-top:6px}.st-rc-foot{font-size:12.5px;color:var(--stone-500);margin-top:14px;line-height:1.5}@media(min-width:600px){.st-rc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}