@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-thai-thai-400-normal.2nhs9u37nvh0c.woff2)format("woff2"),url(../media/noto-sans-thai-thai-400-normal.1uef6qzu-h9-f.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-thai-latin-ext-400-normal.01045hgjk87y-.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-400-normal.0zcmqmf6gcdvf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-thai-latin-400-normal.0_th4x49jaylx.woff2)format("woff2"),url(../media/noto-sans-thai-latin-400-normal.3_acfcxetr8k8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-sans-thai-thai-500-normal.0vbnyguv17i8_.woff2)format("woff2"),url(../media/noto-sans-thai-thai-500-normal.253jw1byrvdtx.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-sans-thai-latin-ext-500-normal.3cnj_34rjb9cw.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-500-normal.3lp_am4fwruj0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-sans-thai-latin-500-normal.1hynkhoogyf-2.woff2)format("woff2"),url(../media/noto-sans-thai-latin-500-normal.2vkvl_jt79jc7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-thai-thai-600-normal.2avcg0uvmoskm.woff2)format("woff2"),url(../media/noto-sans-thai-thai-600-normal.04br39aa264-4.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-thai-latin-ext-600-normal.0i0k3qkwafedz.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-600-normal.05_n269gnsupy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-thai-latin-600-normal.1slfrr65mjbo9.woff2)format("woff2"),url(../media/noto-sans-thai-latin-600-normal.3_05ji7mij_ha.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-sans-thai-thai-700-normal.3attmhsgcobwi.woff2)format("woff2"),url(../media/noto-sans-thai-thai-700-normal.1qx8g7jy5ld5d.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-sans-thai-latin-ext-700-normal.2wrsv--w8qrzj.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-700-normal.0ty9oc_uafoqc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-sans-thai-latin-700-normal.0buxuhseeu_-3.woff2)format("woff2"),url(../media/noto-sans-thai-latin-700-normal.1a3btrjv4yi6f.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:800;src:url(../media/noto-sans-thai-thai-800-normal.15tmd1-tsq-bu.woff2)format("woff2"),url(../media/noto-sans-thai-thai-800-normal.2kxytfreohjbz.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:800;src:url(../media/noto-sans-thai-latin-ext-800-normal.2_iyniqb7heti.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-800-normal.2v3z2rlk-4oa1.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:800;src:url(../media/noto-sans-thai-latin-800-normal.0lx7kosj7f4ls.woff2)format("woff2"),url(../media/noto-sans-thai-latin-800-normal.3d8gflca6-tdn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#22241f;--paper:#faf9f6;--white:#fff;--mint:#c5efd8;--green:#23744f;--lavender:#dcd5f4;--yellow:#f9e69b;--pink:#f5c8c5;--muted:#65695e;--line:#d8d9d0;--border:2px solid var(--ink);--shadow:4px 4px 0 var(--ink);--small-shadow:2px 2px 0 var(--ink)}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans Thai,sans-serif;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit;color:inherit}button,a,input{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.45}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #7450c8}h1{letter-spacing:-1px;font-size:34px;font-weight:800}h2{font-size:20px;font-weight:700}h3{font-size:15px;font-weight:700}svg{vertical-align:middle;flex-shrink:0}button:disabled{opacity:.5}button:disabled:hover{transform:none}button{background:0 0}input{border:var(--border);background:#fff;border-radius:5px;width:100%;min-width:0;min-height:47px;padding:11px 13px}input::placeholder{color:#74786e}label{flex-direction:column;gap:7px;font-weight:600;display:flex}small{font-size:12px}strong{font-weight:700}button,a{transition:background-color .15s,transform .15s,box-shadow .15s}.button{border:var(--border);background:var(--white);min-height:45px;box-shadow:var(--small-shadow);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:9px 17px;font-weight:700;line-height:1.5;display:inline-flex}.button:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);background:#f0f0e9;transform:translate(-1px,-1px)}.button:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.button.primary{background:var(--mint)}.button.primary:hover:not(:disabled){background:#a9e8c5}.button.danger{background:var(--pink)}.button.small{min-height:35px;box-shadow:none;padding:6px 12px;font-size:12px}.icon-button{border:1.5px solid var(--ink);background:var(--white);border-radius:4px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--yellow)}.text-button{text-underline-offset:4px;border:0;justify-content:center;align-items:center;gap:7px;padding:4px 0;font-size:12px;font-weight:600;text-decoration:underline;display:inline-flex}.outline-tag{border:1.5px solid var(--ink);white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;font-weight:600;display:inline-flex}.heading-dot{color:var(--green)}.muted{color:var(--muted)}.live-dot{background:var(--green);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.mint{background:var(--mint)}.lavender{background:var(--lavender)}.yellow{background:var(--yellow)}.tabular{font-variant-numeric:tabular-nums}.app-layout{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:var(--border);z-index:10;background:#e5f0e8;flex-direction:column;height:100dvh;padding:33px 22px 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.6px;align-items:center;gap:11px;font-size:22px;font-weight:800;line-height:1.13;display:flex}.brand-symbol{background:var(--mint);border:var(--border);width:44px;height:49px;box-shadow:3px 3px 0 var(--ink);border-radius:5px;justify-content:center;align-items:center;display:flex;transform:rotate(-4deg)}.brand-line{display:block}.brand-dot{color:var(--green)}.department-label{color:#535e53;margin:22px 0 32px;font-size:11px;line-height:1.9}.sidebar nav{flex-direction:column;gap:10px;display:flex}.nav-link{white-space:nowrap;border:2px solid #0000;border-radius:5px;align-items:center;gap:11px;min-height:47px;padding:11px 10px;font-size:13px;font-weight:600;display:flex}.nav-link:hover{background:#d1e2d3}.nav-link.active{background:var(--mint);border:var(--border);box-shadow:var(--small-shadow)}.nav-arrow{margin-left:auto}.admin-link{margin-top:15px}.sidebar-note{margin-top:auto;padding:25px 0 27px;font-size:15px;position:relative}.sidebar-note p{margin-top:8px;line-height:1.75}.tiny-plus{color:#597660;font-size:40px;font-weight:500;line-height:1;display:block}.note-rule{background:var(--ink);width:47px;height:3px;margin-top:16px;display:block}.sidebar-bottom{border-top:1.5px solid #aebfaf;align-items:center;gap:5px;padding-top:20px;display:flex}.user-link{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.avatar{border:var(--border);background:var(--lavender);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.user-link>span:last-child{min-width:0}.user-link strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.user-link small{color:var(--muted);font-size:10px;display:block}.logout{background:0 0;border:0;width:25px;min-width:25px}.workspace{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1.5px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:63px;padding:0 39px;font-size:11px;display:flex}.topbar>span{color:var(--muted)}.profile-link{align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.demo-banner{color:#695415;background:#fcf0c6;border-bottom:1px solid #dfcc87;padding:6px 39px;font-size:10px}.workspace main{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:35px 39px 34px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-heading p{color:var(--muted);margin-top:8px;font-size:13px}.page-stamp{border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);text-align:center;flex-shrink:0;padding:9px 14px;line-height:1.2;transform:rotate(7deg)}.page-stamp>span{letter-spacing:1px;font-size:9px;font-weight:700;display:block}.page-stamp>strong{letter-spacing:-1px;font-family:Noto Sans Thai,sans-serif;font-size:24px;font-weight:800;line-height:1.4}.page-stamp>span:last-child{letter-spacing:.5px;justify-content:center;align-items:center;gap:5px;font-size:6px;display:flex}.mobile-break{display:none}.overview-strip{border:var(--border);box-shadow:var(--small-shadow);background:#fff;border-radius:7px;grid-template-columns:repeat(3,1fr) auto;align-items:center;margin-bottom:34px;padding:18px 0;display:grid}.overview-strip>div{border-right:1px solid var(--line);align-items:center;gap:12px;padding:0 21px;display:flex}.stat-icon{border:1.5px solid var(--ink);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.overview-strip>div>span:last-child{color:var(--muted);white-space:nowrap;font-size:11px}.overview-strip strong{color:var(--ink);margin-top:3px;font-size:24px;font-weight:800;line-height:1.35;display:block}.overview-strip strong small{font-size:11px;font-weight:500}.overview-strip>a{text-underline-offset:5px;align-items:center;gap:8px;padding:0 20px;font-size:11px;font-weight:600;text-decoration:underline;display:flex}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;display:flex}.section-heading h2{font-size:21px}.section-heading>span{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.panel{border:var(--border);box-shadow:var(--shadow);background:#fff;border-radius:7px;overflow:hidden}.booking-layout{grid-template-columns:minmax(0,1fr) 278px;align-items:start;gap:25px;display:grid}.calendar-heading{background:var(--lavender);border-bottom:var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.calendar-heading>div:first-child{align-items:center;gap:12px;display:flex}.calendar-heading h2{font-size:21px}.calendar-icon{display:flex}.month-controls{gap:7px;display:flex}.month-controls .icon-button{background:#f4f0ff;width:30px;min-width:30px;height:30px}.calendar-subline{justify-content:space-between;align-items:center;padding:13px 20px 10px;font-size:10px;display:flex}.calendar-subline>span:first-child{color:var(--green);align-items:center;gap:3px;font-weight:600;display:flex}.calendar-subline>span:last-child{color:var(--muted)}.calendar-subline strong{color:var(--ink)}.calendar-grid{padding:0 17px 14px}.weekday-row{grid-template-columns:repeat(7,minmax(0,1fr));padding:9px 0 10px;display:grid}.weekday-row span{text-align:center;color:var(--muted);font-size:11px;font-weight:600}.weekday-row span.weekend{color:#9a4d45}.day-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.day-cell,.day-blank{min-width:0;min-height:80px}.day-cell{background:var(--white);text-align:left;border:1.5px solid #d1d5cb;border-radius:5px;flex-direction:column;padding:6px 8px;line-height:1.3;display:flex;position:relative}.day-cell:hover:not(:disabled){border-color:var(--ink);background:#edf8f0;transform:translateY(-2px)}.day-cell.full{background:#fff5d5;border-color:#d9c47e}.day-cell.selected{background:var(--mint);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);padding:5.5px 7.5px}.day-cell.selected:hover:not(:disabled){background:var(--mint)}.day-number{justify-content:space-between;align-items:center;gap:2px;width:100%;font-size:16px;font-weight:700;display:flex}.date-check{background:var(--ink);color:#fff;border-radius:50%;padding:2px;display:inline-flex}.day-detail{white-space:nowrap;margin-top:auto;padding-top:7px;font-size:10px;font-weight:600}.day-detail>span{color:var(--muted);font-weight:400}.capacity-dots{gap:3px;margin-top:4px;display:flex}.capacity-dots i{background:#e6e9e1;border-radius:2px;flex:1;height:3px}.capacity-dots i.filled{background:#77ad8a}.full .capacity-dots i.filled{background:#c6a852}.day-cell:disabled{opacity:1;color:#92988b;background:#f0f1ed;border-color:#e3e5dd}.day-cell:disabled .capacity-dots{opacity:.45}.day-cell.mine:disabled{color:#315e42;background:#e6f3ec;border-color:#accbb7}.day-cell.holiday:disabled{color:#8a514b;background:#f9e8e6}.calendar-legend{color:var(--muted);flex-wrap:wrap;justify-content:flex-start;gap:10px 15px;padding:0 19px 16px;font-size:9px;display:flex}.calendar-legend>span{align-items:center;gap:5px;display:flex}.legend-dot{border:1px solid #b5bcad;border-radius:2px;width:8px;height:8px}.legend-dot.free{background:#fff}.legend-dot.waiting{background:var(--yellow)}.legend-dot.picked{background:var(--mint);border-color:var(--ink)}.legend-dot.blocked{background:#e5e8df}.calendar-foot{border-top:1px solid var(--line);color:var(--muted);background:#fafbf8;justify-content:space-between;align-items:center;padding:11px 18px;font-size:10px;display:flex}.calendar-foot>span{align-items:center;gap:6px;display:flex}.calendar-foot button{font-size:10px;text-decoration:none}.selection-panel{border:var(--border);box-shadow:var(--shadow);background:#fff9e5;border-radius:7px;padding:20px}.selection-heading{border-bottom:1.5px solid #dfd5b5;justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.selection-heading h2{font-size:18px}.selection-count{background:var(--yellow);border:1.5px solid var(--ink);text-align:center;border-radius:4px;min-width:29px;font-size:15px;font-weight:700}.selection-empty{text-align:center;padding:35px 5px 26px}.selection-illustration{border:2px solid var(--ink);width:68px;height:68px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:6px;justify-content:center;align-items:center;margin:0 auto 25px;display:flex;position:relative;transform:rotate(-7deg)}.selection-illustration>span{border:1.5px solid var(--ink);background:var(--mint);border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;display:flex;position:absolute;bottom:-7px;right:-9px}.selection-empty h3{font-size:14px}.selection-empty p{color:#786f52;margin-top:7px;font-size:11px;line-height:1.8}.selection-total{border-top:1.5px dashed #c1b48b;justify-content:space-between;align-items:center;padding:18px 0 15px;font-size:11px;display:flex}.selection-total strong{font-size:26px;font-weight:800;line-height:1.2}.selection-total small{font-size:12px;font-weight:500}.book-button{justify-content:space-between;width:100%;padding:11px 15px}.book-button:disabled{box-shadow:var(--small-shadow);color:#878b80;opacity:1;background:#e2e3d9;border-color:#93998a}.selection-disclaimer{text-align:center;color:#786f52;margin-top:14px;font-size:9px}.clear-selection{width:100%;margin-top:12px}.queue-note{align-items:flex-start;gap:11px;margin-top:22px;padding:4px 3px;display:flex}.queue-note-icon{background:var(--lavender);border:1.5px solid var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.queue-note h3{font-size:13px}.queue-note p{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.9}.selected-list{max-height:320px;padding:11px 0;overflow:auto}.selected-date{border-bottom:1px solid #e6dab6;align-items:center;gap:9px;padding:10px 0;display:flex}.selected-date:last-child{border-bottom:0}.selected-number{border:1.5px solid var(--ink);background:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:33px;font-size:15px;font-weight:700;display:flex}.selected-date>span:nth-child(2){flex:1}.selected-date strong{font-size:11px;display:block}.selected-date small{color:#786f52;font-size:9px;display:block}.selected-date .icon-button{background:0 0;border:none;width:23px;min-width:23px}.closed-notice{text-align:center;background:#fff6dd;border:1px solid #dec98f;border-radius:5px;margin:5px 18px 15px;padding:12px;font-size:11px}.countdown{justify-content:center;gap:15px;margin-top:10px;display:flex}.countdown strong{font-variant-numeric:tabular-nums;font-size:22px;line-height:1.2;display:block}.countdown small{font-size:9px}.footer{color:#7b7f72;border-top:1px solid #e1e3da;justify-content:space-between;gap:15px;padding:18px 39px;font-size:9px;display:flex}.footer>span:first-child{font-size:10px;font-weight:600}.status{white-space:nowrap;border:1px solid;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.status.confirmed{color:#286140;background:#e0f3e5;border-color:#a0c9aa}.status.waitlisted{color:#795c15;background:#fff0c1;border-color:#d7c185}.status.cancelled{color:#686d60;background:#f0f0ec;border-color:#d2d4cb}.error-notice{color:#823828;background:#fbe4df;border:1.5px solid #c67a6b;border-radius:5px;align-items:center;gap:10px;margin:14px 0;padding:12px 16px;font-size:12px;display:flex}.error-notice>span{flex:1}.success-notice,.success-text{color:#276442;align-items:center;gap:8px;display:flex}.success-notice{background:#e1f4e6;border:1px solid #a9d1b5;border-radius:5px;margin-bottom:18px;padding:12px 16px;font-size:12px}.success-text{margin:15px 0;font-size:13px}.loading-state{min-height:200px;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.boot-screen .loading-state{min-height:80px}.empty-state{text-align:center;background:#fff;border:1.5px dashed #bec5b4;border-radius:7px;padding:45px 20px}.empty-state .empty-mark{background:var(--lavender);border:var(--border);width:65px;height:65px;box-shadow:var(--small-shadow);border-radius:7px;justify-content:center;align-items:center;margin:0 auto 22px;display:flex}.empty-state p{color:var(--muted);margin:8px 0 18px;font-size:12px}.empty-state h3{font-size:18px}.info-note{background:#f7f1db;border:1px solid #d8cba4;border-radius:5px;margin:15px 0;padding:12px 15px;font-size:12px}.info-line{color:var(--muted);align-items:flex-start;gap:9px;margin-top:22px;font-size:11px;line-height:1.8;display:flex}.info-line svg{margin-top:2px}.modal{border:var(--border);background:var(--paper);box-shadow:6px 6px 0 var(--ink);width:min(510px,100vw - 38px);max-height:calc(100dvh - 50px);color:var(--ink);border-radius:8px;padding:26px;overflow:auto}.modal::backdrop{background:#1c251f80}.modal-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.modal-title h2{font-size:21px}.modal p{color:var(--muted);font-size:13px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.review-dates{max-height:260px;padding:0;list-style:none;overflow:auto}.review-dates li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.result-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.result-list small{color:var(--muted);margin-top:4px;display:block}.cancel-detail{text-align:center;padding:0 0 20px}.cancel-icon{border:var(--border);background:var(--pink);width:53px;height:53px;box-shadow:var(--small-shadow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.cancel-detail h3{font-size:19px}.cancel-detail p{margin-top:5px}.tabs{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.tabs>button{background:#fff;border:1.5px solid #b9c0b0;border-radius:5px;align-items:center;gap:10px;min-height:41px;padding:8px 15px;font-size:12px;font-weight:600;display:flex}.tabs>button>span{background:#edf0e7;border-radius:4px;padding:1px 6px;font-size:10px}.tabs>button.active{border:var(--border);background:var(--mint);box-shadow:var(--small-shadow)}.tabs>button.active>span{background:#a9d8bb}.booking-list{flex-direction:column;gap:14px;display:flex}.booking-row{border:var(--border);box-shadow:var(--small-shadow);background:#fff;border-radius:7px;align-items:center;gap:22px;padding:20px;display:flex}.booking-date{text-align:center;background:#eaf3e9;border:1px solid #b6c7b1;border-radius:4px;min-width:85px;padding:8px}.booking-date>span{font-size:29px;font-weight:800;line-height:1.25;display:block}.booking-date>small{white-space:nowrap;font-size:10px}.booking-description{flex:1}.booking-description h3{font-size:16px}.booking-description>span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.queue-position{text-align:center;min-width:90px}.queue-position small{color:var(--muted);font-size:10px;display:block}.queue-position strong{font-size:21px;display:block}.cancel-button{margin-left:10px}.cancelled-row{box-shadow:none;background:#f2f2ee;border-color:#bec4b4}.cancelled-row .booking-date{background:#e8eae3}.cancelled-row .queue-position strong{font-size:13px;font-weight:500}.activity-list{border:var(--border);background:#fff;border-radius:7px;padding:0 22px}.activity-row{border-bottom:1px solid var(--line);align-items:center;gap:17px;padding:23px 0;display:flex}.activity-row:last-child{border-bottom:0}.activity-icon{border:1.5px solid var(--ink);background:var(--lavender);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.activity-icon.booked,.activity-icon.promoted{background:var(--mint)}.activity-icon.cancelled{background:var(--pink)}.activity-row>div{flex:1}.activity-row h3{font-size:13px}.activity-row p{color:var(--muted);margin-top:4px;font-size:11px}.activity-row p small{font-size:10px;display:block}.activity-row time{color:var(--muted);white-space:nowrap;font-size:11px}.admin-tabs{border-bottom:var(--border);gap:0;margin-bottom:25px;padding:3px 3px 0;display:flex;overflow-x:auto}.admin-tabs button{white-space:nowrap;border:2px solid #0000;align-items:center;gap:8px;padding:13px 20px;font-weight:600;display:flex}.admin-tabs button.active{background:var(--lavender);border:var(--border);border-bottom:0;border-radius:5px 5px 0 0}.admin-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px;display:flex}.admin-toolbar label{flex-direction:row;align-items:center;gap:15px;font-size:14px}.admin-toolbar input{width:180px;font-size:13px}.admin-toolbar>span{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.table-wrap{border:var(--border);background:#fff;border-radius:6px;overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}th{border-bottom:var(--border);background:#e9eadd;padding:13px 18px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--line);padding:16px 18px}tbody tr:last-child td{border-bottom:0}td small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.section-intro{margin-bottom:23px}.section-intro h2{font-size:19px}.section-intro p{max-width:650px;color:var(--muted);margin-top:8px;font-size:12px}.holiday-form{align-items:flex-end;gap:15px;margin:25px 0;display:flex}.holiday-form label{flex:1;font-size:12px}.holiday-form label:first-child{flex:0 0 170px}.holiday-form label:nth-child(2){min-width:0}.holiday-list{flex-direction:column;gap:10px;display:flex}.holiday-list>div{border:1.5px solid var(--ink);background:#fff;border-radius:5px;align-items:center;gap:15px;padding:15px;font-size:12px;display:flex}.holiday-list>div>span{color:var(--muted);flex:1}.panel-title{border-bottom:var(--border);justify-content:space-between;align-items:center;gap:15px;padding:19px 24px;display:flex}.profile-form{max-width:600px}.form-body{flex-direction:column;gap:22px;padding:25px;display:flex}.form-body label{font-size:13px}.form-body>button{align-self:flex-start}.form-body .error-notice,.form-body .success-text{margin:0}.approval-note{border:var(--border);background:#fff0c5;border-radius:6px;align-items:flex-start;gap:17px;max-width:750px;margin:0 0 25px;padding:22px;display:flex}.approval-note p{margin:8px 0;font-size:12px}.approval-note h2{font-size:18px}.approval-note>svg{margin-top:3px}.skip-link{z-index:100;background:var(--yellow);border:var(--border);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:30px;display:flex}.login-page{flex-direction:column;max-width:1350px;min-height:100dvh;margin:0 auto;padding:36px 55px 25px;display:flex}.login-page>header{justify-content:space-between;align-items:center;display:flex}.login-main{flex:1;grid-template-columns:1fr 450px;align-items:center;gap:90px;padding:75px 35px;display:grid}.login-story h1{letter-spacing:-2px;margin:30px 0 15px;font-size:58px;line-height:1.45}.login-story h1>span{background:var(--mint);border:var(--border);box-shadow:var(--shadow);padding:0 12px;display:inline-block;transform:rotate(-2deg)}.login-story>p{color:var(--muted);font-size:16px;line-height:1.9}.login-sticker{align-items:center;gap:12px;display:flex}.login-sticker>svg{background:var(--lavender);box-sizing:content-box;border:var(--border);box-shadow:3px 3px 0 var(--ink);border-radius:7px;padding:13px;transform:rotate(-6deg)}.login-sticker>span{font-size:12px;font-weight:600;line-height:1.8}.login-benefits{flex-direction:column;gap:12px;margin-top:35px;font-size:12px;display:flex}.login-benefits>span{align-items:center;gap:10px;display:flex}.login-benefits svg{color:var(--green)}.login-card{border:var(--border);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:9px;padding:36px;position:relative}.card-corner{background:var(--yellow);border:var(--border);box-shadow:var(--small-shadow);padding:5px 17px;font-size:12px;font-weight:600;position:absolute;top:-17px;right:25px;transform:rotate(4deg)}.login-card h2{font-size:28px;line-height:1.5}.login-card>p{color:var(--muted);margin-top:15px;font-size:12px;line-height:1.9}.line-button{color:#fff;width:100%;box-shadow:none;background:#06c755;border:0;border-radius:4px;min-height:50px;margin-top:28px;font-size:14px}.line-button:hover{box-shadow:none!important;background:#05b34c!important;transform:none!important}.line-word{border-right:1px solid #fff6;margin-right:2px;padding-right:13px;font-size:11px;font-weight:800}.line-button>svg{margin-left:auto}.login-card .login-privacy{text-align:center;color:#72776a;margin:19px 0 0;font-size:10px;line-height:1.8}.setup-note{background:#f1f1e9;border:1.5px dashed #a6ad9b;border-radius:5px;margin-top:24px;padding:18px;font-size:13px;font-weight:600}.setup-note small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:400;display:block}.dev-login{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.dev-login strong{font-size:12px}.dev-login p{color:var(--muted);margin:4px 0 13px;font-size:10px}.dev-login>div{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.dev-login .text-button{font-size:10px}.login-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding-top:22px;font-size:10px;display:flex}@media (min-width:1450px){.workspace main{padding-top:42px}.day-cell,.day-blank{min-height:91px}.booking-layout{grid-template-columns:minmax(0,1fr) 305px}.selection-panel{padding:23px}.selection-empty{padding:43px 5px 34px}}@media (max-width:1200px){.app-layout{grid-template-columns:211px minmax(0,1fr)}.sidebar{padding-left:16px;padding-right:16px}.workspace main{padding:28px 25px}.topbar,.footer{padding-left:25px;padding-right:25px}.booking-layout{grid-template-columns:minmax(0,1fr) 242px;gap:19px}.overview-strip>div{gap:9px;padding:0 15px}.overview-strip>a{display:none}.overview-strip{grid-template-columns:repeat(3,1fr)}.overview-strip>div:nth-child(3){border:0}.day-grid{gap:5px}.day-cell,.day-blank{min-height:75px}.day-cell{padding:6px}.day-detail{font-size:9px}.day-cell.selected{padding:5.5px}.calendar-heading{padding:16px}.calendar-grid{padding:0 13px 14px}.calendar-legend{gap:8px 12px;padding-left:14px;padding-right:14px;font-size:8px}.selection-panel{padding:17px}.section-heading>span{font-size:9px}.calendar-subline{padding-left:15px;padding-right:15px}.login-main{grid-template-columns:1fr 420px;gap:60px;padding-left:0;padding-right:0}.login-story h1{font-size:49px}}@media (max-width:1020px){.app-layout{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:27px 13px 19px}.brand{gap:9px;font-size:20px}.brand-symbol{width:36px;height:43px}.nav-link{gap:8px;padding-left:8px;padding-right:8px;font-size:11px}.nav-link svg{width:17px}.nav-arrow{display:none}.department-label{font-size:10px}.user-link .avatar{width:28px;height:28px;font-size:11px}.user-link strong{font-size:10px}.user-link small{font-size:9px}.booking-layout{grid-template-columns:1fr}.selection-column{grid-template-columns:minmax(0,1fr) 210px;align-items:start;gap:23px;display:grid}.selection-panel{padding:18px}.selection-empty{text-align:left;flex-wrap:wrap;align-items:center;gap:16px;padding:19px 5px;display:flex}.selection-illustration{width:40px;height:40px;margin:0}.selection-illustration>svg{width:28px}.selection-illustration>span{width:20px;height:20px;bottom:-5px;right:-5px}.selection-empty h3{margin-left:5px;font-size:13px}.selection-empty p{width:100%;margin:0}.selection-empty p br{display:none}.selection-total{padding:13px 0}.queue-note{gap:8px;margin-top:12px}.day-cell,.day-blank{min-height:83px}.calendar-heading h2{font-size:21px}.day-detail{font-size:10px}.workspace main{padding:28px 26px}.page-heading h1{font-size:29px}.page-heading p{font-size:12px}.section-heading>span{text-align:right;max-width:170px;line-height:1.6}.overview-strip>div{padding:0 13px}.stat-icon{width:36px;height:36px}.stat-icon svg{width:20px}.page-stamp{padding:7px 11px}.page-stamp strong{font-size:20px}.booking-row{gap:15px;padding:16px}.booking-date,.queue-position{min-width:67px}.booking-row .status{font-size:10px}.cancel-button{margin-left:0}.holiday-form{flex-wrap:wrap}.holiday-form .button{margin-left:auto}.admin-toolbar>span{display:none}.login-page{padding:30px}.login-main{grid-template-columns:1fr 390px;gap:35px}.login-story h1{font-size:42px}.login-story>p{font-size:14px}.login-card{padding:28px}.login-card h2{font-size:25px}}@media (max-width:760px){.app-layout{display:block}.sidebar{border-right:0;border-bottom:var(--border);background:#e5f0e8;grid-template-columns:1fr auto;gap:17px;width:100%;height:auto;padding:18px 18px 0;display:grid;position:static}.brand{font-size:19px}.brand-symbol{width:34px;height:39px}.department-label,.sidebar-note{display:none}.sidebar nav{flex-direction:row;order:3;grid-column:1/-1;gap:5px;margin:0 -18px;padding:0 18px 13px;overflow:auto}.nav-link{border:1.5px solid #0000;gap:7px;min-height:38px;padding:8px 10px;font-size:11px}.nav-link.active{border-width:1.5px}.admin-link{margin-top:0}.sidebar-bottom{border:0;justify-content:flex-end;gap:8px;padding:0}.user-link>span:last-child{display:none}.user-link .avatar{width:33px;height:33px;font-size:12px}.logout{width:28px}.topbar{display:none}.demo-banner{padding:5px 18px;font-size:9px}.workspace main{padding:28px 18px}.page-heading{gap:14px;margin-bottom:23px}.page-heading h1{letter-spacing:-.8px;font-size:29px}.page-heading p{max-width:300px;font-size:11px;line-height:1.8}.page-heading>.button{min-height:37px;padding:8px 11px;font-size:11px}.page-heading>.button svg{width:15px}.page-stamp{align-self:flex-start;margin-top:7px;margin-right:5px;padding:7px 9px}.page-stamp strong{font-size:19px}.page-stamp>span{font-size:7px}.page-stamp>span:last-child{letter-spacing:0;font-size:5px}.mobile-break{display:block}.overview-strip{margin-bottom:29px;padding:15px 0}.overview-strip>div{align-items:flex-start;gap:8px;padding:0 12px}.overview-strip>div>span:last-child{font-size:9px;line-height:1.6}.stat-icon{border-radius:4px;width:28px;height:28px}.stat-icon svg{width:17px;height:17px}.overview-strip strong{font-size:22px}.overview-strip strong small{font-size:10px}.section-heading{align-items:flex-start;margin-bottom:14px}.section-heading h2{font-size:19px}.section-heading>span{text-align:left;gap:5px;max-width:133px;font-size:8px}.section-heading>span svg{width:14px}.booking-layout{gap:23px}.calendar-heading{padding:17px 15px}.calendar-heading h2{font-size:20px}.calendar-heading>div:first-child{gap:9px}.calendar-icon svg{width:21px}.calendar-grid{padding:0 12px 13px}.day-cell,.day-blank{min-height:80px}.day-grid{gap:5px}.day-number{font-size:16px}.calendar-subline{padding-top:13px;padding-bottom:7px;font-size:9px}.calendar-legend{gap:9px 14px;padding:0 13px 14px;font-size:8px}.calendar-foot{padding:10px 13px;font-size:9px}.selection-column{grid-template-columns:1fr}.selection-panel{padding:20px}.selection-empty{text-align:center;justify-content:center;padding:22px 0}.selection-empty p{font-size:11px}.selection-empty p br{display:none}.selection-heading h2{font-size:18px}.queue-note{margin:0;padding:0 3px}.queue-note p{font-size:11px}.queue-note p br{display:none}.queue-note-icon{width:33px;height:33px}.selection-total{padding:16px 0;font-size:12px}.selected-list{max-height:240px}.selected-date strong{font-size:12px}.selected-date small,.selection-disclaimer{font-size:10px}.footer{flex-wrap:wrap;gap:8px;padding:18px;font-size:8px}.footer>span:first-child{width:100%;font-size:9px}.tabs{gap:6px;margin-bottom:18px}.tabs>button{gap:6px;min-height:35px;padding:7px 10px;font-size:10px}.tabs>button>span{font-size:9px}.booking-row{grid-template-columns:60px 1fr auto;gap:13px;padding:15px;display:grid}.booking-date{grid-row:1/3;min-width:0;height:77px;padding:7px 4px}.booking-date>span{font-size:26px}.booking-date>small{font-size:8px}.booking-description h3{font-size:14px}.booking-description>span{font-size:10px}.booking-row .status{justify-self:end;font-size:9px}.queue-position{text-align:left;grid-column:2;align-items:center;gap:9px;display:flex}.queue-position small{font-size:9px}.queue-position strong{font-size:17px}.cancel-button{grid-column:3;min-height:30px!important;padding:4px 9px!important;font-size:10px!important}.activity-list{padding:0 15px}.activity-row{flex-wrap:wrap;gap:12px;padding:20px 0}.activity-row>div{flex:none;width:calc(100% - 53px)}.activity-row time{margin-top:-7px;margin-left:51px;font-size:10px}.activity-row h3{font-size:12px}.activity-icon{width:35px;height:35px}.activity-row p{font-size:10px}.admin-tabs button{gap:6px;padding:10px 12px;font-size:11px}.admin-tabs svg{width:16px}.admin-toolbar label{flex-wrap:wrap;font-size:12px}.admin-toolbar input{width:160px;font-size:12px}.holiday-form{gap:12px}.holiday-form label:first-child,.holiday-form label:nth-child(2){flex:100%}.holiday-form .button{margin-left:0;font-size:12px}.holiday-list>div{flex-wrap:wrap;gap:9px;font-size:11px}.holiday-list>div>span{flex:100%;order:4;padding-left:30px}.holiday-list .icon-button{margin-left:auto}.panel-title{padding:18px}.panel-title h2{font-size:18px}.panel-title .outline-tag{font-size:9px}.form-body{gap:20px;padding:20px}.approval-note{gap:12px;padding:18px}.approval-note h2{font-size:16px}.approval-note p{font-size:11px}.approval-note>svg{width:23px}.modal{width:calc(100vw - 35px);padding:20px}.modal-title h2{font-size:19px}.modal-actions{flex-wrap:wrap;gap:9px}.modal-actions .button{padding:9px 12px;font-size:12px}.modal p{font-size:12px}.review-dates li{font-size:13px}.result-list strong{font-size:12px}.result-list small{font-size:10px}.error-notice{flex-wrap:wrap;font-size:11px}.login-page{padding:24px}.login-page>header>.outline-tag{padding:4px 7px;font-size:9px}.login-main{flex-direction:column;align-items:stretch;gap:45px;padding:45px 0 40px;display:flex}.login-story h1{margin-top:20px;font-size:45px}.login-story>p{font-size:13px}.login-sticker>svg{width:24px;height:24px;padding:10px}.login-sticker>span{font-size:11px}.login-benefits{flex-flow:wrap;gap:12px;margin-top:25px;font-size:10px}.login-benefits svg{width:15px}.login-benefits>span{gap:5px}.login-card{padding:29px 25px}.login-card h2{font-size:26px}.login-footer{gap:10px;font-size:8px}.dev-login>div{gap:17px}}@media (max-width:390px){.sidebar nav{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.workspace main,.sidebar{padding-left:14px;padding-right:14px}.day-cell,.day-blank{min-height:73px}.calendar-grid{padding-left:9px;padding-right:9px}.day-grid{gap:4px}.day-cell{padding:5px}.day-cell.selected{padding:4.5px}.day-detail{font-size:8px}.day-number{font-size:14px}.date-check{padding:1px}.date-check svg{width:11px}.overview-strip>div{gap:6px;padding:0 8px}.stat-icon{width:25px;height:25px}.overview-strip>div>span:last-child{font-size:8px}.page-heading h1{font-size:27px}.section-heading>span{max-width:113px;font-size:7px}.calendar-heading h2{font-size:18px}.calendar-subline{font-size:8px}.calendar-legend{gap:8px;font-size:7px}.nav-link{padding:8px;font-size:10px}.login-page{padding:20px}.login-story h1{font-size:41px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}