.wl-panel{margin-bottom:16px;padding:0;overflow:hidden;border:1px solid #d8e4f0;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(19,50,84,.06)}.wl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #e3ebf3;background:linear-gradient(135deg,#f8fbff,#f1f7ff)}.wl-eyebrow{margin:0 0 6px;color:#2769eb;font-size:10px;font-weight:800;letter-spacing:.1em}.wl-head h3{margin:0 0 5px;font-size:18px}.wl-head p{margin:0;color:#687b96;font-size:12px}.wl-badge{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#e7f0ff;color:#1857c4;font-size:11px;font-weight:800}.wl-body{padding:20px 22px}.wl-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:10px}.wl-field span{display:block;margin-bottom:6px;color:#61728a;font-size:10px;font-weight:800;text-transform:uppercase}.wl-field select,.wl-field input{width:100%;min-height:39px;border:1px solid #d6e1ed;border-radius:9px;background:#fff;padding:8px 10px;color:#102440}.wl-player-tools{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px}.wl-player-tools strong{font-size:13px}.wl-text-button{border:0;background:none;color:#2769eb;font-weight:700;cursor:pointer}.wl-players{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:7px}.wl-player{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #dce6f0;border-radius:10px;background:#fbfdff;cursor:pointer}.wl-player input{accent-color:#2769eb}.wl-player span{font-size:12px;font-weight:700}.wl-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.wl-actions small{color:#697d96}.wl-primary{border:0;border-radius:9px;padding:10px 15px;background:#2769eb;color:#fff;font-weight:800;cursor:pointer}.wl-primary:disabled{opacity:.5}.wl-results{margin-top:18px;padding-top:17px;border-top:1px solid #e4ebf2}.wl-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.wl-statusbar strong{font-size:14px}.wl-filter{display:flex;gap:5px}.wl-filter button{border:1px solid #d9e3ee;border-radius:8px;padding:6px 9px;background:#fff;color:#60718a;font-size:11px}.wl-filter button.active{background:#153b66;color:#fff;border-color:#153b66}.wl-list{display:grid;gap:7px}.wl-invite{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #e0e8f1;border-radius:10px}.wl-invite b{display:block;font-size:12px}.wl-invite small{color:#71839a}.wl-state{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.wl-state.pending{color:#a55a00;background:#fff1d8}.wl-state.completed{color:#007659;background:#def7ef}.wl-state.expired,.wl-state.revoked{color:#9c3c4b;background:#fde8ec}.wl-invite-actions{display:flex;gap:5px}.wl-invite-actions button,.wl-upgrade a{border:1px solid #d7e2ee;border-radius:8px;padding:7px 9px;background:#fff;color:#183555;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer}.wl-empty{padding:18px;border:1px dashed #ccd9e7;border-radius:10px;text-align:center;color:#73839a;font-size:12px}.wl-upgrade{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.wl-upgrade-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e7efff;color:#2769eb;font-size:21px}.wl-upgrade h4{margin:0 0 4px}.wl-upgrade p{margin:0;color:#6d7e96;font-size:12px}.wl-upgrade a{background:#2769eb;color:#fff;border-color:#2769eb}.wl-toast{position:fixed;right:18px;bottom:18px;z-index:10000;padding:11px 14px;border-radius:10px;background:#102b49;color:#fff;box-shadow:0 10px 30px #102b4933;font-size:12px}@media(max-width:800px){.wl-grid{grid-template-columns:1fr 1fr}.wl-invite{grid-template-columns:1fr auto}.wl-invite-actions{grid-column:1/-1}.wl-head{flex-direction:column}.wl-upgrade{grid-template-columns:auto 1fr}.wl-upgrade a{grid-column:1/-1;text-align:center}}@media(max-width:480px){.wl-grid{grid-template-columns:1fr}.wl-body,.wl-head{padding:16px}.wl-actions,.wl-statusbar{align-items:stretch;flex-direction:column}.wl-primary{width:100%}}
