: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,a.btn{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}a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.btn:hover{border-color:var(--line-strong);background-color:var(--hover)}a.btn:active{transform:scale(.97)}a.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}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);cursor:pointer;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-width:0;min-height:104px;padding:6px;display:flex;overflow:hidden}.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{min-width:0;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;min-width:0;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:70;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;overflow-wrap:anywhere;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}.tbl th .th-sort{font:inherit;color:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;transition:color .12s;display:inline-flex}.tbl th .th-sort:hover{color:var(--ink);background:0 0}.tbl th .th-sort.active{color:var(--brand)}.tbl th .th-arrow{opacity:.45;font-size:9px;line-height:1}.tbl th .th-sort.active .th-arrow{opacity:1}.tbl th.th-right,.tbl td.td-right{text-align:right}.tbl .td-when{color:var(--muted2);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.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}.audit-tbl th,.audit-tbl td:nth-child(4){white-space:nowrap}.audit-rec{min-width:170px}.audit-rec-main{font:inherit;color:var(--brand);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-weight:600;line-height:1.35}.audit-rec-main:hover{text-decoration:underline}.audit-rec-sub{color:var(--muted2);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;display:flex}.audit-ref{background:var(--line2);color:var(--muted2);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.pin-bar{background:var(--brand-soft);border:1px solid var(--line);border-radius:9px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:12.5px;display:flex}.pin-x{color:var(--muted2);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 4px;font-size:13px;line-height:1}.pin-x:hover{color:var(--ink)}.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}.cpick{border-top:1px dashed var(--line);flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;display:flex}.cpick-sv{cursor:crosshair;touch-action:none;border:1px solid var(--line);background:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0),var(--cp-hue);border-radius:9px;height:132px;position:relative}.cpick-hue{cursor:ew-resize;touch-action:none;border:1px solid var(--line);background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:20px;height:14px;position:relative}.cpick-dot{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #00000059}.cpick .cpick-foot{align-items:flex-start;gap:8px;min-width:0;display:flex}.cpick .cpick-fmt{letter-spacing:.03em;background-position:right 8px center;flex:none;width:auto;height:36px;min-height:0;padding:0 26px 0 10px;font-size:11.5px;font-weight:600}.cpick .cpick-hex{text-transform:lowercase;flex:1 1 0;width:100%;min-width:0;height:36px;min-height:0;padding:0 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cpick .cpick-chans{flex:1 1 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.cpick .cpick-chan{flex-direction:column;gap:3px;min-width:0;margin-bottom:0;display:flex}.cpick .cpick-chan input{text-align:center;width:100%;min-width:0;height:36px;min-height:0;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.cpick .cpick-chan span{color:var(--muted2);text-align:center;letter-spacing:.03em;font-size:10.5px;font-weight:600}.cpick .cpick-preview{border:1px solid var(--line);border-radius:8px;flex:none;width:36px;height:36px}.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}.side-drawer{z-index:5;background:var(--panel);border-left:1px solid var(--line);flex-direction:column;width:380px;max-width:100vw;animation:.24s cubic-bezier(.2,.7,.3,1) drawerIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 44px #141a2d42}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.side-drawer{animation:none}}.side-drawer-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px 14px;display:flex}.side-drawer-head h4{margin:0;font-size:15px;font-weight:650}.side-drawer-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:15px;line-height:1}.side-drawer-close:hover{background:var(--hover);color:var(--ink);border-color:#0000}.side-drawer-body{flex-direction:column;gap:15px;padding:16px 20px 24px;display:flex;overflow-y:auto}@media (max-width:640px){.side-drawer{border-left:none;width:100%}}.bk-history-toggle{border:none;border-top:1px solid var(--line);width:100%;font:inherit;color:var(--muted2);cursor:pointer;text-align:left;background:0 0;border-radius:0;align-items:center;gap:8px;margin-top:12px;padding:11px 0 2px;font-size:13px;font-weight:600;display:flex}.bk-history-toggle:hover{color:var(--brand-ink);border-color:var(--line);background:0 0}.bk-history-count{background:var(--brand-soft);color:var(--brand-ink);border-radius:20px;padding:1px 8px;font-size:11.5px;font-weight:700}.bk-history-caret{margin-left:auto;font-size:16px;line-height:1;transition:transform .18s}.bk-history-toggle.open .bk-history-caret{transform:rotate(180deg)}.bk-history-item{border-left:2px solid var(--line);padding-left:11px}.bk-history-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.bk-history-who{font-weight:600}.bk-history-when{color:var(--muted);margin-top:2px;font-size:11.5px}.bk-history-changes{flex-direction:column;gap:3px;margin-top:5px;font-size:12.5px;line-height:1.5;display:flex}.bk-history-old{opacity:.6;text-decoration:line-through}.calhead .cell.sel{box-shadow:inset 0 -3px 0 var(--brand);color:var(--brand-ink);font-weight:700}.daycol.sel,.daycol.sel:hover,.daycol.we.sel,.daycol.we.sel:hover{background:var(--brand-soft)}.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}}.rdisp{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.rd-top{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:clamp(10px,1.6vh,22px) clamp(14px,2vw,34px);display:flex}.rd-room{align-items:center;gap:clamp(8px,1vw,14px);min-width:0;display:flex}.rd-room h1{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(20px,3.4vh,44px);font-weight:650;overflow:hidden}.rd-dot{border-radius:6px;flex:none;width:clamp(12px,1.6vh,22px);height:clamp(12px,1.6vh,22px)}.rd-cap{color:var(--muted2);white-space:nowrap;font-size:clamp(12px,1.5vh,19px)}.rd-off-tag{background:var(--b-off-bg);color:var(--b-off-fg);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:clamp(11px,1.3vh,15px);font-weight:600}.rd-when{text-align:right;flex:none}.rd-clock{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(26px,4.6vh,60px);font-weight:700;line-height:1}.rd-date{color:var(--muted2);margin-top:2px;font-size:clamp(12px,1.6vh,20px)}.rd-stale{background:var(--alert-bg);border-bottom:1px solid var(--alert-bd);color:var(--alert-fg);text-align:center;padding:8px clamp(14px,2vw,34px);font-size:clamp(12px,1.6vh,18px);font-weight:600}.rd-body{flex:1;grid-template-columns:1.15fr 1fr;gap:clamp(10px,1.4vw,22px);min-height:0;padding:clamp(10px,1.6vh,22px) clamp(14px,2vw,34px);display:grid}.rd-hero{background:var(--panel);border:2px solid #0000;border-radius:clamp(12px,1.6vh,22px);flex-direction:column;justify-content:center;gap:clamp(6px,1vh,14px);min-width:0;padding:clamp(16px,3vh,44px);display:flex;position:relative}.rd-fs{width:clamp(30px,4vh,46px);height:clamp(30px,4vh,46px);color:inherit;opacity:.3;background-color:#0000;border-color:#0000;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex;position:absolute;bottom:clamp(4px,.8vh,10px);right:clamp(4px,.8vh,10px)}.rd-fs:hover,.rd-fs:focus-visible{opacity:.85;background-color:#0000;border-color:#0000}.rd-fs:focus-visible{outline-offset:2px;outline:2px solid}.rd-fs:active{transform:scale(.94)}.rd-fs svg{width:58%;height:58%}.rd-hero.free{background:var(--b-ok-bg);border-color:var(--b-ok-fg)}.rd-hero.busy{background:var(--b-cancel-bg);border-color:var(--b-cancel-fg)}.rd-hero.off{background:var(--panel-2);border-color:var(--line)}.rd-hero-label{letter-spacing:-.03em;font-size:clamp(38px,9vh,120px);font-weight:800;line-height:.95}.rd-hero.free .rd-hero-label{color:var(--b-ok-fg)}.rd-hero.busy .rd-hero-label{color:var(--b-cancel-fg)}.rd-hero.off .rd-hero-label{color:var(--muted2)}.rd-hero-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(19px,3.4vh,44px);font-weight:650;line-height:1.2;display:-webkit-box;overflow:hidden}.rd-hero-time{color:var(--muted2);font-variant-numeric:tabular-nums;font-size:clamp(15px,2.3vh,30px)}.rd-hero-meta{color:var(--muted2);flex-wrap:wrap;gap:6px clamp(10px,1.4vw,20px);font-size:clamp(13px,1.8vh,22px);display:flex}.rd-left{color:inherit;font-weight:650}.rd-tl{background:var(--panel);border:1px solid var(--line);border-radius:clamp(12px,1.6vh,22px);flex-direction:column;min-height:0;padding:clamp(10px,1.6vh,20px);display:flex}.rd-tl-head{color:var(--muted2);flex:none;margin-bottom:clamp(6px,1vh,12px);font-size:clamp(12px,1.5vh,18px);font-weight:600}.rd-tl-grid{flex:1;grid-template-columns:clamp(38px,4vw,62px) 1fr;min-height:0;display:grid}.rd-tl-hours{position:relative}.rd-tl-hour{color:var(--muted);font-variant-numeric:tabular-nums;font-size:clamp(10px,1.3vh,15px);position:absolute;right:8px;transform:translateY(-50%)}.rd-tl-track{border-left:1px solid var(--line);position:relative}.rd-tl-line{border-top:1px solid var(--line2);position:absolute;left:0;right:0}.rd-tl-empty{color:var(--muted);justify-content:center;align-items:center;font-size:clamp(13px,1.8vh,20px);display:flex;position:absolute;inset:0}.rd-blk{color:#fff;border-radius:8px;flex-direction:column;justify-content:center;gap:1px;padding:clamp(3px,.6vh,8px) clamp(6px,.8vw,12px);display:flex;position:absolute;left:6px;right:6px;overflow:hidden}.rd-blk b{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,1.6vh,20px);font-weight:650;line-height:1.15;overflow:hidden}.rd-blk span{opacity:.9;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,1.2vh,15px);line-height:1.15;overflow:hidden}.rd-blk.past{opacity:.4}.rd-blk.live{outline:3px solid var(--ink);outline-offset:1px}.rd-blk.compact{padding-top:0;padding-bottom:0}.rd-blk.compact b{font-size:clamp(10px,1.3vh,16px)}.rd-nowline{border-top:2px solid var(--b-cancel-fg);z-index:3;height:0;position:absolute;left:0;right:0}.rd-nowline span{background:var(--b-cancel-fg);color:#fff;font-variant-numeric:tabular-nums;border-radius:5px;margin-left:-6px;padding:1px 6px;font-size:clamp(9px,1.2vh,14px);font-weight:700;position:absolute;top:0;left:0;transform:translate(-100%,-50%)}.rd-foot{color:var(--muted);flex:none;justify-content:center;align-items:center;gap:8px;padding:0 0 clamp(8px,1.2vh,16px);font-size:clamp(10px,1.3vh,15px);display:flex}@media (max-aspect-ratio:1),(max-width:720px){.rd-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.rd-hero{padding:clamp(14px,2.4vh,28px)}.rd-hero-label{font-size:clamp(34px,7vh,72px)}}