.sc-group-booking{position:relative;width:1100px;height:720px;font-family:var(--font-product)}.sc-group-booking .body{padding:12px 20px 10px;gap:6px}.sc-group-booking .crumbs{font-size:11.5px;color:var(--m-muted-fg)}.sc-group-booking .gh{display:flex;align-items:center;gap:8px;flex:none}.sc-group-booking .gh h1{margin:0;font-size:20px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.sc-group-booking .gh .ctx{font-size:12px;font-weight:600;color:var(--m-muted-fg);font-variant-numeric:tabular-nums}.sc-group-booking .sp{flex:1}.sc-group-booking .gh .btn{height:30px;padding:0 10px;font-size:12px}.sc-group-booking .btn.dang{color:var(--m-danger);border-color:color-mix(in oklch,var(--m-danger) 40%,transparent)}.sc-group-booking .gmeta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--m-muted-fg);flex:none}.sc-group-booking .gmeta b{color:var(--m-fg);font-weight:600}.sc-group-booking .gbadge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:5px;background:var(--m-muted);color:var(--m-fg);font-size:10.5px;font-weight:700}.sc-group-booking .gbadge svg{width:11px;height:11px}.sc-group-booking .note{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:color-mix(in oklch,var(--m-warning) 12%,transparent);font-size:12px;flex:none}.sc-group-booking .note svg{width:14px;height:14px;flex:none;color:var(--m-warning)}.sc-group-booking a,.sc-group-booking .lk{color:var(--m-primary);font-weight:600;cursor:default}.sc-group-booking .strip{flex:none}.sc-group-booking .gbar{display:flex;gap:3px;height:8px}.sc-group-booking .gbar>span{position:relative;overflow:hidden;border-radius:3px;background:var(--m-muted)}.sc-group-booking .gbar i{position:absolute;inset:0 auto 0 0;background:var(--m-success);transition:width .6s ease,opacity .3s}.sc-group-booking .gbar>span.c i{background:var(--m-faint)}.sc-group-booking .strip .cap{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;color:var(--m-muted-fg);font-variant-numeric:tabular-nums}.sc-group-booking .af{display:none}.sc-group-booking.paid .af{display:inline}.sc-group-booking.paid .b4{display:none}.sc-group-booking .gbar i.af{display:block;opacity:0}.sc-group-booking .gbar i.b4{display:block}.sc-group-booking.paid .gbar i.af{opacity:1}.sc-group-booking .tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;flex:none}.sc-group-booking .tile{display:flex;flex-direction:column;gap:2px;padding:7px 12px;border:1px solid var(--m-border);border-radius:9px;background:var(--m-card)}.sc-group-booking .tile .l{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--m-muted-fg)}.sc-group-booking .tile b{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.sc-group-booking .tile b small{font-size:11px;font-weight:600;color:var(--m-muted-fg)}.sc-group-booking .tile>small{font-size:10.5px;color:var(--m-muted-fg);white-space:nowrap}.sc-group-booking .tile b.d{color:var(--m-danger)}.sc-group-booking .mig{display:flex;align-items:center;gap:12px;flex:none}.sc-group-booking .dot{display:inline-flex;align-items:baseline;gap:5px;font-size:11.5px;line-height:1.35;white-space:nowrap}.sc-group-booking .dot i{width:6px;height:6px;flex:none;border-radius:50%;background:currentColor;transform:translateY(-1px)}.sc-group-booking .dot.ok{color:var(--m-success)}.sc-group-booking .dot.warn{color:var(--m-warning);font-weight:600}.sc-group-booking .dot.off{color:var(--m-muted-fg)}.sc-group-booking .faint{font-size:11.5px;color:var(--m-faint)}.sc-group-booking .cols{display:grid;grid-template-columns:1fr 236px;gap:14px;align-items:start;flex:1;min-height:0}.sc-group-booking .left{min-width:0}.sc-group-booking .tw{border:1px solid var(--m-border);border-radius:8px;overflow:hidden;background:var(--m-bg)}.sc-group-booking table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.sc-group-booking th{height:28px;padding:0 8px;text-align:left;font-size:11px;font-weight:600;color:var(--m-muted-fg);background:var(--m-muted);border-bottom:1px solid var(--m-border);white-space:nowrap}.sc-group-booking .left th:nth-child(1){width:118px}.sc-group-booking .left th:nth-child(2){width:176px}.sc-group-booking .left th:nth-child(3){width:112px}.sc-group-booking .left th:nth-child(4){width:92px}.sc-group-booking .left th:nth-child(5){width:104px}.sc-group-booking td{padding:5px 8px;border-bottom:1px solid var(--m-border);vertical-align:middle}.sc-group-booking tr:last-child td{border-bottom:0}.sc-group-booking .num{text-align:right;font-variant-numeric:tabular-nums}.sc-group-booking td>b{display:block;font-weight:600;white-space:nowrap}.sc-group-booking .sub{display:block;margin-top:1px;font-size:11px;color:var(--m-muted-fg);white-space:nowrap}.sc-group-booking tr.cat td{height:22px;padding:0 8px;background:var(--m-muted);font-size:11px;font-weight:700}.sc-group-booking tr.cat span{font-weight:500;color:var(--m-muted-fg)}.sc-group-booking tr.cxl td{color:var(--m-muted-fg)}.sc-group-booking .res{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:11.5px}.sc-group-booking .debt{color:var(--m-danger);font-weight:700}.sc-group-booking.paid .sub.af{display:block}.sc-group-booking .none{color:var(--m-faint)}.sc-group-booking td.ra{text-align:right;white-space:nowrap}.sc-group-booking td.ra .more{display:inline-block;width:22px;margin-left:2px;text-align:center;color:var(--m-muted-fg);font-weight:700;letter-spacing:-1px}.sc-group-booking .fa{display:flex;align-items:center;gap:6px;margin-top:8px}.sc-group-booking .btn.sm{height:26px;padding:0 9px;font-size:11.5px}.sc-group-booking .btn.sm svg{width:12px;height:12px}.sc-group-booking .side{border:1px solid var(--m-border);border-radius:10px;background:var(--m-card)}.sc-group-booking .side section{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 12px;border-top:1px solid var(--m-border);font-size:11px;line-height:1.35;color:var(--m-muted-fg)}.sc-group-booking .side section:first-child{border-top:0}.sc-group-booking .side h3{margin:0 0 2px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--m-faint)}.sc-group-booking .side b{font-size:13px;color:var(--m-fg)}.sc-group-booking .side .btn{margin-top:4px}.sc-group-booking .side small{font-size:10.5px;color:var(--m-faint)}.sc-group-booking .side .jr{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sc-group-booking .dlg{position:absolute;left:50%;top:104px;z-index:30;width:580px;border:1px solid var(--m-border);border-radius:12px;background:var(--m-bg);box-shadow:var(--m-shadow-pop);opacity:0;transform:translate(-50%,8px) scale(.98);transition:opacity .25s,transform .25s;pointer-events:none}.sc-group-booking .dlg.on{opacity:1;transform:translate(-50%)}.sc-group-booking .dlg .dh{position:relative;padding:16px 18px 10px}.sc-group-booking .dlg .kicker{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted-fg)}.sc-group-booking .dlg h2{margin:3px 0 0;font-size:16px;font-weight:700}.sc-group-booking .dlg p{margin:3px 0 0;font-size:12px;color:var(--m-muted-fg)}.sc-group-booking .dlg .x{position:absolute;top:14px;right:14px;width:15px;height:15px;color:var(--m-muted-fg)}.sc-group-booking .dlg .db{display:flex;flex-direction:column;gap:10px;padding:4px 18px 12px}.sc-group-booking .r3{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px}.sc-group-booking .dlg .fld label{font-size:11.5px}.sc-group-booking .dlg .inp{height:32px}.sc-group-booking .dlg td{padding:6px 8px}.sc-group-booking .share{display:inline-block;min-width:82px;padding:3px 7px;border:1px solid var(--m-border);border-radius:6px;background:var(--m-card);font-weight:600}.sc-group-booking .dlg .tot{display:flex;align-items:center;font-size:11.5px;color:var(--m-muted-fg)}.sc-group-booking .dlg .tot b{color:var(--m-fg)}.sc-group-booking .dlg .df{display:flex;justify-content:flex-end;gap:8px;padding:10px 18px;border-top:1px solid var(--m-border)}