/* Figma 04.3 Guest Profiles — airy register, compact data rows and blue actions. */
.guests-page{padding-bottom:18px}.guest-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.guest-stat{position:relative;min-height:82px;border:1px solid #dee0ec;border-radius:12px;background:#fff;padding:16px;box-shadow:0 5px 10px #081c6908;overflow:hidden}.guest-stat::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--stat)}.guest-stat strong{display:block;color:var(--stat);font-size:25px;line-height:1;font-weight:700}.guest-stat span{display:block;margin-top:9px;color:#7a8498;font-size:11px}.guest-stat.total{--stat:#0f47f1;background:#1648ef}.guest-stat.total strong,.guest-stat.total span{color:#fff}.guest-stat.staying{--stat:#239c51;background:#b8cdfb}.guest-stat.expected{--stat:#d77b0b;background:#e7eefb}.guest-stat.vip{--stat:#7440d7}.guest-panel{background:#fff;border:1px solid #dee0ec;border-radius:14px;min-height:642px;padding:16px;box-shadow:0 5px 10px #081c6908}.guest-panel-head h2{font-size:16px;margin:0 0 14px}.guest-filters{display:grid;grid-template-columns:minmax(235px,1fr) auto auto auto auto;gap:10px;align-items:center}.guest-search{display:flex;align-items:center;gap:8px;border:1px solid #dee0ec;border-radius:10px;padding:10px 12px;min-width:0}.guest-search .icon{width:15px;height:15px;opacity:.65}.guest-search input{border:0;outline:0;background:transparent;font:inherit;font-size:11px;width:100%;min-width:0;color:#14213d}.guest-filters select,.guest-chip{border:1px solid #0f47f1;color:#0f47f1;background:#fff;border-radius:17px;padding:9px 14px;font:inherit;font-size:10px;white-space:nowrap}.guest-filters select{appearance:auto}.guest-chip[aria-pressed=true]{background:#0f47f1;color:#fff}.guest-register{border-radius:17px;padding:10px 18px}.guest-table-wrap{overflow:auto;margin-top:14px}.guest-table{width:100%;min-width:1050px;border-collapse:separate;border-spacing:0 4px;font-size:9px}.guest-table th{text-align:left;color:#657084;font-weight:500;padding:7px 10px;border-top:1px solid #dee0ec;border-bottom:1px solid #dee0ec;white-space:nowrap}.guest-table th:first-child{border-left:1px solid #dee0ec;border-radius:15px 0 0 15px}.guest-table th:last-child{border-right:1px solid #dee0ec;border-radius:0 15px 15px 0}.guest-table td{padding:8px 10px;background:#fff;border-top:1px solid #dee0ec;border-bottom:1px solid #dee0ec;white-space:nowrap;color:#202638}.guest-table td:first-child{display:flex;align-items:center;gap:9px;border-left:1px solid #dee0ec;border-radius:16px 0 0 16px}.guest-table td:last-child{border-right:1px solid #dee0ec;border-radius:0 16px 16px 0}.guest-table tbody tr:hover td{background:#f9fbff}.guest-table td:first-child>span:last-child{display:grid;gap:3px}.guest-table td small{font-size:8px;color:#7f899c}.guest-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#e5defd;color:#4f38ca;font-size:10px;font-weight:600}.guest-avatar.tone-1{background:#e2ecff;color:#2159db}.guest-avatar.tone-2{background:#e4f7ee;color:#18805a}.guest-avatar.tone-3{background:#eee8ff;color:#7244df}.guest-level,.guest-status{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:5px 12px;font-size:8px;min-width:56px}.guest-level.l0{background:#edf0f5;color:#667285}.guest-level.l1{background:#e7efff;color:#0f47f1}.guest-level.l2{background:#fff2d9;color:#b46900}.guest-level.l3{background:#eee4ff;color:#7643dc}.guest-status.s0{background:#e1f8e9;color:#188647}.guest-status.s1{background:#fff1d9;color:#c2770a}.guest-status.s2{background:#edf0f5;color:#687286}.guest-open{background:#0f47f1;color:#fff;border-radius:14px;padding:8px 13px;font-size:9px}.guest-open:hover{background:#093cd3}.guest-demo{color:#99a2b5;font-size:9px;margin:12px 2px}.guest-profile{min-width:min(680px,75vw)}.guest-profile>header{display:flex;align-items:center;gap:15px;border:1px solid #dee0ec;background:#f9fbff;border-radius:14px;padding:16px;margin-bottom:14px}.profile-avatar{width:52px;height:52px;font-size:15px;background:#dfe8ff}.guest-profile header h3{font-size:18px;margin-bottom:7px}.guest-profile header p{font-size:10px;color:#6c778b}.guest-profile header>.guest-status{margin-left:auto}.guest-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guest-profile article{border:1px solid #dee0ec;border-radius:13px;padding:15px}.guest-profile h4{font-size:12px;margin-bottom:12px}.guest-profile dl{display:grid;gap:9px}.guest-profile dl div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #eef1f6;padding-bottom:8px;font-size:11px}.guest-profile dl div:last-child{border-bottom:0;padding-bottom:0}.guest-profile dt{color:#778197}.guest-profile dd{text-align:right}.guest-history{margin-top:14px}.guest-history>div{display:flex;align-items:center;gap:14px}.guest-history span{display:grid;gap:4px;margin-right:auto}.guest-history small{color:#778197;font-size:10px}.guest-history b{color:#188647;background:#e1f8e9;border-radius:12px;padding:5px 10px;font-size:9px}.guest-history>div>strong{font-size:12px}.guest-note{margin-top:14px;background:#f9fbff}.guest-note p{font-size:11px;color:#606b80}.guests-page+.dashboard-footer{margin-top:0}
@media(max-width:1200px){.guest-filters{grid-template-columns:minmax(220px,1fr) repeat(3,auto)}.guest-register{grid-column:4}.guest-table{font-size:8px}.guest-table td,.guest-table th{padding-left:7px;padding-right:7px}.guest-level,.guest-status{padding-left:8px;padding-right:8px}}
@media(max-width:850px){.guest-stats{grid-template-columns:repeat(2,1fr)}.guest-filters{grid-template-columns:1fr 1fr}.guest-search{grid-column:1/-1}.guest-register{grid-column:auto}.guest-panel{padding:12px}.guest-profile{min-width:0}.guest-profile-grid{grid-template-columns:1fr}}
@media(max-width:560px){.guest-stats{gap:8px}.guest-stat{min-height:72px;padding:13px}.guest-stat strong{font-size:22px}.guest-filters{grid-template-columns:1fr}.guest-search,.guest-register{grid-column:auto}.guest-filters>*{width:100%}.guest-profile>header{align-items:flex-start;flex-wrap:wrap}.guest-profile header>.guest-status{margin-left:0}.guest-history>div{align-items:flex-start;flex-wrap:wrap}}