#panelVip{overflow:auto;padding:24px;min-height:0;flex:1}.vip-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}.vip-toolbar h2{font-size:24px;letter-spacing:-.6px;margin:0}.vip-toolbar p{margin:5px 0;font-size:13px;color:var(--muted,#8b9ba6)}.vip-toolbar>div:first-child{margin-right:auto}.vip-toolbar a{color:inherit;font-size:13px}.vip-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.vip-stat{border:1px solid var(--line,#263944);border-radius:12px;padding:18px;background:var(--panel,#121f27)}.vip-stat strong{display:block;font-size:28px;line-height:1.3}.vip-stat span{font-size:12px;color:var(--muted,#8b9ba6)}.vip-notice{padding:12px 16px;border:1px solid #8b8df844;border-radius:10px;background:#8b8df80c;font-size:12px;line-height:1.65;margin-bottom:20px}.vip-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.vip-filters input{flex:1;min-width:180px}.vip-filters select{max-width:240px}.vip-table-wrap{overflow:auto;border:1px solid var(--line,#263944);border-radius:12px}.vip-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.vip-table th,.vip-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line,#263944)}.vip-table th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted,#8b9ba6);font-weight:600}.vip-table td small{display:block;color:var(--muted,#8b9ba6);font-size:11px;margin-top:5px}.vip-table tr:last-child td{border-bottom:0}.vip-table button{font-size:12px}.vip-badge{display:inline-block;padding:5px 9px;background:#8b8df81c;border-radius:20px;color:#bbbaff;font-size:11px}.vip-empty{padding:40px 20px;text-align:center;color:var(--muted,#8b9ba6)}.vip-pagination{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:16px;font-size:12px}.vip-pagination button{font-size:12px}.vip-error{color:#ff9d9d;min-height:18px;font-size:13px;line-height:1.5}.vip-dialog{width:min(580px,calc(100vw - 28px));max-height:90vh;overflow:auto;border:1px solid var(--line,#334550);border-radius:16px;background:var(--panel,#11202a);color:var(--text,#e4edf3);padding:24px}.vip-dialog::backdrop{background:#0009}.vip-dialog h3{margin:0 0 5px;font-size:22px}.vip-dialog p{font-size:13px;line-height:1.65}.vip-dialog header{display:flex;justify-content:space-between;gap:20px;align-items:start}.vip-dialog header button{background:none;min-width:36px;border:0;font-size:24px;color:inherit;padding:0}.vip-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.vip-details dt{font-size:10px;letter-spacing:.4px;color:var(--muted,#93a5b0);text-transform:uppercase}.vip-details dd{font-size:13px;line-height:1.5;margin:5px 0;overflow-wrap:anywhere}.vip-details .wide{grid-column:1/-1}.vip-dialog label{display:block;font-size:12px;margin:14px 0 7px}.vip-dialog input,.vip-dialog select,.vip-dialog textarea{width:100%}.vip-dialog textarea{min-height:90px;resize:vertical}.vip-dialog footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.vip-dialog .vip-check{display:flex;gap:10px;align-items:start;font-size:12px;line-height:1.6}.vip-check input{width:18px;flex:0 0 18px}.vip-dialog [hidden]{display:none!important}@media(max-width:700px){#panelVip{padding:16px}.vip-summary{grid-template-columns:repeat(2,1fr);gap:8px}.vip-stat{padding:13px}.vip-stat strong{font-size:24px}.vip-toolbar h2{font-size:22px}.vip-filters>*{width:100%;max-width:none!important}.vip-details{grid-template-columns:1fr}.vip-details .wide{grid-column:1}.vip-toolbar>div:first-child{width:100%}}[data-theme="light"] .vip-badge{color:#575ab0}
#panelVip,.vip-dialog{--panel:#121f27;--line:#263944;--muted:#8b9ba6;--text:#e4edf3;color:var(--text)}
html[data-theme="light"] #panelVip,html[data-theme="light"] .vip-dialog{--panel:#fff;--line:#dbe3ed;--muted:#667085;--text:#101828}
#panelVip [hidden]{display:none!important}