:root{--bg:#f7f8fa;--panel:#fff;--panel-2:#fafbfd;--hover:#f2f4f8;--line:#e7e9ef;--line2:#f0f2f6;--line-strong:#cdd2df;--ink:#1a1d27;--muted:#8a90a2;--muted2:#6b7183;--brand:#4c6ef5;--brand-ink:#3b5bdb;--brand-soft:#edf1fe;--seg-bg:#eef0f5;--chip-bg:#f0f2f6;--disabled-bg:#f4f5f8;--skeleton:#e9ecf2;--skel-shine:#ffffffa6;--scroll:#d5d9e3;--warm:#fdfaf7;--warm-2:#fbf6f0;--auth-grad:linear-gradient(160deg,#eef1fb,#f7f8fa);--b-admin-bg:#f3ecff;--b-admin-fg:#7a3fb0;--b-user-bg:#eef1fe;--b-user-fg:var(--brand-ink);--b-ok-bg:#e6f7ec;--b-ok-fg:#2b8a3e;--b-off-bg:#f1f3f5;--b-off-fg:#868e96;--b-super-bg:#fce4ec;--b-super-fg:#a61e4d;--b-cancel-bg:#f8e9e9;--b-cancel-fg:#c92a2a;--note-bg:#fff4e6;--note-bd:#ffd8a8;--note-fg:#b25b00;--alert-bg:#fff5f5;--alert-bd:#ffc9c9;--alert-fg:#e03131;--danger-bd:#f3c9c9;--danger-hover:#fdecec;--slotH:28px;--hourH:56px}:root[data-theme=dark]{--bg:#0f1216;--panel:#191e26;--panel-2:#20262f;--hover:#262d37;--line:#2c333e;--line2:#232932;--line-strong:#3b434f;--ink:#e7eaf1;--muted:#828b9e;--muted2:#9ba4b8;--brand:#5c7cfa;--brand-ink:#9db4ff;--brand-soft:#20294a;--seg-bg:#232932;--chip-bg:#262d37;--disabled-bg:#1b2027;--skeleton:#262c35;--skel-shine:#ffffff0f;--scroll:#3b434f;--warm:#241f1a;--warm-2:#2a2420;--auth-grad:linear-gradient(160deg,#141b2e,#0f1216);--b-admin-bg:#2c2440;--b-admin-fg:#caa8f0;--b-ok-bg:#1e3327;--b-ok-fg:#6bd396;--b-off-bg:#2a2f38;--b-off-fg:#9aa3b3;--b-super-bg:#3a2230;--b-super-fg:#f0a3c0;--b-cancel-bg:#3a2626;--b-cancel-fg:#f19a9a;--note-bg:#33290f;--note-bd:#5a4522;--note-fg:#e8b878;--alert-bg:#331f1f;--alert-bd:#5a3030;--alert-fg:#ff8f8f;--danger-bd:#5a3030;--danger-hover:#33201f}@media (prefers-color-scheme:dark){:root[data-theme=auto]{--bg:#0f1216;--panel:#191e26;--panel-2:#20262f;--hover:#262d37;--line:#2c333e;--line2:#232932;--line-strong:#3b434f;--ink:#e7eaf1;--muted:#828b9e;--muted2:#9ba4b8;--brand:#5c7cfa;--brand-ink:#9db4ff;--brand-soft:#20294a;--seg-bg:#232932;--chip-bg:#262d37;--disabled-bg:#1b2027;--skeleton:#262c35;--skel-shine:#ffffff0f;--scroll:#3b434f;--warm:#241f1a;--warm-2:#2a2420;--auth-grad:linear-gradient(160deg,#141b2e,#0f1216);--b-admin-bg:#2c2440;--b-admin-fg:#caa8f0;--b-ok-bg:#1e3327;--b-ok-fg:#6bd396;--b-off-bg:#2a2f38;--b-off-fg:#9aa3b3;--b-super-bg:#3a2230;--b-super-fg:#f0a3c0;--b-cancel-bg:#3a2626;--b-cancel-fg:#f19a9a;--note-bg:#33290f;--note-bd:#5a4522;--note-fg:#e8b878;--alert-bg:#331f1f;--alert-bd:#5a3030;--alert-fg:#ff8f8f;--danger-bd:#5a3030;--danger-hover:#33201f}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,Segoe UI,Inter,system-ui,Noto Sans Thai,sans-serif;font-size:14px}header{background:var(--panel);border-bottom:1px solid var(--line);z-index:6;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 22px;display:flex;position:sticky;top:0}header h1{letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:650;display:flex}.logo{object-fit:contain;vertical-align:middle;flex:none;width:26px;height:26px;display:inline-block}.tag{color:var(--muted);font-size:12px;font-weight:400}.spacer{flex:1}.ctrl{align-items:center;gap:8px;display:flex}label.lbl{color:var(--muted);font-size:12px}select,button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:9px;padding:8px 12px;font-size:13px;transition:all .12s}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7183' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:30px}select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}select:hover,button:hover{border-color:var(--line-strong);background-color:var(--hover)}input[type=date],input[type=time],input[type=number]{appearance:none}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;transition:opacity .12s}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;transition:opacity .12s}input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:.9}input[type=time]:hover::-webkit-calendar-picker-indicator{opacity:.9}button:active{transform:scale(.97)}button.primary{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:550}button.primary:hover{background:var(--brand-ink);border-color:var(--brand-ink)}button:disabled{opacity:.55;cursor:not-allowed}.icon-btn{padding:8px 11px}.seg{background:var(--seg-bg);border:1px solid var(--line);border-radius:10px;gap:2px;padding:2px;display:flex}.seg button{color:var(--muted2);background:0 0;border:none;border-radius:8px;padding:6px 14px;font-weight:500}.seg button:hover{color:var(--ink);background:0 0}.seg button.active{background:var(--panel);color:var(--brand-ink);box-shadow:0 1px 2px #00000014}.datelabel{text-align:center;min-width:200px;font-size:14px;font-weight:600}#page-calendar{flex-direction:column;height:100%;min-height:0;display:flex}main{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.roomchips{color:var(--muted2);flex-wrap:wrap;flex:none;align-items:center;gap:14px;padding:16px 22px 12px;font-size:12px;display:flex}.cal-scroll{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex:1;min-height:0;margin:0 22px;overflow:auto;box-shadow:0 1px 3px #141a2d0a}.cal-scroll::-webkit-scrollbar{width:10px;height:10px}.cal-scroll::-webkit-scrollbar-thumb{background:var(--scroll);border:2px solid var(--panel);border-radius:6px}.chip{align-items:center;gap:6px;display:inline-flex}.dot{border-radius:4px;width:11px;height:11px;display:inline-block}.calwrap{background:var(--panel)}.calhead{border-bottom:1px solid var(--line);background:var(--panel-2);z-index:5;display:grid;position:sticky;top:0}.calhead .cell{text-align:center;color:var(--muted2);border-left:1px solid var(--line2);padding:11px 6px;font-size:12.5px;font-weight:550}.calhead .cell.today{background:var(--brand-soft);color:var(--brand-ink);font-weight:650}.calhead .gutter{border-left:none}.calbody{padding:10px 0 12px;display:grid;position:relative}.gutter-col{border-right:1px solid var(--line);background:var(--panel-2);position:relative}.tlabel{color:var(--muted);letter-spacing:.02em;font-size:11px;position:absolute;right:9px;transform:translateY(-6px)}.daycol{border-left:1px solid var(--line2);position:relative}.daycol .hourline{height:var(--hourH);border-bottom:1px solid var(--line2)}.daycol:hover{background:var(--hover)}.book{color:#fff;cursor:pointer;border-radius:7px;padding:4px 7px;font-size:11px;transition:filter .12s,transform 60ms;position:absolute;left:3px;right:3px;overflow:hidden;box-shadow:0 1px 2px #0000001f}.book:hover{filter:brightness(1.06)}.book:active{transform:scale(.99)}.book b{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11.5px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.book span{opacity:.92;font-size:10px;font-weight:450}.book .x{opacity:0;font-size:11px;transition:opacity .12s;position:absolute;top:2px;right:5px}.book:hover .x{opacity:.85}.book.ro{cursor:pointer}.book.ro .x{display:none}.wk-seg{color:#fff;cursor:pointer;border-radius:6px;padding:4px;font-size:10px;font-weight:600;line-height:1.2;transition:filter .12s,transform 60ms;overflow:hidden;box-shadow:0 1px 2px #00000029}.wk-seg:hover{filter:brightness(1.07)}.wk-seg:active{transform:scale(.99)}.wk-seg span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.wk-more{background:var(--hover);border:1px solid var(--line);color:var(--muted2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:10.5px;font-weight:700;transition:all .12s;display:flex}.wk-more:hover{border-color:var(--brand);color:var(--brand-ink)}.mcell{border-left:1px solid var(--line2);border-top:1px solid var(--line2);flex-direction:column;gap:3px;min-height:104px;padding:6px;display:flex}.mcell:nth-child(-n+7){border-top:none}.mcell.dim{background:var(--panel-2)}.mcell.dim .mdate{color:var(--muted)}.mdate{color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;transition:background .1s;display:flex}.mdate:hover,.mcell.today .mdate{background:var(--brand);color:#fff}.mcell.today .mdate:hover{background:var(--brand-ink);color:#fff}.mchip{color:var(--ink);cursor:pointer;border-radius:5px;align-items:center;gap:5px;padding:1px 3px;font-size:11px;transition:background .1s;display:flex}.mchip:hover{background:var(--brand-soft)}.mchip i{border-radius:2px;flex:none;width:8px;height:8px;display:inline-block}.mchip span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mmore{color:var(--muted2);cursor:pointer;padding:1px 3px;font-size:11px;font-weight:600}.mmore:hover{color:var(--brand-ink)}.viewonly{color:var(--muted2);background:var(--chip-bg);vertical-align:middle;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:500}.hint{color:var(--muted);border-top:1px solid var(--line);background:var(--bg);flex:none;margin:0;padding:10px 22px 14px;font-size:12.5px;line-height:1.5}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#141a2d59;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.overlay.show{display:flex}.modal{background:var(--panel);border-radius:16px;width:380px;max-height:92vh;padding:24px;overflow:auto;box-shadow:0 24px 60px #141a2d47}.modal h3{letter-spacing:-.01em;margin:0 0 16px;font-size:17px;font-weight:600}.field{margin-bottom:13px}.field label{color:var(--muted2);margin-bottom:5px;font-size:12px;font-weight:500;display:block}.field input,.field select{border:1px solid var(--line);width:100%;font:inherit;background:var(--panel);color:var(--ink);border-radius:9px;padding:10px 11px;font-size:13.5px;transition:border-color .12s,box-shadow .12s}input::placeholder{color:var(--muted);opacity:1}.field input:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.row2{gap:10px;display:flex}.row2 .field{flex:1}.err{color:#e03131;min-height:16px;margin:2px 0 6px;font-size:12px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.hidden{display:none!important}button.block{justify-content:center;width:100%}button.ghost{border-color:var(--line);color:var(--muted2);background:0 0}button.ghost:hover{background:var(--hover);color:var(--ink)}button.danger{color:#e5484d;border-color:var(--danger-bd);background:var(--panel)}button.danger:hover{background:var(--danger-hover);border-color:#e5484d}button.sm{border-radius:8px;padding:5px 10px;font-size:12px}.auth{background:url(/login-bg.svg) center/cover no-repeat, var(--auth-grad);z-index:50;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:18px;width:360px;max-width:100%;padding:32px;box-shadow:0 20px 60px #141a2d1f}.auth-logo{object-fit:contain;width:60px;height:60px;margin:0 auto 14px;display:block}.auth-card h2{margin:0 0 2px;font-size:20px;font-weight:600}.auth-sub{color:var(--muted);margin:0 0 22px;font-size:13px}.auth-card .field{text-align:left}.auth-link{color:var(--brand-ink);cursor:pointer;background:0 0;border:none;margin-top:14px;font-size:13px;text-decoration:none;display:inline-block}.auth-link:hover{text-decoration:underline}.auth-msg{color:var(--muted2);background:var(--hover);text-align:left;border-radius:9px;margin-top:10px;padding:9px 11px;font-size:12.5px;line-height:1.5}.pw-field{position:relative}.pw-field input{padding-right:42px}.pw-toggle{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .12s,background .12s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--muted2);background:var(--hover)}.pw-toggle:active{transform:translateY(-50%)scale(.94)}.auth-expired{text-align:center;margin:6px 0 18px}.auth-expired-ic{margin-bottom:10px;font-size:40px;line-height:1}.auth-expired-title{color:#c92a2a;margin-bottom:8px;font-size:16px;font-weight:600}.auth-expired-msg{color:var(--muted2);margin:0;font-size:13px;line-height:1.6}.auth-demo{color:var(--muted);border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:11.5px;line-height:1.6}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:0 0 232px;width:232px;height:100vh;padding:16px 12px;display:flex;overflow-y:auto}.brand{letter-spacing:-.01em;align-items:center;gap:9px;padding:6px 8px 16px;font-size:15px;font-weight:650;display:flex}.nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{color:var(--muted2);cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:9px 11px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .1s;display:flex}.nav-item .ico{object-fit:contain;flex:none;width:20px;height:20px}.nav-item:hover{background:var(--hover);color:var(--ink)}.nav-item.active{background:var(--brand-soft);color:var(--brand-ink)}.nav-group{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:14px 11px 6px;font-size:11px;font-weight:600}.sidebar-foot{border-top:1px solid var(--line);margin-top:8px;padding-top:12px}.theme-toggle{background:var(--seg-bg);border:1px solid var(--line);border-radius:9px;gap:2px;width:100%;margin-bottom:12px;padding:2px;display:flex}.theme-btn{color:var(--muted2);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;padding:6px;transition:color .12s,background .12s,transform 60ms;display:flex}.theme-btn:hover{color:var(--ink);background:0 0}.theme-btn.active{background:var(--panel);color:var(--brand-ink);box-shadow:0 1px 2px #0000002e}.theme-btn:active{transform:scale(.95)}.theme-btn svg{width:16px;height:16px;display:block}.user-chip{align-items:center;gap:10px;padding:4px 6px 12px;display:flex}.avatar{background:var(--brand);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:600;display:flex}.user-name{font-size:13px;font-weight:600;line-height:1.2}.user-role{color:var(--muted);font-size:11.5px}.content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.page-inner{padding:24px 26px}.page-inner.narrow{max-width:640px}.page-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-inner h2{letter-spacing:-.01em;margin:0 0 2px;font-size:20px;font-weight:600}.page-inner h3{margin:0 0 10px;font-size:15px;font-weight:600}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px #141a2d0a}.card+.card{margin-top:14px}.muted{color:var(--muted2);font-size:13px}.ok-msg{color:#2f9e44;min-height:16px;margin-top:8px;font-size:12.5px}.tbl{border-collapse:collapse;width:100%;font-size:13.5px}.tbl th{text-align:left;color:var(--muted2);border-bottom:1px solid var(--line);padding:8px 10px;font-size:12px;font-weight:550}.tbl td{border-bottom:1px solid var(--line2);vertical-align:middle;padding:11px 10px}.tbl tr:last-child td{border-bottom:none}.tbl .rdot{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:7px;display:inline-block}.badge{border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-block}.badge.admin{background:var(--b-admin-bg);color:var(--b-admin-fg)}.badge.user{background:var(--b-user-bg);color:var(--b-user-fg)}.badge.active{background:var(--b-ok-bg);color:var(--b-ok-fg)}.badge.inactive{background:var(--b-off-bg);color:var(--b-off-fg)}.badge.superadmin{background:var(--b-super-bg);color:var(--b-super-fg)}.badge.confirmed{background:var(--b-ok-bg);color:var(--b-ok-fg)}.badge.cancelled{background:var(--b-cancel-bg);color:var(--b-cancel-fg)}tr.is-cancelled td{color:var(--muted)}tr.is-cancelled .rdot{opacity:.4}.filterbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.filterbar input,.filterbar select{border:1px solid var(--line);font:inherit;background:var(--panel);color:var(--ink);border-radius:9px;padding:8px 11px;font-size:13px}.filterbar input:focus,.filterbar select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.filterbar .search{flex:1;min-width:220px;max-width:340px}.filterbar .clear{color:var(--muted2);cursor:pointer;background:0 0;border:none;font-size:12.5px}.filterbar input,.filterbar .search,.filterbar .cselect-btn,.filterbar .cdate-btn{box-sizing:border-box;height:38px;padding-top:0;padding-bottom:0}.field input,.field select,.field .cselect-btn,.field .cdate-btn{height:40px;min-height:40px}.daterange{align-items:center;gap:8px;display:inline-flex}.daterange-sep{color:var(--muted);flex:none;font-size:13px}.req{color:#e03131;font-weight:600}.spin{border:2px solid var(--line);border-top-color:var(--brand);vertical-align:-2px;border-radius:50%;width:15px;height:15px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-row{text-align:center;color:var(--muted2);justify-content:center;align-items:center;gap:9px;padding:26px;font-size:13px;display:flex}.cal-loading{color:var(--muted2);align-items:center;gap:7px;margin-left:auto;font-size:12px;display:inline-flex}.calx-wrap{flex-direction:column;align-items:center;gap:18px;display:flex}.calx-text{color:var(--muted2);font-size:13px}.calx{--size:76px;--head:#2f66ab;--body:#55a9e6;--fold:#4a9ada;--ring:#66d9ef;--cell:#fff;--cell-dim:#ffffff57;--speed:1.8s;width:var(--size);border-radius:calc(var(--size) * .118);background:var(--body);display:block;position:relative}.calx-rings{top:calc(var(--size) * -.092);justify-content:center;gap:calc(var(--size) * .342);z-index:4;display:flex;position:absolute;left:0;right:0}.calx-rings b{width:calc(var(--size) * .066);height:calc(var(--size) * .171);border-radius:calc(var(--size) * .04);background:var(--ring)}.calx-head{height:calc(var(--size) * .197);background:var(--head);border-radius:calc(var(--size) * .118) calc(var(--size) * .118) 0 0;z-index:2;display:block;position:relative}.calx-body{gap:calc(var(--size) * .053);padding:calc(var(--size) * .092) calc(var(--size) * .079) calc(var(--size) * .118);grid-template-columns:repeat(4,1fr);display:grid}.calx-body i{aspect-ratio:1;border-radius:calc(var(--size) * .026);background:var(--cell-dim);animation:calx-fill var(--speed) ease-in-out infinite;animation-delay:calc(var(--d) * 90ms)}@keyframes calx-fill{0%,to{background:var(--cell-dim);transform:scale(.86)}40%{background:var(--cell);transform:scale(1)}}.calx-fold{width:calc(var(--size) * .21);height:calc(var(--size) * .21);border-radius:0 0 0 calc(var(--size) * .118);background:var(--fold);clip-path:polygon(0 0,0 100%,100% 100%);position:absolute;bottom:0;left:0}.calx-clock{right:calc(var(--size) * -.118);bottom:calc(var(--size) * -.118);width:calc(var(--size) * .342);height:calc(var(--size) * .342);border:2px solid var(--ring);animation:calx-pop var(--speed) ease-in-out infinite;z-index:6;background:#f4f8ff;border-radius:50%;position:absolute;box-shadow:0 1px 3px #143c6e47}@keyframes calx-pop{0%,to{transform:scale(1)}40%{transform:scale(1.09)}}.calx-clock b{transform-origin:bottom;background:var(--head);border-radius:1px;position:absolute;bottom:50%;left:50%}.calx-min{width:1.5px;height:calc(var(--size) * .105);margin-left:-.75px;animation:1.5s linear infinite calx-sweep}.calx-hr{width:2px;height:calc(var(--size) * .066);background:var(--body);margin-left:-1px;animation:9s linear infinite calx-sweep}@keyframes calx-sweep{to{transform:rotate(360deg)}}.calx-pin{border-radius:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;top:50%;bottom:auto;left:50%}@media (prefers-reduced-motion:reduce){.calx-body i,.calx-clock,.calx-clock b{animation:none!important}}.field input.invalid{border-color:#e03131}.field-err{color:#e03131;margin-top:4px;font-size:11.5px}.field label.checkbox-row{cursor:pointer;color:var(--ink);align-items:center;gap:9px;margin-bottom:0;font-size:13px;font-weight:400;display:flex}.field .checkbox-row input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--brand);cursor:pointer;flex:none}.modal-note{background:var(--note-bg);border:1px solid var(--note-bd);color:var(--note-fg);border-radius:9px;margin-bottom:12px;padding:9px 11px;font-size:12.5px}.modal-alert{background:var(--alert-bg);border:1px solid var(--alert-bd);border-radius:10px;align-items:flex-start;gap:10px;margin:2px 0 8px;padding:11px 12px;display:flex}.modal-alert-ic{flex:none;font-size:16px;line-height:1.2}.modal-alert-title{color:var(--alert-fg);font-size:13px;font-weight:600}.modal-alert-msg{color:var(--alert-fg);margin-top:2px;font-size:12px;line-height:1.45}.cdate-cell.disabled{color:var(--muted);opacity:.3;cursor:not-allowed}.cdate-cell.disabled:hover{background:0 0}.color-picker .sw-custom{background:conic-gradient(#f03e3e,#ff922b,#fcc419,#40c057,#228be6,#7048e8,#f03e3e);justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.color-picker .sw-custom.open{outline:2px solid var(--brand);outline-offset:2px}.color-picker .sw-custom .sw-custom-ic{color:#fff;text-shadow:0 1px 2px #00000073;pointer-events:none;font-size:16px;font-weight:700;line-height:1}.color-custom{border-top:1px dashed var(--line);align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.color-custom-box{cursor:pointer;border-radius:8px;flex:none;transition:box-shadow .12s,transform 60ms;display:inline-flex;position:relative}.color-custom-box:hover{box-shadow:0 0 0 3px var(--brand-soft)}.color-custom-box:active{transform:scale(.95)}.color-custom-box:after{content:"";border:1px solid var(--line);pointer-events:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%233b5bdb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") 50%/10px no-repeat;border-radius:50%;width:17px;height:17px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 1px 3px #141a2d33}.color-custom .color-custom-input{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;width:46px;height:34px;min-height:0;padding:0;display:block}.color-custom-box:hover .color-custom-input{border-color:var(--brand)}.color-custom .color-custom-input::-webkit-color-swatch-wrapper{padding:3px}.color-custom .color-custom-input::-webkit-color-swatch{border:none;border-radius:5px}.color-custom .color-custom-hex{text-transform:lowercase;flex:none;width:120px;height:34px;min-height:0}.color-custom-preview{border:1px solid var(--line);border-radius:8px;flex:none;width:34px;height:34px}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.pg-info{color:var(--muted2);flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;display:inline-flex}.pg-info b{color:var(--ink);font-weight:650}.pg-page-pill{background:var(--brand-soft);color:var(--brand-ink);border-radius:20px;align-items:center;gap:4px;padding:3px 11px;font-size:12px;display:inline-flex}.pg-page-pill b{color:var(--brand-ink);font-weight:700}.pg-btns{align-items:center;gap:5px;display:flex}.pg-btn{border:1px solid var(--line);background:var(--panel);min-width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.pg-btn:hover:not(:disabled):not(.active){border-color:var(--brand);color:var(--brand-ink);background:var(--brand-soft)}.pg-btn:active:not(:disabled){transform:scale(.93)}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-btn.active{background:var(--brand);border-color:var(--brand);color:#fff;cursor:default;font-weight:600;box-shadow:0 2px 6px #4c6ef559}.pg-nav{color:var(--muted2);font-size:16px;line-height:1}.pg-nav:hover:not(:disabled){color:var(--brand-ink)}.pg-ellipsis{text-align:center;min-width:22px;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:13px}.btn-danger-solid{color:#fff;background:#e03131;border-color:#e03131}.btn-danger-solid:hover{background:#c92a2a;border-color:#c92a2a}.tbl select.rolesel{background-position:right 8px center;border-radius:7px;padding:5px 26px 5px 9px;font-size:12.5px}input:disabled,select:disabled{background:var(--disabled-bg);color:var(--muted2);cursor:not-allowed}.cselect{vertical-align:middle;display:inline-block;position:relative}.cselect-btn{width:100%;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:all .12s;display:inline-flex}.cselect-btn:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7183' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:12px;height:12px;transition:transform .15s}.cselect-btn:hover{border-color:var(--line-strong)}.cselect.open .cselect-btn{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.cselect.open .cselect-btn:after{transform:rotate(180deg)}.cselect-menu{background:var(--panel);border:1px solid var(--line);z-index:60;border-radius:11px;min-width:100%;max-height:264px;padding:5px;display:none;position:absolute;top:calc(100% + 5px);left:0;overflow:auto;box-shadow:0 12px 32px #141a2d24}.cselect.open .cselect-menu{display:block}.cselect.up .cselect-menu{top:auto;bottom:calc(100% + 5px)}.cselect-item{cursor:pointer;white-space:nowrap;color:var(--ink);border-radius:7px;padding:8px 12px;font-size:13px}.cselect-item:hover{background:var(--hover)}.cselect-item.sel{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.field .cselect{width:100%;display:block}.cdate{vertical-align:middle;display:inline-block;position:relative}.cdate-btn{width:100%;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;text-align:left;border-radius:9px;align-items:center;gap:9px;padding:8px 12px;font-size:13px;transition:all .12s;display:inline-flex}.cdate-btn .ci{opacity:.6;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%236b7183' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:15px;height:15px}.cdate-btn .cv{text-align:left;flex:1}.cdate-btn.is-empty .cv{color:var(--muted)}.cdate-btn:hover{border-color:var(--line-strong)}.cdate.open .cdate-btn{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.field .cdate{width:100%;display:block}.cdate-pop{background:var(--panel);border:1px solid var(--line);z-index:61;border-radius:13px;width:252px;padding:12px;display:none;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 12px 32px #141a2d29}.cdate.open .cdate-pop{display:block}.cdate.up .cdate-pop{top:auto;bottom:calc(100% + 5px)}.cdate-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cdate-title{font-size:13.5px;font-weight:600}.cdate-nav{cursor:pointer;color:var(--muted2);background:0 0;border:none;border-radius:7px;padding:4px 9px;font-size:15px}.cdate-nav:hover{background:var(--hover);color:var(--ink)}.cdate-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cdate-dow{color:var(--muted);text-align:center;padding:3px 0;font-size:10.5px;font-weight:600}.cdate-cell{text-align:center;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 0;font-size:12.5px}.cdate-cell:hover{background:var(--brand-soft)}.cdate-cell.dim{color:var(--muted);opacity:.45}.cdate-cell.today{outline:1px solid var(--brand)}.cdate-cell.sel{background:var(--brand);color:#fff;font-weight:600}.cdate-cell.sun{color:#e8590c}.cdate-cell.sat{color:#7048e8}.cdate-cell.sel.sun,.cdate-cell.sel.sat{color:#fff}.cdate-foot{justify-content:space-between;margin-top:8px;display:flex}.cdate-foot button{color:var(--brand-ink);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12.5px}.cdate-foot button:hover{background:0 0;text-decoration:underline}.ctime{vertical-align:middle;display:inline-block;position:relative}.field .ctime{width:100%;display:block}.ctime-btn{width:100%;height:40px;min-height:40px;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;text-align:left;border-radius:9px;align-items:center;gap:9px;padding:8px 12px;font-size:13px;transition:all .12s;display:inline-flex}.ctime-btn .ci-clock{opacity:.6;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%236b7183' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 8 12 12 15 14'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:15px;height:15px}.ctime-btn .cv{text-align:left;flex:1}.ctime-btn:hover{border-color:var(--line-strong)}.ctime.open .ctime-btn{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.ctime-pop{background:var(--panel);border:1px solid var(--line);z-index:61;border-radius:12px;width:100%;min-width:150px;display:none;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 12px 32px #141a2d2e}.ctime.open .ctime-pop{display:block}.ctime.up .ctime-pop{top:auto;bottom:calc(100% + 5px)}.ctime-cols{display:flex}.ctime-col{flex:1;max-height:216px;padding:6px;overflow-y:auto}.ctime-col+.ctime-col{border-left:1px solid var(--line2)}.ctime-col::-webkit-scrollbar{width:6px}.ctime-col::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:6px}.ctime-item{text-align:center;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 0;font-size:14px;transition:background .1s;display:block}.ctime-item:hover:not(:disabled):not(.sel){background:var(--hover)}.ctime-item.sel{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.ctime-item:disabled{opacity:.32;cursor:not-allowed}.ctime-foot{border-top:1px solid var(--line2);justify-content:flex-end;padding:7px 8px;display:flex}.ctime-ok{background:var(--brand);color:#fff;border:1px solid var(--brand);cursor:pointer;border-radius:7px;padding:5px 18px;font-size:12.5px;font-weight:600}.ctime-ok:hover{background:var(--brand-ink);border-color:var(--brand-ink)}.role-opt{border:1px solid var(--line);cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;padding:12px 14px;transition:all .12s;display:flex}.role-opt:hover{border-color:var(--brand);background:var(--hover)}.role-opt.cur{border-color:var(--brand);background:var(--brand-soft)}.role-opt .rt{font-size:13.5px;font-weight:600}.role-opt .rd{color:var(--muted2);margin-top:2px;font-size:12px}.role-opt .rc{color:var(--brand-ink);font-size:13px}.calhead .cell.sun{color:#e8590c}.calhead .cell.sat{color:#7048e8}.daycol.we{background:var(--warm)}.daycol.we:hover{background:var(--warm-2)}.mcell.we{background:var(--warm)}.mcell.sun .mdate{color:#e8590c}.mcell.sat .mdate{color:#7048e8}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.color-picker .sw{cursor:pointer;border:2px solid #0000;border-radius:7px;width:26px;height:26px}.color-picker .sw.sel{border-color:var(--ink);box-shadow:inset 0 0 0 2px #fff}.empty{text-align:center;color:var(--muted);padding:26px;font-size:13px}.actions-cell{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.profile-hero{align-items:center;gap:16px;margin-bottom:14px;display:flex}.profile-avatar{background:var(--brand);color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:600;display:flex}.profile-hero-info{flex:1;min-width:0}.profile-hero-name{letter-spacing:-.01em;font-size:17px;font-weight:600}.profile-hero-email{color:var(--muted2);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;overflow:hidden}.profile-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.profile-grid>.card{margin-top:0}@media (max-width:760px){.profile-grid{grid-template-columns:1fr}}.skel{background:var(--skeleton);border-radius:8px;position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(90deg,transparent,var(--skel-shine),transparent);animation:1.3s ease-in-out infinite skel-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes skel-shine{to{transform:translate(100%)}}.skel-avatar{border-radius:50%;flex:none;width:56px;height:56px}.skel-line{border-radius:6px}.skel-label{border-radius:5px;width:60px;height:11px;margin-bottom:6px}.skel-input{border-radius:9px;width:100%;height:40px}.skel-btn{border-radius:9px;width:130px;height:40px;margin-top:4px}@media (prefers-reduced-motion:reduce){.skel:after{animation:none}}.mobiletop,.sb-backdrop{display:none}@media (max-width:860px){.app{height:auto;min-height:100vh}.content{height:auto;overflow:visible}.mobiletop{z-index:30;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:9px 14px;display:flex;position:sticky;top:0}.hamburger{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;padding:5px 11px;font-size:19px;line-height:1}.mt-title{align-items:center;gap:8px;font-size:15px;font-weight:650;display:flex}.sidebar{z-index:50;width:250px;height:100vh;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 12px 44px #0003}.sidebar.open{transform:translate(0)}.sb-backdrop{z-index:40;background:#141a2d6b;position:fixed;inset:0}.sb-backdrop.show{display:block}#page-calendar{height:auto}main{min-height:0}.cal-scroll{max-height:68vh;margin:0 14px}.page-inner{padding:16px 14px}.page-inner h2{font-size:18px}header{gap:8px;padding:10px 14px}header h1{width:100%;font-size:15px}.datelabel{min-width:auto;font-size:13px}.modal{max-width:400px;width:92vw!important}.card{overflow-x:auto}.tbl{min-width:580px}.filterbar .search{min-width:150px;max-width:none}.roomchips{gap:10px;padding:12px 14px 8px}.hint{padding:10px 14px 12px}.mcell{min-height:78px;padding:4px}.mdate{width:27px;height:27px;font-size:12.5px}.mchip{font-size:10px}}@media (max-width:460px){.seg button{padding:6px 10px}.page-head{flex-wrap:wrap;gap:10px}.mcell{min-height:62px}.mchip span{display:none}.mchip{justify-content:center}}