.auth-backdrop-pro { z-index:1100; }
.auth-card-pro { width:min(100%,470px);max-height:calc(100vh - 32px);overflow:auto;padding:27px;border:1px solid rgba(255,255,255,.72); }
.auth-card-pro .auth-top { position:sticky;top:-27px;z-index:2;margin:-27px -27px 0;padding:22px 27px 12px;background:linear-gradient(#fff 82%,rgba(255,255,255,0)); }
.auth-heading { margin:19px 0 20px; }
.auth-heading h2 { margin:8px 0 7px; }
.auth-heading p { margin:0;color:var(--muted);line-height:1.55;font-size:14px; }
.auth-mode-label { color:var(--pink);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase; }
.auth-card-pro .field { margin:13px 0; }
.auth-card-pro .field input,.auth-card-pro .field select { min-height:47px; }
.auth-consent { display:flex;align-items:flex-start;gap:9px;margin:15px 0 6px;color:#625b67;font-size:12px;line-height:1.5; }
.auth-consent input { margin-top:3px;accent-color:var(--pink); }
.auth-consent a,.auth-switch a { color:#d72e5b;font-weight:700; }
.password-hint { color:#8e8792;font-size:11px;margin:7px 0 0; }
.auth-security-note { display:flex;gap:10px;align-items:flex-start;margin:15px 0;padding:12px 13px;border:1px solid #e8e3ed;border-radius:13px;background:#faf8fc; }
.auth-security-note>span { color:var(--green);font-size:11px;margin-top:2px; }
.auth-security-note strong { display:block;font-size:12px;margin-bottom:3px; }
.auth-security-note small { display:block;color:var(--muted);font-size:10px;line-height:1.45; }
.auth-submit { min-height:48px; }
.auth-submit[aria-busy="true"] { cursor:wait;opacity:.72; }
.auth-switch { margin:15px 0 0!important;text-align:center;color:var(--muted);font-size:12px; }
.auth-card-pro :focus-visible { outline:3px solid rgba(255,79,123,.2);outline-offset:2px; }

.admin-navigation { display:flex;flex-direction:column; }
.admin-navigation .admin-link { width:100%;border:0;background:transparent;text-align:left;font-family:inherit; }
.admin-navigation .admin-link.active,.admin-navigation .admin-link:hover { background:#382f3e; }
.admin-navigation .admin-link:focus-visible { outline:2px solid rgba(255,255,255,.72);outline-offset:2px;color:#fff; }
.admin-navigation .admin-exit { margin-top:10px;border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding-top:17px; }

.ops-dashboard-head { display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:27px 0 18px; }
.ops-dashboard-head h2 { font:800 30px/1.2 'Plus Jakarta Sans';letter-spacing:-1px;margin:8px 0 5px; }
.ops-dashboard-head p { color:var(--muted);margin:0;max-width:680px;font-size:13px; }
.ops-live { display:inline-flex;align-items:center;gap:7px;color:#168d68;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em; }
.ops-live i { width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(37,197,139,.12); }
.ops-metric-grid { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0; }
.ops-metric { min-width:0;background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;display:flex;gap:11px;align-items:flex-start;box-shadow:0 8px 24px rgba(40,25,42,.035); }
.ops-metric-icon { width:34px;height:34px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;font-size:14px; }
.ops-metric-icon.pink { background:#fff0f4;color:var(--pink); }.ops-metric-icon.violet { background:#f1edff;color:var(--violet); }.ops-metric-icon.green { background:#eafaf4;color:#14966c; }.ops-metric-icon.blue { background:#eaf5ff;color:#237ab9; }.ops-metric-icon.amber { background:#fff6e7;color:#b97413; }.ops-metric-icon.red { background:#fff0f3;color:var(--red); }
.ops-metric strong { display:block;font:800 22px/1.1 'Plus Jakarta Sans'; }
.ops-metric span { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:700;margin-top:4px; }
.ops-metric small { display:block;color:var(--muted);font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.ops-main-grid { display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin:14px 0; }
.ops-panel-head { display:flex;align-items:flex-start;justify-content:space-between;gap:15px; }
.ops-panel-head h3 { margin:0 0 4px; }
.ops-panel-head p { margin:0;color:var(--muted);font-size:10px; }
.ops-panel-head>strong { font:800 20px 'Plus Jakarta Sans'; }
.ops-panel-head>strong small { color:var(--muted);font:500 9px 'DM Sans'; }
.ops-chart { height:195px;margin-top:23px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:flex-start;gap:7px;padding:0 3px; }
.ops-chart.compact { height:195px; }
.ops-bar { position:relative;flex:1 1 7px;min-width:7px;max-width:44px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ff7898,var(--pink));transition:.18s; }
.ops-bar.registration { background:linear-gradient(180deg,#9b87ff,var(--violet)); }
.ops-bar:hover { filter:brightness(.96);transform:translateY(-2px); }
.ops-bar::after { content:attr(data-value);position:absolute;left:50%;top:-24px;transform:translateX(-50%);opacity:0;background:#27222c;color:#fff;border-radius:6px;padding:3px 5px;font-size:8px;pointer-events:none; }
.ops-bar:hover::after { opacity:1; }
.ops-bar>span { position:absolute;left:50%;bottom:-18px;transform:translateX(-50%) rotate(-35deg);font-size:7px;color:#9c95a0;white-space:nowrap; }
.ops-chart-empty { align-self:center;margin:auto;color:var(--muted);font-size:12px; }
.ops-detail-grid { display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-top:14px; }
.ops-mix { display:grid;gap:14px;margin-top:19px; }
.ops-mix header { display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px; }
.ops-mix header span { display:flex;align-items:center;gap:7px;color:#5e5763;font-weight:700; }.ops-mix header i { width:7px;height:7px;border-radius:50%; }.ops-mix header i.pink,.ops-progress span.pink { background:var(--pink); }.ops-mix header i.violet,.ops-progress span.violet { background:var(--violet); }.ops-mix header i.amber,.ops-progress span.amber { background:var(--amber); }.ops-mix header i.green,.ops-progress span.green { background:var(--green); }
.ops-progress { height:6px;border-radius:99px;background:#f1edf2;overflow:hidden; }.ops-progress span { display:block;height:100%;min-width:2px;border-radius:inherit; }
.ops-status-list { margin-top:13px;display:grid; }.ops-status-list>div { min-height:38px;border-top:1px solid #f1edf2;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px; }.ops-status-list span { display:flex;align-items:center;gap:7px;color:#6f6873; }.ops-status-list strong { font-size:10px;white-space:nowrap; }
.ops-state { width:7px;height:7px;border-radius:50%;background:#c8c1ca; }.ops-state.ok { background:var(--green);box-shadow:0 0 0 3px rgba(37,197,139,.1); }.ops-state.attention { background:var(--amber); }
.ops-updated { color:#9b949e;text-align:right;font-size:9px;margin:13px 2px 0; }
.ops-loading { height:330px;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:12px; }.ops-loading span { width:34px;height:34px;margin:auto;border:3px solid #f2eaf0;border-top-color:var(--pink);border-radius:50%;animation:ops-spin .8s linear infinite; }.ops-error { margin-top:26px;text-align:center;padding:40px; }.ops-error p { color:var(--muted); }
@keyframes ops-spin { to { transform:rotate(360deg); } }

@media(max-width:1280px){.ops-metric-grid{grid-template-columns:repeat(3,1fr)}.ops-detail-grid{grid-template-columns:1fr 1fr}.ops-detail-grid .panel:last-child{grid-column:1/-1}}
@media(max-width:850px){.ops-main-grid,.ops-detail-grid{grid-template-columns:1fr}.ops-detail-grid .panel:last-child{grid-column:auto}.ops-dashboard-head{align-items:flex-start;flex-direction:column}.ops-metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.auth-card-pro{padding:21px}.auth-card-pro .auth-top{top:-21px;margin:-21px -21px 0;padding:18px 21px 10px}.auth-card-pro .form-row{grid-template-columns:1fr}.ops-metric-grid{grid-template-columns:1fr}.ops-dashboard-head .btn{width:100%}.ops-chart{height:165px}}
@media(prefers-reduced-motion:reduce){.ops-loading span,.ops-bar{animation:none;transition:none}}
@supports(min-height:100dvh){.admin-shell{min-height:100dvh}}
@media(max-width:780px){.admin-shell{grid-template-columns:64px minmax(0,1fr)}.admin-nav{position:sticky;top:0;height:100dvh;padding:16px 7px}.admin-main{min-width:0;padding:18px 12px}.admin-head h1{font-size:22px}.admin-navigation .admin-link{justify-content:center;padding:12px 9px}.table-panel table{min-width:680px}.ops-updated{text-align:left}}
.settings-security{margin-top:20px;border-left:4px solid var(--violet)}
.settings-security p{margin:0;color:var(--muted)}
.settings-toggle{display:inline-flex;align-items:center;gap:8px;font-weight:700}.settings-toggle input{width:18px;height:18px;accent-color:var(--pink)}
.settings-number{width:110px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.room-admin-input,.room-admin-textarea{width:100%;min-width:130px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.room-admin-textarea{min-width:240px;min-height:72px;resize:vertical}
.member-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 34px}.member-live-card{min-height:112px;padding:18px;border:1px solid #e8e2ec;border-radius:18px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(32,20,43,.05);transition:.18s}.member-live-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(32,20,43,.09)}.member-live-card b,.member-live-card span{display:block}.member-live-card b{font-size:16px;margin-bottom:8px}.member-live-card span{font-size:12px;color:#756e7c;line-height:1.45}.member-live-card.random{border-top:4px solid #ff4f7b}.member-live-card.strangers{border-top:4px solid #6c5ce7}.member-live-card.rooms{border-top:4px solid #149d84}.friend-list{display:grid;gap:10px;margin-top:18px}.friend-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;border:1px solid #e8e2ec;border-radius:15px;background:#fff}.friend-row b,.friend-row span{display:block}.friend-row span{font-size:12px;color:#77717e;margin-top:3px}.friend-row>div:last-child{display:flex;gap:7px}
@media(max-width:760px){.member-live-grid{grid-template-columns:1fr}.member-live-card{min-height:86px}.friend-row{align-items:flex-start;flex-direction:column}.friend-row>div:last-child{width:100%}.friend-row .btn{flex:1}}
.app-ad{flex:0 0 auto;margin:8px 14px;min-height:54px}.app-ad-header,.app-ad-chat-top{order:-1}.app-ad-footer{order:10}.ad-interstitial{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(18,12,22,.65);backdrop-filter:blur(5px)}.ad-interstitial-card{position:relative;width:min(94vw,620px);min-height:220px;padding:38px 20px 20px;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.35)}.ad-interstitial-card>.close{position:absolute;right:12px;top:10px}.ad-interstitial-card .ad-slot{min-height:160px;margin:0}

.premium-promo{flex:0 0 auto;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;margin:8px 18px;padding:9px 12px;border:1px solid #eadffd;border-radius:14px;background:linear-gradient(135deg,#fbf8ff,#fff7fa);box-shadow:0 5px 16px rgba(74,45,112,.055);color:#342b3f}
.premium-promo-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7c5cff,#a06cff);color:#fff;font-size:12px;box-shadow:0 5px 12px rgba(124,92,255,.22)}
.premium-promo-copy{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:baseline}
.premium-promo-copy small{color:#7658cf;font-size:8px;font-weight:900;letter-spacing:.11em}
.premium-promo-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.premium-promo-copy>span{grid-column:1/-1;margin-top:2px;color:#776f7e;font-size:10px;line-height:1.35}
.auth-card .premium-promo{margin:0 0 14px}
.guest-workspace>.premium-promo{margin-top:4px;margin-bottom:4px}
.settings-text{width:min(100%,520px);min-width:230px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.security-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.security-status-card h3{margin:15px 0 6px}.security-status-card>strong{font-size:17px}.security-status-card p{margin:8px 0 0;color:var(--muted);font-size:12px}.security-state{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border-radius:99px;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.security-state.ready{background:#eafaf4;color:#13805f}.security-state.warning{background:#fff5df;color:#9d650d}.security-state.danger{background:#fff0f3;color:#b8294c}.security-recovery-form{margin-top:14px}.security-recovery-form h3,.recovery-code-result h3{margin:0 0 7px}.security-recovery-form .form-row{margin-top:15px}.recovery-code-result{margin-top:14px;border:2px solid #f0dba8;background:#fffdfa}.recovery-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.recovery-code-grid code{padding:10px;border:1px solid #eadfca;border-radius:9px;background:#fff;font:700 13px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-align:center;user-select:all}
@media(max-width:520px){.premium-promo{margin:6px 10px;padding:8px 10px;grid-template-columns:30px minmax(0,1fr)}.premium-promo-icon{width:29px;height:29px}.premium-promo-copy strong{font-size:11px}.premium-promo-copy>span{font-size:9px}.auth-card .premium-promo{margin:0 0 12px}}
@media(max-width:680px){.security-status-grid,.recovery-code-grid{grid-template-columns:1fr}.recovery-code-grid code{font-size:12px}}
.security-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.security-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.security-control-card h3,.security-notifications h3,.security-enrollment h3{margin:0 0 7px}.security-control-card .field{margin:14px 0}.security-control-card .btn{margin-top:5px}.security-pending,.security-enrollment{margin-top:16px;padding:15px;border:1px solid #eadfca;border-radius:14px;background:#fffdfa}.security-pending p{font-size:12px;line-height:1.5;color:var(--muted)}.security-enrollment>code{display:block;margin:14px 0;padding:13px;border:1px dashed #cfc2db;border-radius:10px;background:#fff;font:800 14px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;overflow-wrap:anywhere;user-select:all}.security-inline-actions{display:flex;flex-wrap:wrap;gap:8px}.security-check{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:12px;font-weight:800}.security-check input{width:18px;height:18px;accent-color:var(--red)}.btn-danger{color:#fff;background:linear-gradient(135deg,#d82f56,#ef526e);box-shadow:0 9px 20px rgba(216,47,86,.2)}.security-notifications{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:24px;margin-top:14px}.security-notifications ul{list-style:none;margin:0;padding:0}.security-notifications li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.security-notifications li:first-child{padding-top:0}.security-notifications li:last-child{border-bottom:0;padding-bottom:0}.security-notifications li b,.security-notifications li small{display:block}.security-notifications li b{text-transform:capitalize;font-size:12px}.security-notifications li small{margin-top:3px;color:var(--muted);font-size:9px}
@media(max-width:960px){.security-status-grid{grid-template-columns:1fr 1fr}.security-control-grid,.security-notifications{grid-template-columns:1fr}}
@media(max-width:680px){.security-status-grid{grid-template-columns:1fr}.security-control-card,.security-notifications{padding:16px}.security-inline-actions{display:grid}.security-inline-actions .btn,.security-control-card>.btn{width:100%}}
.auth-switch{text-align:center;margin-top:14px!important}
.content-editor{width:min(920px,calc(100vw - 32px));max-height:92vh;overflow:auto}
.content-editor textarea{min-height:92px;resize:vertical}
.content-editor textarea[name="body"]{min-height:260px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}