@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cd79e1ff94fa521b-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/89362aa296165c6d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e11f95d95ac59fa4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/00f4982f357db61e-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/62a3c74fa0e47362-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8201559e247ad180-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2173e4bb28c315da-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c6f81e539d11fc99-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25ab8995c98996d7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro Fallback;src:local("Arial");ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.00%;size-adjust:110.36%}.__className_a9b986{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}:root{--paper:#f5f7f8;--card:#ffffff;--ink:#16212b;--muted:#6c7c89;--line:#dfe6ea;--accent:#1d5c4a;--accent-soft:#eaf2ef;--accent-line:#b7d2c7;--warn:#8a3b12;--warn-line:#e8cdbd;--on-accent:#ffffff;--radius:6px;--shadow:0 1px 2px rgba(22,33,43,0.06);--shadow-lift:0 6px 20px rgba(22,33,43,0.1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}.shell{max-width:1040px;margin:0 auto;padding:32px 20px 72px}.demobar{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius);color:var(--accent);font-size:13px;padding:9px 14px;margin-bottom:20px}.masthead{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.masthead h1{margin:0;font-size:26px;font-weight:600;letter-spacing:-.015em}.masthead p{margin:4px 0 0;color:var(--muted);font-size:14px}.identity{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.identity strong{color:var(--ink);font-weight:500}.linkish{border:0;background:none;padding:0;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.weekbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 14px}.weekbar span{font-size:14px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.weekbar div{display:flex;gap:8px}.step{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--radius);padding:6px 14px;font-size:14px}.step:hover:not(:disabled){border-color:var(--accent-line)}.step:disabled{color:var(--muted);opacity:.5;cursor:not-allowed}.step[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.week{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));grid-gap:10px;gap:10px}.day{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 10px;min-height:190px}.day.today{border-color:var(--accent-line)}.day.off{background:var(--paper);box-shadow:none;opacity:.65}.day header{display:flex;align-items:baseline;gap:6px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line)}.day header b{font-weight:600;font-size:14px}.day header em{font-style:normal;font-size:13px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.day.today header em:after{content:" · hôm nay"}.times{display:flex;flex-direction:column;gap:6px}.slot{width:100%;border:1px solid var(--accent-line);background:var(--card);color:var(--accent);border-radius:var(--radius);padding:7px 0;font-size:14px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:background-color .12s ease}.slot:hover{background:var(--accent-soft)}.slot[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.linkish:focus-visible,.slot:focus-visible,.step:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vacant{color:var(--muted);font-size:13px}.monthgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px}.mhead{font-size:12px;color:var(--muted);text-align:center;padding-bottom:2px}.mcell{min-height:64px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:6px 8px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.mcell b{font-weight:600;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mcell span{font-size:12px;color:var(--muted)}.mcell.today{border-color:var(--accent-line)}.mcell.off{border-color:transparent;background:transparent}.mcell.dim{background:var(--paper);opacity:.75}button.mcell.has{border-color:var(--accent-line);transition:background-color .12s ease}button.mcell.has span{color:var(--accent);font-weight:500}.mfree{display:inline-flex;align-items:center;gap:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button.mcell.has:hover{background:var(--accent-soft)}.notice{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;text-align:center;color:var(--muted)}.notice.bad{border-color:var(--warn-line);color:var(--warn)}.confirm{position:-webkit-sticky;position:sticky;bottom:16px;margin-top:20px;background:var(--card);border:1px solid var(--accent-line);border-radius:var(--radius);box-shadow:var(--shadow-lift);padding:18px}.confirm h2{margin:0 0 14px;font-size:17px;font-weight:600}.field{margin-bottom:12px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;background:var(--paper)}.field textarea{resize:vertical;min-height:64px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.primary{background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);border-radius:var(--radius);padding:9px 20px;font-weight:500}.primary:disabled{opacity:.55;cursor:not-allowed}.error{color:var(--warn);font-size:14px;margin:10px 0 0}.done{background:var(--card);border:1px solid var(--accent-line);border-radius:var(--radius);padding:28px;margin-top:24px}.done h2{margin:0 0 8px;font-size:20px;font-weight:600}.done p{margin:0 0 6px;color:var(--muted)}.done a{color:var(--accent)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-top:16px}.panel h2{margin:0 0 14px;font-size:15px;font-weight:600}.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.withunit{display:flex;align-items:center;gap:8px}.withunit input{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;background:var(--paper);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.withunit span{white-space:nowrap}.hint,.withunit span{color:var(--muted);font-size:13px}.hint{margin:12px 0 0}.dayrow{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.dayrow:first-of-type{border-top:0}.dayname{flex:0 0 130px;display:flex;flex-direction:column;gap:2px;padding-top:7px}.dayname b{font-weight:500;font-size:14px}.dayname em{font-style:normal;font-size:12px;color:var(--muted)}.windows{flex-wrap:wrap;gap:8px}.window,.windows{display:flex;align-items:center}.window{gap:6px;border:1px solid var(--line);border-radius:var(--radius);padding:5px 9px;background:var(--paper)}.window input{border:0;background:none;padding:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:14px}.window span{color:var(--muted)}.addwindow{border:1px dashed var(--accent-line);background:none;color:var(--accent);border-radius:var(--radius);padding:7px 12px;font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip{display:inline-flex;gap:8px;background:var(--accent-soft);color:var(--accent);padding:5px 10px;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chip,.savebar{align-items:center;border:1px solid var(--accent-line);border-radius:var(--radius)}.savebar{position:-webkit-sticky;position:sticky;bottom:16px;display:flex;gap:14px;flex-wrap:wrap;background:var(--card);box-shadow:var(--shadow-lift);padding:14px 18px;margin-top:20px}.savebar .ok{color:var(--accent);font-size:14px}.savebar .error{margin:0}.demobar a{color:var(--accent)}@media (max-width:760px){.shell{padding:24px 14px 64px}.week{grid-template-columns:1fr;gap:8px}.day{min-height:0}.monthgrid{gap:4px}.mcell{min-height:52px;padding:4px 6px}.times{flex-direction:row;flex-wrap:wrap}.slot{width:auto;flex:0 0 auto;padding:7px 14px}.dayname{flex-basis:100%;padding-top:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}