:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f8fb;--panel:#fff;--panel-2:#eef2f6;--text:#18212f;--muted:#667085;--border:#d7dee8;--accent:#0f766e;--accent-2:#164e63;--danger:#b42318;--warning:#a15c07;--focus:#2563eb;--coin:#8b5cf6;--profile:#0ea5e9;--pink:#db2777;--purple:#7c3aed;--blue:#2563eb;--success:#15803d}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111827;--panel:#172033;--panel-2:#202b43;--text:#eef2ff;--muted:#a5b4c9;--border:#334155;--accent:#2dd4bf;--accent-2:#67e8f9;--danger:#f87171;--warning:#fbbf24;--focus:#93c5fd;--coin:#c4b5fd;--profile:#7dd3fc;--pink:#f472b6;--purple:#a78bfa;--blue:#60a5fa;--success:#86efac}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{z-index:30;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.shell{grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:1rem}.brand{align-items:center;gap:.65rem;margin:0 0 1rem;font-size:1rem;font-weight:700;display:flex}.nav{gap:.2rem;display:grid}.nav a,.button-link,.button-secondary,.button-danger,.button-blue,.button-pink,.button-primary,.button-purple,.button-success,.user-edit-action{border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;min-height:2.35rem;padding:.52rem .72rem;text-decoration:none;display:inline-flex}.nav a{color:var(--muted)}.nav a[aria-current=page],.nav a:hover{background:var(--panel-2);color:var(--text)}.main{min-width:0;padding:1.25rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.page-title{margin:0;font-size:1.5rem;line-height:1.2}.breadcrumbs{color:var(--muted);margin:0 0 .25rem;font-size:.85rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1rem}.grid{gap:1rem;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;display:grid}.metric{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.9rem}.metric span{color:var(--muted);font-size:.82rem;display:block}.metric strong{margin-top:.35rem;font-size:1.55rem;display:block}.user-hero{grid-template-columns:8.5rem minmax(0,1fr);align-items:start;gap:.9rem 1.25rem;padding:1.15rem;display:grid}.user-portrait{grid-row:1/span 2;place-items:center;gap:.65rem;display:grid}.user-avatar{aspect-ratio:1;background:var(--panel-2);border:.38rem solid color-mix(in srgb, var(--text) 88%, transparent);color:var(--accent-2);border-radius:999px;justify-content:center;align-items:center;inline-size:6.7rem;font-size:1.4rem;font-weight:800;display:grid;overflow:hidden}.user-avatar-photo{object-fit:cover;block-size:100%;inline-size:100%}.user-photo-action-panel{gap:.7rem;display:grid}.user-photo-action-panel summary{cursor:pointer;list-style:none}.user-photo-action-panel summary::-webkit-details-marker{display:none}.photo-action-menu{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:.5rem;inline-size:min(18rem,82vw);padding:.75rem;display:grid}.photo-confirm-panel{gap:.6rem;display:grid}.photo-confirm-panel summary{cursor:pointer;list-style:none}.photo-confirm-panel summary::-webkit-details-marker{display:none}.photo-confirm-panel[open]{background:color-mix(in srgb, var(--danger) 7%, transparent);border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border));border-radius:8px;padding:.6rem}.photo-confirm-panel[open] summary{margin-bottom:.6rem}.user-identity{grid-column:2;gap:0;min-width:0;display:grid}.user-identity h2{margin:0;font-size:1.55rem;line-height:1.2}.user-identity p{overflow-wrap:anywhere;margin:0}.user-quick-grid{grid-column:2;grid-template-columns:repeat(3,minmax(10rem,1fr));gap:.65rem;display:grid}.user-quick-grid div{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;min-width:0;min-height:4.25rem;padding:.72rem .82rem;position:relative}.user-quick-grid span{color:var(--muted);font-size:.78rem;font-weight:700;line-height:1.1;display:block}.user-quick-grid strong{overflow-wrap:anywhere;max-inline-size:100%;margin-top:.22rem;font-size:.94rem;line-height:1.18;display:block}.user-quick-grid div:first-child strong,.user-quick-grid div:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-quick-grid small{color:var(--muted);overflow-wrap:anywhere;margin-top:.22rem;font-size:.74rem;font-weight:700;line-height:1.15;display:block}.field-copy-icon{color:var(--muted);position:absolute;inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.user-summary-cards{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.summary-card{gap:.8rem;display:grid}.summary-card-header{align-items:center;gap:.7rem;display:flex}.summary-card-header h2{margin:0;font-size:1.05rem}.summary-icon{background:var(--panel-2);color:var(--accent-2);border-radius:8px;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;display:inline-flex}.summary-main{font-size:1.35rem;display:block}.summary-lines{border-top:1px solid var(--border);gap:.35rem;padding-top:.7rem;display:grid}.summary-lines span{color:var(--muted);overflow-wrap:anywhere}.tone-subscription{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:inset 4px 0 0 var(--accent)}.tone-payment{border-color:color-mix(in srgb, var(--success) 45%, var(--border));box-shadow:inset 4px 0 0 var(--success)}.tone-coin{border-color:color-mix(in srgb, var(--coin) 45%, var(--border));box-shadow:inset 4px 0 0 var(--coin)}.tone-profile{border-color:color-mix(in srgb, var(--profile) 45%, var(--border));box-shadow:inset 4px 0 0 var(--profile)}.tone-risk{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));box-shadow:inset 4px 0 0 var(--danger)}.tone-warning{border-color:color-mix(in srgb, var(--warning) 45%, var(--border));box-shadow:inset 4px 0 0 var(--warning)}.tone-good{border-color:color-mix(in srgb, var(--success) 45%, var(--border));box-shadow:inset 4px 0 0 var(--success)}.tone-neutral{box-shadow:inset 4px 0 0 var(--border)}.tone-subscription .summary-icon{color:var(--accent)}.tone-payment .summary-icon{color:var(--success)}.tone-coin .summary-icon{color:var(--coin)}.tone-profile .summary-icon{color:var(--profile)}.tone-risk .summary-icon{color:var(--danger)}.tone-warning .summary-icon{color:var(--warning)}.tone-good .summary-icon{color:var(--success)}.user-edit-page{max-width:76rem}.edit-hero{grid-template-columns:auto minmax(14rem,1fr) minmax(20rem,2fr);align-items:center;gap:1rem;display:grid}.edit-hero h2{margin:.4rem 0 .25rem;font-size:1.55rem;line-height:1.2}.edit-hero p{overflow-wrap:anywhere;margin:0}.edit-hero-icon{aspect-ratio:1;background:var(--panel-2);border:1px solid var(--border);color:var(--profile);border-radius:8px;justify-content:center;align-items:center;inline-size:5.25rem;display:grid;overflow:hidden}.edit-hero-photo{object-fit:cover;block-size:100%;inline-size:100%}.edit-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.edit-stat-grid div{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;min-width:0;padding:.75rem}.edit-stat-grid span{color:var(--muted);font-size:.78rem;font-weight:700;display:block}.edit-stat-grid strong{overflow-wrap:anywhere;margin-top:.3rem;display:block}.form-section{gap:1rem;display:grid}.section-heading{gap:.25rem;display:grid}.section-heading h2{margin:0;font-size:1.2rem}.section-heading p{margin:0}.profile-edit-form{max-width:58rem}.edit-action-cards{align-items:stretch}.action-card{gap:.85rem;display:grid}.action-card h3{margin:0;font-size:1rem}.photo-preview-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,12rem));gap:.85rem;display:grid}.photo-preview-card{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;gap:.65rem;padding:.75rem;display:grid}.photo-preview-action-panel{gap:.6rem;display:grid}.photo-preview-action-panel summary{cursor:pointer;list-style:none}.photo-preview-action-panel summary::-webkit-details-marker{display:none}.profile-photo-preview,.photo-preview-placeholder{aspect-ratio:1;background:var(--panel);border:1px solid var(--border);object-fit:cover;border-radius:8px;justify-self:center;inline-size:9rem}.photo-preview-placeholder{color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:1rem;display:grid}.photo-preview-meta{flex-wrap:wrap;gap:.35rem;display:flex}.table-actions{align-items:center;gap:.45rem;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;white-space:nowrap;padding:.72rem}th{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.muted{color:var(--muted)}.badge{background:var(--panel-2);color:var(--text);border-radius:999px;padding:.32rem .55rem;font-size:.78rem;line-height:1;display:inline-flex}.status-pill{background:color-mix(in srgb, var(--purple) 16%, var(--panel-2));color:var(--text);border-radius:999px;padding:.55rem .85rem;font-size:.82rem;font-weight:800;line-height:1;display:inline-flex}.status-active{background:color-mix(in srgb, var(--success) 22%, var(--panel-2));color:var(--success)}.status-inactive,.status-deletion_pending,.status-deleted{background:color-mix(in srgb, var(--warning) 22%, var(--panel-2));color:var(--warning)}.status-banned,.status-suspended{background:color-mix(in srgb, var(--danger) 18%, var(--panel-2));color:var(--danger)}.button-primary{background:var(--accent);color:#fff}.button-blue{background:var(--blue);border-color:color-mix(in srgb, var(--blue) 65%, transparent);color:#fff}.button-pink{background:var(--pink);border-color:color-mix(in srgb, var(--pink) 65%, transparent);color:#fff}.button-purple{background:var(--purple);border-color:color-mix(in srgb, var(--purple) 65%, transparent);color:#fff}.button-success{background:var(--success);border-color:color-mix(in srgb, var(--success) 65%, transparent);color:#fff}.button-secondary,.button-link{background:var(--panel-2);color:var(--text)}.user-edit-action{background:var(--pink);border-color:color-mix(in srgb, var(--pink) 68%, transparent);box-shadow:0 10px 22px color-mix(in srgb, var(--pink) 22%, transparent);color:#fff;justify-content:center;min-width:5.4rem;padding-inline:.9rem;font-weight:800;transition:box-shadow .16s,filter .16s,transform .16s}.user-edit-action svg{flex:none}.user-edit-action:hover{box-shadow:0 14px 28px color-mix(in srgb, var(--pink) 28%, transparent);filter:brightness(1.06);transform:translateY(-1px)}.user-edit-action:focus-visible{outline-offset:2px;outline:2px solid #f472b6b3}.button-danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:800}.form{gap:.85rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.inline-password-form{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:18rem;display:flex}.inline-password-form input{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:6px;min-width:12rem;min-height:2.4rem;padding:.5rem .65rem}.field{gap:.35rem;display:grid}.field label{color:var(--muted);font-size:.86rem;font-weight:600}.field input,.field select,.field textarea{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:6px;min-height:2.4rem;padding:.5rem .65rem}.panel-quiet{border:1px solid var(--border);border-radius:6px;margin:0;padding:.85rem}.panel-quiet legend{color:var(--muted);padding:0 .35rem;font-size:.86rem;font-weight:700}.check-inline{align-items:center;gap:.35rem;display:inline-flex}.filter-grow{flex:18rem}.campaign-meta{color:var(--muted);overflow-wrap:anywhere}.notification-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.notification-preview{align-content:start;gap:.75rem;min-height:14rem;display:grid}.notification-preview h2,.notification-preview p{margin:0}.notification-preview-image{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:100%;max-height:16rem}.check-list{gap:.55rem;display:grid}.check-row{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;align-items:flex-start;gap:.7rem;padding:.75rem;display:flex}.check-row input{flex:none;margin-top:.2rem}.check-row span{gap:.2rem;display:grid}.login-page{align-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{width:100%;max-width:28rem;margin:0 auto}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;display:grid}.kv{border-bottom:1px solid var(--border);padding:.5rem 0}.kv span{color:var(--muted);font-size:.78rem;display:block}.kv strong{overflow-wrap:anywhere;margin-top:.2rem;display:block}.error{color:var(--danger)}.success{color:var(--accent)}.warning{color:var(--warning)}pre{background:var(--panel-2);border-radius:6px;padding:.75rem;overflow-x:auto}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--border);border-right:0}.nav{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.user-hero,.user-summary-cards,.edit-hero,.form-grid,.notification-preview-grid,.user-quick-grid,.edit-stat-grid{grid-template-columns:1fr}.user-identity,.user-quick-grid{grid-column:1}.table-actions{flex-direction:column;align-items:stretch}}