*{
margin:0;
padding:0;
box-sizing:border-box;
}

:root{
--bg:#f4f4f4;
--surface:#ffffff;
--surface-alt:#fafafa;
--surface-hover:#f2f2f2;
--line:#e6e6e6;
--line-strong:#d7d7d7;
--text:#111111;
--muted:#707070;
--shadow:0 14px 34px rgba(17,17,17,0.05);
--radius-xl:28px;
--radius-lg:22px;
--radius-md:16px;
--radius-sm:12px;
}

body{
background:linear-gradient(180deg, #ffffff 0%, var(--bg) 100%);
color:var(--text);
font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
padding:24px;
}

.admin-shell{
max-width:1360px;
margin:0 auto;
}

.container{
display:flex;
flex-direction:column;
gap:20px;
}

.header-card,
.stats-card,
.lead-card,
.login-shell{
background:rgba(255,255,255,0.96);
border:1px solid var(--line);
border-radius:var(--radius-xl);
box-shadow:var(--shadow);
}

.header-card{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:20px;
padding:28px;
}

.account-topbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:18px 22px;
background:rgba(12,12,12,0.96);
border:1px solid var(--line);
border-radius:var(--radius-xl);
box-shadow:var(--shadow);
}

.account-brand{
display:inline-flex;
align-items:center;
min-width:0;
}

.account-brand img{
display:block;
width:clamp(104px, 12vw, 168px);
height:auto;
}

.account-nav{
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
flex-wrap:wrap;
}

.account-section{
display:inline-flex;
align-items:center;
min-height:38px;
padding:0 13px;
border:1px solid var(--line);
border-radius:999px;
color:var(--muted);
font-size:12px;
font-weight:800;
letter-spacing:0.12em;
text-transform:uppercase;
}

.eyebrow{
display:inline-flex;
padding:6px 10px;
border-radius:999px;
background:#f3f3f3;
font-size:11px;
letter-spacing:0.14em;
text-transform:uppercase;
color:var(--muted);
margin-bottom:12px;
}

.header-copy h1{
font-size:42px;
line-height:0.95;
letter-spacing:-0.06em;
margin-bottom:10px;
}

.header-copy p{
max-width:620px;
color:var(--muted);
}

.actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.section-tabs{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.section-tab{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 16px;
border-radius:999px;
border:1px solid var(--line);
background:#fff;
color:#111;
text-decoration:none;
font-size:13px;
font-weight:700;
}

.section-tab:hover{
background:var(--surface-hover);
}

.section-tab.active{
background:#111;
border-color:#111;
color:#fff;
}

.btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 16px;
border-radius:14px;
text-decoration:none;
border:1px solid #111;
background:#111;
color:#fff;
font-size:14px;
font-weight:700;
transition:background 0.18s, transform 0.18s;
}

.btn:hover{
background:#2a2a2a;
transform:translateY(-1px);
}

.btn.secondary{
background:#fff;
color:#111;
border-color:var(--line-strong);
}

.btn.secondary:hover{
background:var(--surface-hover);
}

.btn.danger{
border-color:rgba(255,71,71,0.48);
background:linear-gradient(135deg, #ff4757, #7f1d1d);
color:#fff;
box-shadow:0 14px 34px rgba(255,71,71,0.18);
}

.btn.danger:hover{
background:linear-gradient(135deg, #ff5f6d, #991b1b);
box-shadow:0 18px 42px rgba(255,71,71,0.24);
}

.kpis{
display:grid;
grid-template-columns:repeat(5, minmax(0, 1fr));
gap:14px;
}

.kpis-admin{
grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
}

.kpi{
background:var(--surface);
border:1px solid var(--line);
border-radius:22px;
padding:18px 20px;
box-shadow:var(--shadow);
}

.kpi span{
display:block;
font-size:12px;
text-transform:uppercase;
letter-spacing:0.12em;
color:var(--muted);
margin-bottom:8px;
}

.kpi strong{
font-size:28px;
letter-spacing:-0.05em;
}

.user-stat-card{
text-decoration:none;
color:var(--text);
transition:transform 0.18s, border-color 0.18s;
}

.user-stat-card:hover,
.user-stat-card.active{
transform:translateY(-1px);
border-color:var(--line-strong);
}

.user-stat-user,
.user-role-user{
background:linear-gradient(135deg, rgba(37,99,235,0.24), rgba(12,12,12,0.96));
border-color:rgba(96,165,250,0.45);
}

.user-stat-pro,
.user-role-pro{
background:linear-gradient(135deg, rgba(22,163,74,0.26), rgba(12,12,12,0.96));
border-color:rgba(74,222,128,0.45);
}

.user-role-admin{
background:linear-gradient(135deg, rgba(255,218,85,0.24), rgba(12,12,12,0.96));
border-color:rgba(255,218,85,0.42);
}

.stats-panel{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:14px;
}

.stats-panel-wide{
grid-template-columns:repeat(2, minmax(0, 1fr));
align-items:start;
}

.stats-card{
padding:20px;
display:flex;
flex-direction:column;
gap:16px;
}

.notice{
padding:14px 16px;
border-radius:16px;
border:1px solid var(--line);
background:#fff;
font-size:14px;
font-weight:600;
}

.notice.success{
border-color:#d5eadc;
background:#f8fffa;
color:#19633a;
}

.account-delete-card{
border-color:rgba(255,71,71,0.24);
background:
radial-gradient(circle at 0% 0%, rgba(255,71,71,0.12), transparent 34%),
linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,246,246,0.98));
}

.account-delete-card p{
max-width:840px;
color:#5d1b1b;
font-size:13px;
font-weight:650;
line-height:20px;
}

.account-delete-card p + p{
margin-top:8px;
}

.account-delete-actions{
display:flex;
justify-content:flex-end;
margin-top:18px;
}

.danger-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 18px;
border:1px solid #c52222;
border-radius:999px;
background:#d82929;
color:#fff;
font-size:13px;
font-weight:850;
letter-spacing:-0.01em;
cursor:pointer;
transition:transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.danger-btn:hover,
.danger-btn:focus-visible{
background:#b91f1f;
box-shadow:0 12px 28px rgba(216,41,41,0.22);
outline:none;
transform:translateY(-1px);
}

.user-panel-alerts{
display:grid;
gap:10px;
margin:0 0 18px;
}

.user-panel-alert{
position:relative;
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:13px;
padding:14px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.12);
border-radius:22px;
background:
radial-gradient(circle at 4% 0%, rgba(255,255,255,0.14), transparent 30%),
linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.02)),
#101010;
box-shadow:0 16px 40px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.08);
}

.user-panel-alert.verify-alert{
background:
radial-gradient(circle at 0% 0%, rgba(117,231,255,0.20), transparent 32%),
linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.02)),
#101010;
}

.user-panel-alert.config-alert{
background:
radial-gradient(circle at 0% 0%, rgba(240,255,97,0.18), transparent 32%),
radial-gradient(circle at 100% 100%, rgba(255,111,145,0.16), transparent 32%),
linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.02)),
#101010;
}

.user-panel-alert.account-incomplete-alert{
border-color:rgba(255,86,86,0.36);
background:
radial-gradient(circle at 0% 0%, rgba(255,75,75,0.34), transparent 34%),
radial-gradient(circle at 100% 100%, rgba(255,125,86,0.16), transparent 34%),
linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.018)),
#160b0b;
box-shadow:0 18px 44px rgba(120,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.08);
}

.user-panel-alert .alert-dot{
width:12px;
height:12px;
border-radius:999px;
background:#75e7ff;
box-shadow:0 0 0 7px rgba(117,231,255,0.12);
}

.user-panel-alert.config-alert .alert-dot{
background:#f0ff61;
box-shadow:0 0 0 7px rgba(240,255,97,0.12);
}

.user-panel-alert.account-incomplete-alert .alert-dot{
background:#ff4747;
box-shadow:0 0 0 7px rgba(255,71,71,0.16), 0 0 24px rgba(255,71,71,0.42);
}

.user-panel-alert strong{
display:block;
color:#fff;
font-size:14px;
line-height:18px;
}

.user-panel-alert p{
max-width:780px;
margin:3px 0 0;
color:rgba(255,255,255,0.62);
font-size:12px;
line-height:18px;
}

.user-panel-alert.account-incomplete-alert p{
margin:0;
color:#fff;
font-size:13px;
font-weight:800;
line-height:19px;
}

.alert-status-row{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:10px;
}

.alert-status-pill{
display:inline-flex;
align-items:center;
min-height:27px;
padding:0 10px;
border-radius:999px;
border:1px solid rgba(255,255,255,0.12);
font-size:10px;
font-weight:900;
letter-spacing:0.08em;
text-transform:uppercase;
}

.alert-status-pill::before{
content:"";
width:7px;
height:7px;
margin-right:7px;
border-radius:999px;
}

.alert-status-pill.is-ok{
border-color:rgba(46,210,116,0.44);
background:rgba(46,210,116,0.13);
color:#c8ffd9;
}

.alert-status-pill.is-ok::before{
background:#25c76f;
box-shadow:0 0 0 5px rgba(37,199,111,0.13);
}

.alert-status-pill.is-missing{
border-color:rgba(255,86,86,0.38);
background:rgba(255,86,86,0.13);
color:#ffd2d2;
}

.alert-status-pill.is-missing::before{
background:#ff4747;
box-shadow:0 0 0 5px rgba(255,71,71,0.13);
}

.alert-section-title{
margin-top:12px;
font-size:11px !important;
font-weight:950 !important;
letter-spacing:0.1em;
text-transform:uppercase;
color:rgba(255,255,255,0.78) !important;
}

.alert-helper{
display:block;
margin-top:7px;
max-width:780px;
color:rgba(255,255,255,0.58);
font-size:11px;
font-weight:700;
line-height:16px;
}

.alert-missing-list{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:10px;
}

.alert-missing-list span{
display:inline-flex;
align-items:center;
min-height:25px;
padding:0 9px;
border:1px solid rgba(255,255,255,0.10);
border-radius:999px;
background:rgba(255,255,255,0.07);
color:rgba(255,255,255,0.76);
font-size:10px;
font-weight:850;
letter-spacing:0.04em;
text-transform:uppercase;
}

.user-panel-alert a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:0 14px;
border:1px solid rgba(255,255,255,0.18);
border-radius:18px;
color:#fff;
font-size:12px;
font-weight:700;
text-decoration:none;
white-space:nowrap;
}

.alert-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
flex-wrap:wrap;
}

.alert-resend-form{
display:inline-flex;
align-items:center;
gap:8px;
margin:0;
}

.alert-resend-form span{
color:rgba(255,255,255,0.68);
font-size:11px;
font-weight:750;
white-space:nowrap;
}

.alert-resend-form button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:0 14px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:transparent;
color:#fff;
font-size:12px;
font-weight:700;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
}

.alert-resend-form button:hover,
.alert-resend-form button:focus-visible,
.user-panel-alert a:hover,
.user-panel-alert a:focus-visible{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.30);
outline:none;
}

@media(max-width:720px){
.user-panel-alert{
grid-template-columns:auto 1fr;
}

.alert-actions{
grid-column:1 / -1;
justify-self:start;
justify-content:flex-start;
}

.alert-resend-form{
flex-wrap:wrap;
}
}

.beta-alert{
display:block;
width:100%;
padding:14px 16px;
border-radius:16px;
background:#c81e1e;
color:#fff;
font-size:14px;
font-weight:800;
line-height:1.45;
box-shadow:0 12px 28px rgba(200,30,30,0.18);
}

.beta-alert a{
color:#fff;
font-weight:900;
text-decoration:underline;
text-underline-offset:3px;
}

.error-box{
border-color:#f0d0d0;
background:#fff8f8;
color:#9f1f1f;
}

.stats-head{
display:flex;
justify-content:space-between;
gap:10px;
align-items:flex-end;
}

.stats-head h2{
font-size:20px;
letter-spacing:-0.04em;
}

.stats-head span{
font-size:13px;
color:var(--muted);
}

.subtle-link{
color:inherit;
font-weight:800;
text-decoration:none;
border-bottom:1px solid currentColor;
}

.subtle-link:hover{
color:var(--text);
}

.stats-grid{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.pro-growth-chart{
height:220px;
display:flex;
align-items:flex-end;
gap:10px;
padding:18px;
border:1px solid var(--line);
border-radius:22px;
background:
linear-gradient(180deg, rgba(255,255,255,0.06), transparent),
var(--surface-alt);
}

.pro-growth-chart span{
flex:1;
min-height:12px;
border-radius:999px 999px 8px 8px;
background:linear-gradient(180deg, #fff, #5eead4);
box-shadow:0 12px 28px rgba(94,234,212,0.18);
}

.social-growth-chart span{
background:linear-gradient(180deg, #fff, #a7f3d0);
box-shadow:0 12px 28px rgba(167,243,208,0.16);
}

.range-pills{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0 0 14px;
}

.community-summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:12px;
padding:12px 14px;
border:1px solid var(--line);
border-radius:18px;
background:var(--surface-alt);
}

.community-summary span{
font-size:12px;
color:var(--muted);
}

.community-summary strong{
font-size:22px;
letter-spacing:-0.04em;
}

.dashboard-hero{
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(280px, 0.42fr);
gap:18px;
padding:28px;
border:1px solid rgba(255,255,255,0.12);
border-radius:32px;
background:
radial-gradient(circle at 16% 18%, rgba(34,211,238,0.34), transparent 34%),
radial-gradient(circle at 72% 20%, rgba(163,230,53,0.16), transparent 32%),
radial-gradient(circle at 88% 82%, rgba(248,113,113,0.18), transparent 30%),
linear-gradient(135deg, #070707 0%, #161616 58%, #080808 100%);
box-shadow:0 22px 60px rgba(0,0,0,0.16);
color:#fff;
overflow:hidden;
position:relative;
}

.dashboard-hero::after{
content:"";
position:absolute;
inset:auto -12% -55% 38%;
height:260px;
background:linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
transform:rotate(-8deg);
pointer-events:none;
}

.dashboard-hero-copy,
.dashboard-hero-panel{
position:relative;
z-index:1;
}

.dashboard-hero-copy .eyebrow{
background:rgba(255,255,255,0.10);
color:rgba(255,255,255,0.74);
}

.dashboard-hero-copy h1{
max-width:760px;
font-size:clamp(36px, 5vw, 72px);
line-height:0.9;
letter-spacing:-0.08em;
margin:8px 0 16px;
}

.dashboard-hero-copy p{
max-width:640px;
color:rgba(255,255,255,0.68);
font-size:16px;
line-height:1.55;
}

.dashboard-hero-panel{
align-self:stretch;
display:grid;
align-content:space-between;
gap:16px;
padding:22px;
border:1px solid rgba(255,255,255,0.18);
border-radius:26px;
background:linear-gradient(145deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055));
backdrop-filter:blur(14px);
}

.dashboard-hero-panel span,
.dashboard-hero-panel small{
color:rgba(255,255,255,0.64);
font-size:12px;
font-weight:800;
letter-spacing:0.12em;
text-transform:uppercase;
}

.dashboard-hero-panel strong{
font-size:clamp(44px, 7vw, 88px);
line-height:0.9;
letter-spacing:-0.08em;
}

.hero-mini-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:8px;
}

.hero-mini-grid b,
.hero-mini-grid em{
display:block;
font-style:normal;
}

.hero-mini-grid b{
padding:12px 12px 2px;
border:1px solid rgba(255,255,255,0.16);
border-bottom:0;
border-radius:16px 16px 0 0;
background:linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0.06));
font-size:20px;
letter-spacing:-0.04em;
}

.hero-mini-grid em{
margin-top:-8px;
padding:0 12px 12px;
border:1px solid rgba(255,255,255,0.16);
border-top:0;
border-radius:0 0 16px 16px;
background:linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0.06));
color:rgba(255,255,255,0.72);
font-size:11px;
font-weight:800;
text-transform:uppercase;
}

.insight-grid{
display:grid;
grid-template-columns:repeat(6, minmax(0, 1fr));
gap:12px;
}

.insight-grid-admin{
grid-template-columns:repeat(6, minmax(0, 1fr));
}

.insight-card{
display:grid;
gap:7px;
min-height:136px;
padding:18px;
border:1px solid rgba(255,255,255,0.10);
border-radius:24px;
background:
radial-gradient(circle at 82% 18%, rgba(255,255,255,0.12), transparent 34%),
linear-gradient(145deg, #111 0%, #0b0b0b 100%);
box-shadow:0 18px 42px rgba(0,0,0,0.12);
position:relative;
overflow:hidden;
color:#fff;
}

.insight-card::after{
content:"";
position:absolute;
right:-30px;
bottom:-34px;
width:92px;
height:92px;
border-radius:50%;
background:rgba(255,255,255,0.07);
}

.insight-card-primary{
background:
radial-gradient(circle at 88% 10%, rgba(103,232,249,0.42), transparent 36%),
linear-gradient(135deg, #083344, #101010 72%);
border-color:rgba(103,232,249,0.28);
}

.insight-card-pro{
background:
radial-gradient(circle at 88% 10%, rgba(74,222,128,0.36), transparent 36%),
linear-gradient(135deg, #052e16, #101010 72%);
border-color:rgba(74,222,128,0.28);
}

.insight-card-danger{
background:
radial-gradient(circle at 88% 10%, rgba(248,113,113,0.40), transparent 36%),
linear-gradient(135deg, #450a0a, #101010 72%);
border-color:rgba(248,113,113,0.28);
}

.insight-card-sells{
background:
radial-gradient(circle at 88% 10%, rgba(255,211,82,0.44), transparent 36%),
linear-gradient(135deg, #493405, #101010 72%);
border-color:rgba(255,211,82,0.32);
}

.insight-card span{
font-size:11px;
font-weight:900;
letter-spacing:0.12em;
text-transform:uppercase;
color:rgba(255,255,255,0.62);
}

.insight-card strong{
font-size:34px;
line-height:0.95;
letter-spacing:-0.07em;
color:#fff;
}

.insight-card small{
color:rgba(255,255,255,0.66);
font-size:12px;
line-height:1.35;
}

.agenda-stats-panel{
display:grid;
grid-template-columns:1.35fr repeat(4, minmax(0, 1fr));
gap:12px;
margin-bottom:18px;
}

.agenda-stat-card{
position:relative;
display:grid;
gap:8px;
min-height:142px;
padding:19px;
border:1px solid rgba(255,255,255,0.10);
border-radius:26px;
background:
radial-gradient(circle at 88% 12%, rgba(255,255,255,0.13), transparent 34%),
linear-gradient(145deg, #111 0%, #080808 100%);
box-shadow:0 18px 46px rgba(0,0,0,0.22);
overflow:hidden;
color:#fff;
}

.agenda-stat-card::after{
content:"";
position:absolute;
right:-34px;
bottom:-42px;
width:118px;
height:118px;
border-radius:50%;
background:rgba(255,255,255,0.07);
}

.agenda-stat-card span,
.agenda-stat-card strong,
.agenda-stat-card small,
.agenda-stat-bar{
position:relative;
z-index:1;
}

.agenda-stat-card span{
font-size:10px;
font-weight:900;
letter-spacing:0.13em;
text-transform:uppercase;
color:rgba(255,255,255,0.62);
}

.agenda-stat-card strong{
font-size:34px;
line-height:0.95;
letter-spacing:-0.07em;
color:#fff;
}

.agenda-stat-card small{
align-self:end;
color:rgba(255,255,255,0.68);
font-size:12px;
line-height:1.35;
}

.agenda-stat-main{
grid-row:span 2;
min-height:296px;
align-content:end;
background:
radial-gradient(circle at 80% 10%, rgba(103,232,249,0.42), transparent 34%),
radial-gradient(circle at 12% 82%, rgba(74,222,128,0.20), transparent 32%),
linear-gradient(135deg, #082f49 0%, #090909 74%);
border-color:rgba(103,232,249,0.28);
}

.agenda-stat-main strong{
font-size:62px;
}

.agenda-stat-mailing{
background:
radial-gradient(circle at 88% 12%, rgba(74,222,128,0.34), transparent 34%),
linear-gradient(135deg, #052e16, #090909 74%);
border-color:rgba(74,222,128,0.26);
}

.agenda-stat-client{
background:
radial-gradient(circle at 88% 12%, rgba(250,204,21,0.34), transparent 34%),
linear-gradient(135deg, #422006, #090909 74%);
border-color:rgba(250,204,21,0.26);
}

.agenda-stat-pending{
background:
radial-gradient(circle at 88% 12%, rgba(251,146,60,0.34), transparent 34%),
linear-gradient(135deg, #431407, #090909 74%);
border-color:rgba(251,146,60,0.26);
}

.agenda-stat-featured{
background:
radial-gradient(circle at 88% 12%, rgba(129,140,248,0.35), transparent 34%),
linear-gradient(135deg, #1e1b4b, #090909 74%);
border-color:rgba(129,140,248,0.26);
}

.agenda-stat-bounced{
background:
radial-gradient(circle at 88% 12%, rgba(248,113,113,0.38), transparent 34%),
linear-gradient(135deg, #450a0a, #090909 74%);
border-color:rgba(248,113,113,0.28);
}

.agenda-stat-customer{
background:
radial-gradient(circle at 88% 12%, rgba(45,212,191,0.34), transparent 34%),
linear-gradient(135deg, #134e4a, #090909 74%);
border-color:rgba(45,212,191,0.26);
}

.agenda-stat-vip{
background:
radial-gradient(circle at 88% 12%, rgba(244,114,182,0.38), transparent 34%),
linear-gradient(135deg, #500724, #090909 74%);
border-color:rgba(244,114,182,0.28);
}

.agenda-stat-meet{
background:
radial-gradient(circle at 88% 12%, rgba(56,189,248,0.36), transparent 34%),
linear-gradient(135deg, #0c4a6e, #090909 74%);
border-color:rgba(56,189,248,0.28);
}

.agenda-stat-bar{
height:7px;
border-radius:999px;
background:rgba(255,255,255,0.13);
overflow:hidden;
}

.agenda-stat-bar i{
display:block;
height:100%;
min-width:0;
border-radius:inherit;
background:linear-gradient(90deg, #fff, rgba(255,255,255,0.58));
box-shadow:0 0 18px rgba(255,255,255,0.28);
}

.agenda-stat-mailing .agenda-stat-bar i{
background:linear-gradient(90deg, #86efac, #22c55e);
}

.agenda-stat-client .agenda-stat-bar i{
background:linear-gradient(90deg, #fde68a, #f59e0b);
}

.agenda-stat-pending .agenda-stat-bar i{
background:linear-gradient(90deg, #fed7aa, #f97316);
}

.agenda-stat-featured .agenda-stat-bar i{
background:linear-gradient(90deg, #c4b5fd, #6366f1);
}

.agenda-stat-bounced .agenda-stat-bar i{
background:linear-gradient(90deg, #fecaca, #ef4444);
}

.agenda-stat-customer .agenda-stat-bar i{
background:linear-gradient(90deg, #99f6e4, #14b8a6);
}

.agenda-stat-vip .agenda-stat-bar i{
background:linear-gradient(90deg, #fbcfe8, #db2777);
}

.agenda-stat-meet .agenda-stat-bar i{
background:linear-gradient(90deg, #bae6fd, #0284c7);
}

.agenda-search-card{
display:grid;
gap:18px;
margin-bottom:18px;
padding:20px;
border:1px solid rgba(255,255,255,0.12);
border-radius:30px;
background:
radial-gradient(circle at 15% 0%, rgba(255,255,255,0.12), transparent 34%),
radial-gradient(circle at 88% 18%, rgba(103,232,249,0.10), transparent 32%),
linear-gradient(145deg, rgba(15,15,17,0.96), rgba(7,7,8,0.94));
box-shadow:0 22px 70px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.08);
color:#fff;
}

.agenda-search-card form{
display:grid;
gap:18px;
}

.agenda-search-body{
display:grid;
gap:18px;
}

.agenda-search-collapsible.is-collapsed .agenda-search-body{
display:none;
}

.agenda-search-head{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:18px;
align-items:end;
}

.agenda-search-control{
display:flex;
align-items:stretch;
justify-content:flex-end;
gap:10px;
flex-wrap:wrap;
}

.agenda-search-head h2{
margin:8px 0 6px;
font-size:clamp(26px, 4vw, 44px);
line-height:0.92;
letter-spacing:-0.07em;
}

.agenda-search-head p{
max-width:680px;
margin:0;
color:rgba(255,255,255,0.64);
font-size:14px;
line-height:1.5;
}

.agenda-search-result{
min-width:168px;
display:grid;
gap:4px;
padding:16px;
border:1px solid rgba(255,255,255,0.12);
border-radius:24px;
background:rgba(255,255,255,0.06);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.agenda-search-result span,
.agenda-filter-section h3,
.agenda-filter-grid label span{
color:rgba(255,255,255,0.58);
font-size:10px;
font-weight:900;
letter-spacing:0.13em;
text-transform:uppercase;
}

.agenda-search-result strong{
font-size:34px;
line-height:0.92;
letter-spacing:-0.06em;
}

.agenda-search-result small{
color:rgba(255,255,255,0.58);
}

.agenda-search-toggle{
min-width:148px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
padding:0 16px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:
radial-gradient(circle at 30% 0%, rgba(255,255,255,0.22), transparent 42%),
linear-gradient(145deg, rgba(255,255,255,0.11), rgba(255,255,255,0.035));
color:#fff;
font-size:11px;
font-weight:950;
letter-spacing:0.08em;
text-transform:uppercase;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.13), 0 14px 34px rgba(0,0,0,0.24);
cursor:pointer;
transition:transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.agenda-search-toggle:hover{
transform:translateY(-1px);
border-color:rgba(255,255,255,0.34);
background:
radial-gradient(circle at 30% 0%, rgba(255,255,255,0.28), transparent 46%),
linear-gradient(145deg, rgba(255,255,255,0.16), rgba(255,255,255,0.055));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 18px 42px rgba(0,0,0,0.30);
}

.agenda-search-toggle svg{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-width:2.3;
stroke-linecap:round;
stroke-linejoin:round;
transform:rotate(180deg);
transition:transform 180ms ease;
}

.agenda-search-toggle [data-collapsed-label],
.agenda-search-collapsible.is-collapsed .agenda-search-toggle [data-expanded-label]{
display:none;
}

.agenda-search-collapsible.is-collapsed .agenda-search-toggle [data-collapsed-label]{
display:inline;
}

.agenda-search-collapsible.is-collapsed .agenda-search-toggle svg{
transform:rotate(0deg);
}

.agenda-filter-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:12px;
}

.agenda-filter-grid label{
display:grid;
gap:7px;
}

.agenda-filter-grid input,
.agenda-filter-grid select{
width:100%;
height:44px;
padding:0 13px;
border:1px solid rgba(255,255,255,0.13);
border-radius:16px;
background:rgba(255,255,255,0.06);
color:#fff;
outline:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.agenda-filter-grid input::placeholder{
color:rgba(255,255,255,0.38);
}

.agenda-filter-grid input:hover,
.agenda-filter-grid select:hover,
.agenda-filter-grid input:focus,
.agenda-filter-grid select:focus{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.28);
box-shadow:0 0 0 4px rgba(255,255,255,0.05), inset 0 1px 0 rgba(255,255,255,0.12);
}

.agenda-filter-grid select option{
background:#111;
color:#fff;
}

.agenda-filter-section{
display:grid;
gap:10px;
}

.agenda-filter-section h3{
margin:0;
}

.agenda-chip-grid{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.agenda-chip-grid-large{
max-height:156px;
overflow:auto;
padding-right:4px;
}

.agenda-filter-chip{
cursor:pointer;
}

.agenda-filter-chip input{
position:absolute;
opacity:0;
pointer-events:none;
}

.agenda-filter-chip span{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:0 12px;
border:1px solid rgba(255,255,255,0.13);
border-radius:999px;
background:rgba(255,255,255,0.055);
color:rgba(255,255,255,0.72);
font-size:12px;
font-weight:850;
transition:background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.agenda-filter-chip:hover span{
border-color:rgba(255,255,255,0.32);
color:#fff;
transform:translateY(-1px);
}

.agenda-filter-chip input:checked + span{
background:#fff;
border-color:#fff;
color:#000;
box-shadow:0 12px 30px rgba(0,0,0,0.22);
}

.agenda-search-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
align-items:center;
}

.admin-agenda-search-card{
padding-bottom:18px;
}

.admin-agenda-filter-grid{
grid-template-columns:minmax(0, 1fr) minmax(220px, 0.28fr);
}

.agenda-admin-pills{
display:flex;
flex-wrap:wrap;
gap:10px;
padding-top:2px;
}

.agenda-admin-pills .filter-pill{
border-color:rgba(255,255,255,0.12);
background:rgba(255,255,255,0.07);
color:rgba(255,255,255,0.76);
}

.agenda-admin-pills .filter-pill.active,
.agenda-admin-pills .filter-pill:hover{
background:#fff;
color:#000;
}

.positive{
color:#86efac !important;
}

.negative{
color:#fca5a5 !important;
}

.dashboard-range-pills{
margin:-2px 0 0;
}

.admin-scope-switch{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
padding:8px;
border:1px solid rgba(255,255,255,0.10);
border-radius:26px;
background:
radial-gradient(circle at 18% 22%, rgba(103,232,249,0.12), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.065), rgba(255,255,255,0.025));
box-shadow:0 14px 34px rgba(0,0,0,0.16);
}

.admin-scope-switch a{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:58px;
padding:12px 16px;
border:1px solid rgba(255,255,255,0.08);
border-radius:20px;
background:rgba(255,255,255,0.045);
color:rgba(255,255,255,0.72);
text-decoration:none;
transition:transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease;
}

.admin-scope-switch a:hover,
.admin-scope-switch a.active{
transform:translateY(-1px);
border-color:rgba(255,255,255,0.22);
background:
radial-gradient(circle at 90% 18%, rgba(254,240,138,0.22), transparent 34%),
linear-gradient(145deg, #f8fafc, #dff9ff);
color:#050505;
}

.admin-scope-switch span{
font-size:12px;
font-weight:900;
letter-spacing:0.12em;
text-transform:uppercase;
}

.admin-scope-switch strong{
font-size:24px;
letter-spacing:-0.06em;
}

.analytics-grid{
display:grid;
grid-template-columns:minmax(0, 1.25fr) minmax(320px, 0.75fr);
gap:14px;
align-items:stretch;
}

.analytics-card{
display:grid;
gap:16px;
padding:22px;
border:1px solid rgba(255,255,255,0.10);
border-radius:28px;
background:
radial-gradient(circle at 88% 6%, rgba(94,234,212,0.13), transparent 30%),
linear-gradient(145deg, #101010, #070707);
box-shadow:0 18px 42px rgba(0,0,0,0.14);
overflow:hidden;
color:#fff;
}

.analytics-card-wide{
min-height:360px;
}

.analytics-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
}

.analytics-head span{
display:block;
font-size:11px;
font-weight:900;
letter-spacing:0.14em;
text-transform:uppercase;
color:rgba(255,255,255,0.58);
margin-bottom:6px;
}

.analytics-head h2{
font-size:42px;
line-height:0.95;
letter-spacing:-0.07em;
}

.trend-pill{
display:inline-flex;
align-items:center;
min-height:34px;
padding:0 12px;
border-radius:999px;
background:rgba(255,255,255,0.09);
border:1px solid rgba(255,255,255,0.14);
font-size:12px;
font-weight:900;
white-space:nowrap;
}

.line-chart{
width:100%;
height:auto;
min-height:210px;
border:1px solid rgba(255,255,255,0.10);
border-radius:24px;
background:
radial-gradient(circle at 22% 22%, rgba(94,234,212,0.16), transparent 28%),
linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.055) 1px, transparent 1px),
linear-gradient(180deg, #121212, #080808);
background-size:100% 100%, 100% 25%, 12.5% 100%, 100% 100%;
}

.compact-line-chart{
min-height:190px;
}

.chart-area{
fill:rgba(34,211,238,0.20);
}

.chart-line{
fill:none;
stroke:#67e8f9;
stroke-width:5;
stroke-linecap:round;
stroke-linejoin:round;
filter:drop-shadow(0 0 12px rgba(103,232,249,0.34));
}

.chart-dot{
fill:#050505;
stroke:#e0faff;
stroke-width:3;
}

.social-area{
fill:rgba(163,230,53,0.18);
}

.social-line{
stroke:#a3e635;
}

.social-dot{
stroke:#ecfccb;
}

.chart-footer{
display:flex;
justify-content:space-between;
gap:10px;
flex-wrap:wrap;
color:rgba(255,255,255,0.58);
font-size:12px;
font-weight:800;
}

.heat-dashboard-card{
display:grid;
gap:18px;
overflow:hidden;
position:relative;
background:
radial-gradient(circle at 14% 18%, rgba(251,191,36,0.16), transparent 32%),
radial-gradient(circle at 88% 24%, rgba(34,211,238,0.16), transparent 34%),
radial-gradient(circle at 48% 98%, rgba(248,113,113,0.12), transparent 36%),
linear-gradient(145deg, rgba(13,13,13,0.98), rgba(3,3,3,0.98));
}

.heat-dashboard-card::before{
content:"";
position:absolute;
inset:-120px -160px auto auto;
width:420px;
height:420px;
border-radius:50%;
background:radial-gradient(circle, rgba(255,255,255,0.09), transparent 68%);
pointer-events:none;
}

.heat-index-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px;
align-items:start;
position:relative;
z-index:1;
}

.heat-index-panel{
display:grid;
gap:12px;
align-content:start;
padding:16px;
border:1px solid rgba(255,255,255,0.10);
border-radius:28px;
background:
radial-gradient(circle at 92% 12%, rgba(255,255,255,0.10), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
box-shadow:0 18px 44px rgba(0,0,0,0.16);
}

.heat-index-preferences{
background:
radial-gradient(circle at 12% 14%, rgba(250,204,21,0.16), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.085), rgba(255,255,255,0.035));
}

.heat-index-cities{
align-self:start;
background:
radial-gradient(circle at 88% 14%, rgba(34,211,238,0.18), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.085), rgba(255,255,255,0.035));
}

.heat-index-cities .heat-index-list{
align-content:start;
}

.heat-index-summary{
display:grid;
gap:8px;
padding:18px;
border:1px solid rgba(255,255,255,0.12);
border-radius:24px;
background:
radial-gradient(circle at 90% 18%, rgba(255,255,255,0.10), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04));
color:#fff;
}

.heat-index-summary span,
.heat-index-summary small{
font-size:11px;
font-weight:900;
letter-spacing:0.13em;
text-transform:uppercase;
color:rgba(255,255,255,0.62);
}

.heat-index-summary strong{
font-size:clamp(40px, 5.2vw, 66px);
line-height:0.88;
letter-spacing:-0.08em;
}

.heat-index-list{
display:grid;
gap:10px;
}

.heat-index-row{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:8px 14px;
align-items:center;
padding:14px;
border:1px solid rgba(255,255,255,0.10);
border-radius:20px;
background:
radial-gradient(circle at 95% 16%, rgba(255,255,255,0.08), transparent 30%),
rgba(255,255,255,0.055);
transition:transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.heat-index-row:hover{
transform:translateY(-1px);
border-color:rgba(255,255,255,0.18);
background:rgba(255,255,255,0.075);
}

.heat-index-row span{
display:grid;
gap:2px;
min-width:0;
}

.heat-index-row b{
font-size:14px;
letter-spacing:-0.02em;
color:#fff;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.heat-index-row em{
font-style:normal;
font-size:11px;
font-weight:850;
letter-spacing:0.12em;
text-transform:uppercase;
color:rgba(255,255,255,0.52);
}

.heat-index-row strong{
font-size:20px;
letter-spacing:-0.05em;
}

.heat-index-row i{
grid-column:1 / -1;
display:block;
height:6px;
border-radius:999px;
background:rgba(255,255,255,0.09);
overflow:hidden;
}

.heat-index-row i b{
display:block;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg, #fb7185, #facc15, #67e8f9);
box-shadow:0 0 20px rgba(250,204,21,0.26);
}

.heat-index-cities .heat-index-row i b{
background:linear-gradient(90deg, #67e8f9, #38bdf8, #a3e635);
box-shadow:0 0 20px rgba(103,232,249,0.26);
}

.heat-empty{
margin:0;
padding:16px;
border:1px solid rgba(255,255,255,0.10);
border-radius:20px;
background:rgba(255,255,255,0.045);
color:rgba(255,255,255,0.68);
font-size:14px;
line-height:1.5;
}

.geo-dashboard-card{
display:grid;
gap:18px;
overflow:hidden;
position:relative;
background:
radial-gradient(circle at 18% 18%, rgba(56,189,248,0.16), transparent 34%),
radial-gradient(circle at 88% 30%, rgba(163,230,53,0.12), transparent 32%),
linear-gradient(145deg, rgba(13,13,13,0.98), rgba(3,3,3,0.98));
}

.geo-dashboard-card::after{
content:"";
position:absolute;
inset:-42% auto auto 45%;
width:460px;
height:460px;
border-radius:50%;
background:radial-gradient(circle, rgba(255,255,255,0.09), transparent 68%);
pointer-events:none;
}

.geo-dashboard-grid{
display:grid;
grid-template-columns:minmax(260px, 0.9fr) minmax(0, 1.1fr);
gap:18px;
align-items:center;
position:relative;
z-index:1;
}

.geo-globe-stage{
display:grid;
place-items:center;
min-height:360px;
padding:20px;
border:1px solid rgba(255,255,255,0.10);
border-radius:30px;
background:
radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08), transparent 42%),
radial-gradient(circle at 50% 64%, rgba(14,165,233,0.09), transparent 52%),
linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.025));
}

.geo-globe{
width:min(330px, 76vw);
aspect-ratio:1;
border-radius:50%;
position:relative;
overflow:hidden;
isolation:isolate;
background:
radial-gradient(circle at 27% 22%, rgba(255,255,255,0.46), transparent 10%),
radial-gradient(circle at 42% 38%, rgba(186,230,253,0.38), transparent 34%),
radial-gradient(circle at 66% 72%, rgba(14,165,233,0.22), transparent 30%),
linear-gradient(145deg, #1d8fbd 0%, #0e699b 28%, #07446e 58%, #031628 100%);
box-shadow:
inset -48px -38px 82px rgba(0,0,0,0.66),
inset 30px 24px 56px rgba(255,255,255,0.18),
0 34px 92px rgba(14,165,233,0.27),
0 0 0 1px rgba(255,255,255,0.14),
0 0 42px rgba(103,232,249,0.14);
animation:geoGlobeFloat 7s ease-in-out infinite;
}

.geo-globe::before{
content:"";
position:absolute;
inset:8%;
border-radius:50%;
border:1px solid rgba(255,255,255,0.08);
box-shadow:inset 0 0 32px rgba(255,255,255,0.06);
z-index:5;
pointer-events:none;
}

.geo-globe-shine{
position:absolute;
inset:0;
border-radius:50%;
background:
radial-gradient(circle at 26% 19%, rgba(255,255,255,0.48), transparent 15%),
radial-gradient(circle at 72% 80%, rgba(255,255,255,0.10), transparent 32%),
linear-gradient(112deg, rgba(255,255,255,0.18), transparent 35%, rgba(255,255,255,0.06) 76%, transparent);
z-index:7;
pointer-events:none;
mix-blend-mode:screen;
}

.geo-globe-grid{
position:absolute;
inset:-8%;
border-radius:50%;
background:
repeating-linear-gradient(90deg, rgba(255,255,255,0.11) 0 1px, transparent 1px 31px),
repeating-linear-gradient(0deg, rgba(255,255,255,0.08) 0 1px, transparent 1px 31px);
opacity:0.28;
transform:rotate(-9deg);
animation:geoGridDrift 18s linear infinite;
z-index:2;
mix-blend-mode:screen;
}

.geo-globe-map{
position:absolute;
inset:4%;
border-radius:50%;
transform:translate(var(--geo-offset-x, 0%), var(--geo-offset-y, 0%));
transition:transform 700ms ease;
z-index:4;
}

.geo-globe-land{
position:absolute;
inset:-9%;
border-radius:50%;
background:
radial-gradient(ellipse at 31% 32%, rgba(20,83,45,0.46) 0 10%, transparent 15%),
radial-gradient(ellipse at 55% 43%, rgba(22,101,52,0.36) 0 14%, transparent 22%),
radial-gradient(ellipse at 76% 35%, rgba(21,128,61,0.34) 0 16%, transparent 25%),
radial-gradient(ellipse at 37% 71%, rgba(101,163,13,0.26) 0 9%, transparent 15%);
filter:blur(1.6px) saturate(1.1);
opacity:0.34;
z-index:1;
}

.geo-world-map{
position:absolute;
inset:-1%;
width:102%;
height:102%;
z-index:3;
filter:
drop-shadow(0 2px 1px rgba(0,0,0,0.22))
drop-shadow(0 0 12px rgba(132,204,22,0.14));
opacity:0.94;
transform:rotate(-2deg);
}

.geo-world-map .continent{
fill:#6ed47d;
stroke:rgba(255,255,255,0.24);
stroke-width:0.72;
stroke-linejoin:round;
stroke-linecap:round;
}

.geo-world-map .continent-america-north,
.geo-world-map .continent-europe,
.geo-world-map .continent-asia{
fill:#8ae68d;
}

.geo-world-map .continent-america-south,
.geo-world-map .continent-africa,
.geo-world-map .continent-australia,
.geo-world-map .continent-islands{
fill:#4fc978;
}

.geo-world-map .continent-greenland{
fill:#d7fbe8;
opacity:0.92;
}

.geo-world-map .continent-central,
.geo-world-map .continent-india{
fill:#72d96f;
}

.geo-hotspot{
position:absolute;
width:calc(12px * var(--geo-size, 1));
height:calc(12px * var(--geo-size, 1));
min-width:9px;
min-height:9px;
border-radius:50%;
transform:translate(-50%, -50%);
background:#fef3c7;
box-shadow:
0 0 0 5px rgba(251,191,36,0.14),
0 0 22px rgba(251,191,36,0.78),
0 0 46px rgba(14,165,233,0.36);
animation:geoHotspotPulse 2.4s ease-in-out infinite;
animation-delay:var(--geo-delay, 0s);
z-index:8;
}

.geo-hotspot.primary{
background:#ffffff;
width:calc(17px * var(--geo-size, 1));
height:calc(17px * var(--geo-size, 1));
z-index:10;
box-shadow:
0 0 0 8px rgba(255,255,255,0.18),
0 0 0 18px rgba(251,191,36,0.11),
0 0 34px rgba(255,255,255,0.96),
0 0 84px rgba(250,204,21,0.68),
0 0 120px rgba(34,211,238,0.48);
}

.geo-hotspot.primary::before,
.geo-hotspot.primary::after{
content:"";
position:absolute;
inset:50% auto auto 50%;
width:52px;
height:52px;
border-radius:50%;
transform:translate(-50%, -50%);
border:1px solid rgba(255,255,255,0.32);
animation:geoPrimarySignal 2.8s ease-out infinite;
pointer-events:none;
}

.geo-hotspot.primary::after{
width:78px;
height:78px;
animation-delay:0.55s;
border-color:rgba(250,204,21,0.24);
}

.geo-location-panel{
display:grid;
gap:14px;
}

.geo-location-summary{
display:grid;
gap:8px;
padding:20px;
border:1px solid rgba(255,255,255,0.12);
border-radius:26px;
background:
radial-gradient(circle at 88% 12%, rgba(255,255,255,0.11), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.045));
color:#fff;
}

.geo-location-summary span,
.geo-location-summary small{
font-size:11px;
font-weight:900;
letter-spacing:0.13em;
text-transform:uppercase;
color:rgba(255,255,255,0.62);
}

.geo-location-summary strong{
font-size:clamp(44px, 6vw, 72px);
line-height:0.88;
letter-spacing:-0.08em;
}

.geo-empty{
margin:0;
color:rgba(255,255,255,0.68);
font-size:14px;
}

.geo-location-list{
display:grid;
gap:10px;
}

.geo-location-row{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:8px 14px;
align-items:center;
padding:14px;
border:1px solid rgba(255,255,255,0.10);
border-radius:20px;
background:rgba(255,255,255,0.055);
}

.geo-location-row span{
display:grid;
gap:2px;
min-width:0;
}

.geo-location-row b{
font-size:14px;
letter-spacing:-0.02em;
color:#fff;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.geo-location-row em{
font-style:normal;
font-size:11px;
font-weight:850;
letter-spacing:0.12em;
text-transform:uppercase;
color:rgba(255,255,255,0.52);
}

.geo-location-row strong{
font-size:20px;
letter-spacing:-0.05em;
}

.geo-location-row i{
grid-column:1 / -1;
display:block;
height:6px;
border-radius:999px;
background:rgba(255,255,255,0.09);
overflow:hidden;
}

.geo-location-row i b{
display:block;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg, #67e8f9, #fef08a, #fb7185);
box-shadow:0 0 18px rgba(103,232,249,0.26);
}

@keyframes geoGlobeFloat{
0%,100%{transform:translateY(0) rotate(-1deg);}
50%{transform:translateY(-8px) rotate(1deg);}
}

@keyframes geoGridDrift{
0%{background-position:0 0, 0 0;}
100%{background-position:68px 0, 0 68px;}
}

@keyframes geoHotspotPulse{
0%,100%{transform:translate(-50%, -50%) scale(1); opacity:0.88;}
50%{transform:translate(-50%, -50%) scale(1.26); opacity:1;}
}

@keyframes geoPrimarySignal{
0%{opacity:0.84; transform:translate(-50%, -50%) scale(0.32);}
72%{opacity:0.12;}
100%{opacity:0; transform:translate(-50%, -50%) scale(1.18);}
}

.dashboard-social-list .social-link-row{
grid-template-columns:minmax(0, 1fr) auto;
box-shadow:none;
}

.health-card{
display:grid;
gap:18px;
}

.health-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:12px;
}

.health-item{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:8px 12px;
align-items:center;
padding:16px;
border:1px solid rgba(255,255,255,0.12);
border-radius:20px;
background:
radial-gradient(circle at 92% 16%, rgba(255,255,255,0.09), transparent 30%),
linear-gradient(145deg, #141414, #0b0b0b);
color:#fff;
}

.health-item span{
font-size:12px;
font-weight:850;
color:rgba(255,255,255,0.62);
}

.health-item strong{
font-size:18px;
letter-spacing:-0.04em;
}

.health-item i{
grid-column:1 / -1;
display:block;
height:7px;
min-width:7px;
border-radius:999px;
background:linear-gradient(90deg, #111, #5eead4);
box-shadow:0 0 18px rgba(94,234,212,0.22);
}

.health-item .danger-bar{
background:linear-gradient(90deg, #ff5656, #ffb4b4);
}

.social-command-card,
.social-growth-card{
display:grid;
gap:18px;
overflow:hidden;
position:relative;
}

.social-command-card::before,
.social-growth-card::before{
content:"";
position:absolute;
inset:auto -120px -180px auto;
width:360px;
height:360px;
border-radius:50%;
background:radial-gradient(circle, rgba(94,234,212,0.16), transparent 68%);
pointer-events:none;
}

.social-command-grid{
display:grid;
grid-template-columns:minmax(240px, 0.82fr) minmax(0, 1.5fr);
gap:14px;
position:relative;
z-index:1;
}

.social-total-card{
display:grid;
align-content:end;
gap:12px;
min-height:260px;
padding:22px;
border:1px solid rgba(103,232,249,0.22);
border-radius:28px;
background:
radial-gradient(circle at 20% 18%, rgba(34,211,238,0.34), transparent 34%),
radial-gradient(circle at 86% 82%, rgba(163,230,53,0.22), transparent 34%),
linear-gradient(145deg, #082f49, #070707 72%);
box-shadow:0 22px 54px rgba(0,0,0,0.22);
color:#fff;
}

.social-total-card span,
.social-total-card small{
font-size:11px;
font-weight:900;
letter-spacing:0.13em;
text-transform:uppercase;
color:rgba(255,255,255,0.62);
}

.social-total-card strong{
font-size:58px;
line-height:0.9;
letter-spacing:-0.08em;
}

.social-total-pulse{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
}

.social-total-pulse b,
.social-total-pulse em{
display:inline-flex;
align-items:center;
min-height:32px;
padding:0 11px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.09);
font-size:12px;
font-weight:900;
font-style:normal;
}

.social-network-cards{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px;
}

.social-network-card{
display:grid;
gap:10px;
padding:17px;
border:1px solid rgba(255,255,255,0.11);
border-radius:24px;
background:
radial-gradient(circle at 92% 10%, rgba(255,255,255,0.10), transparent 28%),
linear-gradient(145deg, #141414, #090909);
box-shadow:0 16px 34px rgba(0,0,0,0.16);
color:#fff;
}

.social-network-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}

.social-network-top > span{
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 9px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(255,255,255,0.06);
color:rgba(255,255,255,0.62);
font-size:10px;
font-weight:900;
letter-spacing:0.1em;
text-transform:uppercase;
white-space:nowrap;
}

.social-network-number{
font-size:32px;
font-weight:900;
line-height:0.95;
letter-spacing:-0.07em;
}

.social-dashboard-update{
display:flex;
align-items:center;
justify-content:flex-start;
margin-top:-2px;
}

.social-network-card .social-followers-update{
width:max-content;
max-width:100%;
border-color:rgba(255,255,255,0.14);
background:rgba(255,255,255,0.07);
}

.social-network-card .social-followers-input{
width:104px;
background:rgba(0,0,0,0.20);
}

.social-network-card .social-update-btn{
box-shadow:0 10px 24px rgba(0,0,0,0.20);
}

.social-share-bar{
height:7px;
border-radius:999px;
background:rgba(255,255,255,0.10);
overflow:hidden;
}

.social-share-bar i{
display:block;
height:100%;
min-width:7px;
border-radius:inherit;
background:linear-gradient(90deg, #67e8f9, #a3e635);
box-shadow:0 0 18px rgba(103,232,249,0.22);
}

.social-network-card small{
color:rgba(255,255,255,0.58);
font-size:11px;
font-weight:800;
line-height:1.35;
}

.social-growth-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:12px;
position:relative;
z-index:1;
}

.social-growth-item{
display:grid;
gap:12px;
padding:16px;
border:1px solid rgba(255,255,255,0.11);
border-radius:24px;
background:
radial-gradient(circle at 20% 0%, rgba(163,230,53,0.12), transparent 34%),
linear-gradient(145deg, #121212, #080808);
box-shadow:0 16px 34px rgba(0,0,0,0.15);
color:#fff;
}

.social-growth-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}

.social-growth-head .trend-pill{
min-height:30px;
padding:0 10px;
font-size:11px;
}

.mini-social-chart{
width:100%;
height:70px;
border:1px solid rgba(255,255,255,0.09);
border-radius:18px;
background:
linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px),
linear-gradient(180deg, #111, #070707);
background-size:100% 50%, 20% 100%, 100% 100%;
}

.mini-social-chart polygon{
fill:rgba(163,230,53,0.16);
}

.mini-social-chart polyline{
fill:none;
stroke:#a3e635;
stroke-width:5;
stroke-linecap:round;
stroke-linejoin:round;
filter:drop-shadow(0 0 10px rgba(163,230,53,0.28));
}

.social-growth-bottom{
display:grid;
grid-template-columns:1fr;
gap:3px;
}

.social-growth-bottom span{
color:rgba(255,255,255,0.50);
font-size:11px;
font-weight:800;
}

.social-growth-bottom strong{
font-size:13px;
font-weight:950;
}

.social-empty-state{
display:grid;
gap:7px;
padding:20px;
border:1px dashed rgba(255,255,255,0.18);
border-radius:24px;
background:rgba(255,255,255,0.04);
color:#fff;
position:relative;
z-index:1;
}

.social-empty-state strong{
font-size:18px;
letter-spacing:-0.03em;
}

.social-empty-state span{
color:rgba(255,255,255,0.62);
font-size:13px;
line-height:1.45;
}

.admin-rankings-card{
position:relative;
overflow:hidden;
display:grid;
gap:18px;
}

.admin-rankings-card::before{
content:"";
position:absolute;
inset:-120px auto auto -140px;
width:340px;
height:340px;
border-radius:50%;
background:radial-gradient(circle, rgba(255,255,255,0.10), transparent 68%);
pointer-events:none;
}

.admin-rankings-card::after{
content:"";
position:absolute;
inset:auto -150px -190px auto;
width:390px;
height:390px;
border-radius:50%;
background:radial-gradient(circle, rgba(94,234,212,0.16), transparent 68%);
pointer-events:none;
}

.admin-rankings-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:16px;
position:relative;
z-index:1;
}

.admin-ranking-panel{
display:grid;
align-content:start;
gap:14px;
min-width:0;
padding:18px;
border:1px solid rgba(255,255,255,0.12);
border-radius:28px;
background:
radial-gradient(circle at 0% 0%, rgba(255,255,255,0.11), transparent 34%),
linear-gradient(145deg, rgba(18,18,18,0.96), rgba(7,7,7,0.98));
box-shadow:0 20px 44px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.08);
color:#fff;
}

.ranking-followers{
background:
radial-gradient(circle at 8% 4%, rgba(252,211,77,0.19), transparent 34%),
radial-gradient(circle at 100% 28%, rgba(251,146,60,0.13), transparent 32%),
linear-gradient(145deg, rgba(20,16,8,0.98), rgba(7,7,7,0.98));
}

.ranking-agenda{
background:
radial-gradient(circle at 8% 4%, rgba(94,234,212,0.18), transparent 34%),
radial-gradient(circle at 100% 28%, rgba(96,165,250,0.15), transparent 32%),
linear-gradient(145deg, rgba(8,18,20,0.98), rgba(7,7,7,0.98));
}

.admin-ranking-panel-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
}

.admin-ranking-panel-head div{
display:grid;
gap:4px;
}

.admin-ranking-panel-head span{
color:rgba(255,255,255,0.58);
font-size:10px;
font-weight:950;
letter-spacing:0.16em;
text-transform:uppercase;
}

.admin-ranking-panel-head h3{
margin:0;
font-size:clamp(1.35rem, 2vw, 2.05rem);
line-height:0.95;
letter-spacing:-0.07em;
}

.admin-ranking-panel-head > strong{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:58px;
height:38px;
padding:0 12px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.08);
font-size:12px;
font-weight:950;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
}

.admin-ranking-list{
display:grid;
gap:10px;
}

.admin-ranking-row{
display:grid;
grid-template-columns:42px minmax(0, 1fr) auto;
align-items:center;
gap:12px;
padding:12px;
border:1px solid rgba(255,255,255,0.10);
border-radius:22px;
background:
radial-gradient(circle at 0% 0%, rgba(255,255,255,0.08), transparent 28%),
rgba(255,255,255,0.055);
transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.admin-ranking-row:hover{
border-color:rgba(255,255,255,0.22);
background:
radial-gradient(circle at 0% 0%, rgba(255,255,255,0.12), transparent 28%),
rgba(255,255,255,0.08);
transform:translateY(-1px);
}

.admin-ranking-position{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border:1px solid rgba(255,255,255,0.14);
border-radius:16px;
background:rgba(0,0,0,0.24);
color:rgba(255,255,255,0.76);
font-size:12px;
font-weight:950;
letter-spacing:-0.02em;
}

.ranking-followers .admin-ranking-position{
color:#111;
background:linear-gradient(135deg, #facc15, #fb923c);
box-shadow:0 12px 28px rgba(250,204,21,0.14);
}

.ranking-agenda .admin-ranking-position{
color:#03110f;
background:linear-gradient(135deg, #5eead4, #60a5fa);
box-shadow:0 12px 28px rgba(94,234,212,0.14);
}

.admin-ranking-main{
display:grid;
gap:5px;
min-width:0;
}

.admin-ranking-main strong{
display:flex;
align-items:center;
gap:6px;
min-width:0;
font-size:15px;
font-weight:950;
letter-spacing:-0.035em;
line-height:1.1;
}

.admin-ranking-main .partner-verified-star{
width:18px;
height:18px;
font-size:9px;
flex:0 0 auto;
}

.admin-ranking-main small{
overflow:hidden;
color:rgba(255,255,255,0.56);
font-size:11px;
font-weight:760;
line-height:1.35;
text-overflow:ellipsis;
white-space:nowrap;
}

.admin-ranking-main i{
display:block;
height:6px;
overflow:hidden;
border-radius:999px;
background:rgba(255,255,255,0.10);
}

.admin-ranking-main i b{
display:block;
height:100%;
min-width:8px;
border-radius:inherit;
background:linear-gradient(90deg, #facc15, #fb923c);
box-shadow:0 0 18px rgba(250,204,21,0.18);
}

.ranking-agenda .admin-ranking-main i b{
background:linear-gradient(90deg, #5eead4, #60a5fa);
box-shadow:0 0 18px rgba(94,234,212,0.18);
}

.admin-ranking-metric{
display:grid;
justify-items:end;
gap:2px;
min-width:96px;
}

.admin-ranking-metric strong{
font-size:22px;
font-weight:950;
letter-spacing:-0.07em;
line-height:1;
}

.admin-ranking-metric span{
color:rgba(255,255,255,0.50);
font-size:10px;
font-weight:950;
letter-spacing:0.12em;
text-transform:uppercase;
}

.admin-ranking-metric a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:24px;
padding:0 9px;
margin-top:3px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.08);
color:rgba(255,255,255,0.78);
font-size:10px;
font-weight:950;
letter-spacing:0.08em;
text-decoration:none;
text-transform:uppercase;
}

.admin-ranking-metric a:hover,
.admin-ranking-metric a:focus-visible{
border-color:rgba(255,255,255,0.28);
background:rgba(255,255,255,0.14);
color:#fff;
outline:none;
}

.stat-link{
text-decoration:none;
color:inherit;
transition:background 0.18s, border-color 0.18s, transform 0.18s;
}

.stat-link:hover{
background:#f0f0f0;
transform:translateY(-1px);
}

.stat-link.active{
background:#111;
border-color:#111;
}

.stat-link.active span,
.stat-link.active strong{
color:#fff;
}

.stat-pill{
flex:1 1 110px;
display:grid;
gap:6px;
padding:12px 14px;
border-radius:18px;
background:var(--surface-alt);
border:1px solid var(--line);
}

.stat-pill span{
font-size:12px;
color:var(--muted);
}

.stat-pill strong{
font-size:18px;
}

.lead-list{
display:grid;
gap:14px;
}

.filter-toolbar{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.filter-toolbar-split{
align-items:center;
justify-content:space-between;
}

.filter-pill{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:0 14px;
border-radius:999px;
background:#fff;
border:1px solid var(--line);
text-decoration:none;
font-size:13px;
font-weight:700;
color:#111;
}

.filter-pill.active,
.filter-pill:hover{
background:var(--surface-hover);
}

.event-layout{
display:grid;
grid-template-columns:360px minmax(0, 1fr);
gap:14px;
align-items:start;
}

.landing-admin-hero{
position:relative;
display:grid;
grid-template-columns:minmax(0, 1.25fr) minmax(280px, 0.75fr);
gap:18px;
align-items:stretch;
overflow:hidden;
padding:26px;
border-color:rgba(255,255,255,0.12);
background:
radial-gradient(circle at 8% 0%, rgba(255,255,255,0.18), transparent 32%),
radial-gradient(circle at 92% 15%, rgba(255,71,71,0.22), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.02)),
rgba(8,8,8,0.96);
}

.landing-admin-hero::after{
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
background:
linear-gradient(135deg, rgba(255,255,255,0.10), transparent 42%),
radial-gradient(circle at 82% 86%, rgba(255,255,255,0.10), transparent 28%);
pointer-events:none;
}

.landing-admin-copy,
.landing-admin-metrics{
position:relative;
z-index:1;
}

.landing-admin-copy{
display:grid;
gap:10px;
align-content:center;
}

.landing-admin-copy span{
width:max-content;
padding:8px 11px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(0,0,0,0.24);
color:rgba(255,255,255,0.72);
font-size:11px;
font-weight:900;
letter-spacing:0.14em;
text-transform:uppercase;
}

.landing-admin-copy h2{
max-width:760px;
margin:0;
color:#fff;
font-size:clamp(30px, 4vw, 58px);
font-weight:950;
letter-spacing:-0.07em;
line-height:0.94;
}

.landing-admin-copy p{
max-width:660px;
margin:0;
color:rgba(255,255,255,0.68);
font-size:15px;
font-weight:650;
line-height:1.55;
}

.landing-admin-metrics{
display:grid;
grid-template-columns:1fr;
gap:10px;
}

.landing-admin-metrics article{
display:grid;
gap:4px;
padding:16px;
border:1px solid rgba(255,255,255,0.11);
border-radius:22px;
background:
radial-gradient(circle at 100% 0%, rgba(255,255,255,0.16), transparent 34%),
rgba(255,255,255,0.055);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12);
}

.landing-admin-metrics strong{
color:#fff;
font-size:34px;
font-weight:950;
letter-spacing:-0.07em;
line-height:1;
}

.landing-admin-metrics span{
color:rgba(255,255,255,0.62);
font-size:11px;
font-weight:900;
letter-spacing:0.12em;
text-transform:uppercase;
}

.landing-admin-page .event-layout{
grid-template-columns:minmax(340px, 0.78fr) minmax(0, 1.22fr);
gap:18px;
}

.landing-admin-page .event-create-card{
position:sticky;
top:24px;
overflow:hidden;
border-color:rgba(255,255,255,0.12);
background:
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.14), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.018)),
rgba(8,8,8,0.96);
}

.landing-admin-page .event-card{
border-color:rgba(255,255,255,0.12);
background:
linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.018)),
rgba(11,11,11,0.96);
}

.link-admin-page{
--link-lime:#f1ff5c;
--link-mint:#9effe1;
--link-event:#44e77c;
--link-music:#5eead4;
--link-blue:#60a5fa;
--link-gold:#facc15;
--link-accent:var(--link-mint);
--link-accent-rgb:158,255,225;
background:
radial-gradient(circle at 8% -6%, rgba(94,234,212,0.10), transparent 34%),
radial-gradient(circle at 92% 8%, rgba(250,204,21,0.08), transparent 30%),
#030303;
}

@keyframes linkLiquidBreath{
0%,100%{
opacity:.42;
transform:translate3d(-7%, -6%, 0) rotate(0deg) scale(1);
}
50%{
opacity:.78;
transform:translate3d(7%, 5%, 0) rotate(7deg) scale(1.08);
}
}

@keyframes linkBorderGlide{
0%{
background-position:0% 50%;
}
50%{
background-position:100% 50%;
}
100%{
background-position:0% 50%;
}
}

.link-admin-page .container{
max-width:1360px;
}

.link-admin-hero{
position:relative;
isolation:isolate;
display:grid;
grid-template-columns:minmax(0, 1.1fr) minmax(320px, 0.9fr);
gap:18px;
align-items:stretch;
overflow:hidden;
padding:28px;
border-color:rgba(255,255,255,0.14);
background:
radial-gradient(circle at 8% 0%, rgba(255,255,255,0.18), transparent 32%),
radial-gradient(circle at 88% 12%, rgba(94,234,212,0.26), transparent 30%),
radial-gradient(circle at 55% 120%, rgba(250,204,21,0.14), transparent 38%),
linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.018)),
rgba(7,7,8,0.98);
box-shadow:0 28px 80px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.10);
}

.link-admin-hero::before{
content:"";
position:absolute;
inset:1px;
z-index:-1;
border-radius:inherit;
background:
linear-gradient(135deg, rgba(255,255,255,0.10), transparent 42%),
radial-gradient(circle at 96% 96%, rgba(255,255,255,0.12), transparent 28%);
pointer-events:none;
}

.link-admin-hero-copy{
display:grid;
align-content:center;
gap:12px;
}

.link-admin-hero-copy > span{
width:max-content;
padding:8px 12px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(0,0,0,0.26);
color:rgba(255,255,255,0.70);
font-size:11px;
font-weight:950;
letter-spacing:0.16em;
text-transform:uppercase;
}

.link-admin-hero-copy h2{
max-width:820px;
margin:0;
color:#fff;
font-size:clamp(36px, 5vw, 72px);
font-weight:950;
letter-spacing:-0.085em;
line-height:0.88;
}

.link-admin-hero-copy p{
max-width:650px;
margin:0;
color:rgba(255,255,255,0.66);
font-size:15px;
font-weight:700;
line-height:1.55;
}

.link-admin-hero-metrics{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px;
}

.link-admin-hero-metrics article{
position:relative;
overflow:hidden;
display:grid;
align-content:end;
min-height:136px;
padding:18px;
border:1px solid rgba(255,255,255,0.12);
border-radius:26px;
background:
radial-gradient(circle at 90% 0%, rgba(255,255,255,0.16), transparent 36%),
rgba(255,255,255,0.055);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
}

.link-admin-hero-metrics article::before{
content:"";
position:absolute;
right:-46px;
top:-48px;
width:132px;
height:132px;
border-radius:50%;
background:radial-gradient(circle, rgba(255,255,255,0.22), transparent 65%);
}

.link-admin-hero-metrics strong{
position:relative;
z-index:1;
color:#fff;
font-size:48px;
font-weight:950;
letter-spacing:-0.085em;
line-height:0.9;
}

.link-admin-hero-metrics span{
position:relative;
z-index:1;
margin-top:8px;
color:rgba(255,255,255,0.62);
font-size:11px;
font-weight:950;
letter-spacing:0.14em;
text-transform:uppercase;
}

.link-admin-hero-metrics .is-event{
background:
radial-gradient(circle at 95% 0%, rgba(34,197,94,0.26), transparent 38%),
rgba(255,255,255,0.055);
}

.link-admin-hero-metrics .is-music{
background:
radial-gradient(circle at 95% 0%, rgba(94,234,212,0.28), transparent 38%),
rgba(255,255,255,0.055);
}

.link-admin-hero-metrics .is-link{
background:
radial-gradient(circle at 95% 0%, rgba(96,165,250,0.26), transparent 38%),
rgba(255,255,255,0.055);
}

.link-admin-hero-metrics .is-showcase{
background:
radial-gradient(circle at 95% 0%, rgba(250,204,21,0.28), transparent 38%),
rgba(255,255,255,0.055);
}

.link-admin-section-nav{
position:relative;
z-index:1;
display:flex;
flex-wrap:wrap;
gap:10px;
padding:10px;
border:1px solid rgba(255,255,255,0.10);
border-radius:999px;
background:rgba(8,8,9,0.74);
box-shadow:0 18px 48px rgba(0,0,0,0.26), inset 0 1px 0 rgba(255,255,255,0.08);
backdrop-filter:blur(18px) saturate(140%);
-webkit-backdrop-filter:blur(18px) saturate(140%);
}

.link-admin-section-nav a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:0 15px;
border:1px solid rgba(255,255,255,0.10);
border-radius:999px;
background:rgba(255,255,255,0.055);
color:rgba(255,255,255,0.72);
font-size:12px;
font-weight:950;
letter-spacing:0.08em;
text-decoration:none;
text-transform:uppercase;
transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.link-admin-section-nav a:hover,
.link-admin-section-nav a:focus-visible{
border-color:rgba(255,255,255,0.22);
background:rgba(255,255,255,0.12);
color:#fff;
outline:none;
transform:translateY(-1px);
}

.link-admin-builder,
.link-section-card{
position:relative;
isolation:isolate;
overflow:hidden;
display:grid;
gap:16px;
padding:20px;
border:1px solid rgba(255,255,255,0.11);
border-radius:30px;
background:
radial-gradient(circle at 0% 0%, rgba(255,255,255,0.08), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
rgba(8,8,9,0.94);
box-shadow:0 22px 58px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08);
backdrop-filter:blur(18px) saturate(135%);
-webkit-backdrop-filter:blur(18px) saturate(135%);
transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.link-admin-builder::before,
.link-section-card::before{
content:"";
position:absolute;
left:22px;
right:22px;
top:0;
height:1px;
background:linear-gradient(90deg, transparent, rgba(255,255,255,0.40), rgba(255,255,255,0.14), transparent);
opacity:0.82;
z-index:0;
}

.link-admin-builder::after,
.link-section-card::after{
content:"";
position:absolute;
inset:-32%;
z-index:0;
background:
radial-gradient(circle at 20% 20%, rgba(var(--link-accent-rgb),0.14), transparent 30%),
conic-gradient(from 120deg, transparent, rgba(var(--link-accent-rgb),0.11), transparent 28%, rgba(255,255,255,0.08), transparent 62%);
filter:blur(18px);
opacity:.42;
pointer-events:none;
animation:linkLiquidBreath 9s ease-in-out infinite;
}

.link-admin-builder > *,
.link-section-card > *{
position:relative;
z-index:1;
}

.link-admin-builder:hover,
.link-section-card:hover{
border-color:rgba(var(--link-accent-rgb),0.22);
box-shadow:0 28px 72px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.12);
}

.link-builder-head{
position:relative;
z-index:1;
}

.link-builder-head h2{
position:relative;
display:inline-flex;
align-items:center;
gap:12px;
margin:0 0 4px;
color:#fff;
font-size:clamp(1.4rem, 2vw, 2.2rem);
letter-spacing:-0.06em;
}

.link-builder-head h2::after{
content:"";
width:42px;
height:8px;
border-radius:999px;
background:linear-gradient(90deg, var(--link-lime), var(--link-mint), var(--link-blue));
background-size:220% 100%;
box-shadow:0 0 22px rgba(158,255,225,0.18);
animation:linkBorderGlide 7s ease infinite;
}

.link-admin-page .link-admin-grid{
position:relative;
z-index:1;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:14px;
}

.link-create-card,
.link-admin-page .event-card,
.link-admin-page .highlight-edit-card{
border-color:rgba(255,255,255,0.12);
background:
radial-gradient(circle at 92% 0%, rgba(var(--link-accent-rgb),0.16), transparent 30%),
radial-gradient(circle at 0% 100%, rgba(255,255,255,0.055), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)),
rgba(11,11,12,0.96);
box-shadow:0 16px 40px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.08);
color:#fff;
}

.link-create-card{
padding:18px;
border-radius:26px;
}

.link-create-event{
--link-accent:var(--link-event);
--link-accent-rgb:68,231,124;
background:
radial-gradient(circle at 100% 0%, rgba(34,197,94,0.16), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)),
rgba(11,11,12,0.96);
}

.link-create-music{
--link-accent:var(--link-music);
--link-accent-rgb:94,234,212;
background:
radial-gradient(circle at 100% 0%, rgba(94,234,212,0.18), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)),
rgba(11,11,12,0.96);
}

.link-create-link{
--link-accent:var(--link-blue);
--link-accent-rgb:96,165,250;
background:
radial-gradient(circle at 100% 0%, rgba(96,165,250,0.16), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)),
rgba(11,11,12,0.96);
}

.link-admin-page .stats-head h2,
.link-admin-page .stats-head span{
color:#fff;
}

.link-admin-page .stats-head span{
color:rgba(255,255,255,0.58);
}

.link-admin-page .event-form span,
.link-admin-page .event-fields span{
color:rgba(255,255,255,0.60);
font-size:11px;
font-weight:950;
}

.link-admin-page .event-form input,
.link-admin-page .event-fields input,
.link-admin-page .highlight-edit-card input{
border-color:rgba(255,255,255,0.12);
background:rgba(255,255,255,0.075);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.link-admin-page .event-form input::placeholder,
.link-admin-page .event-fields input::placeholder,
.link-admin-page .highlight-edit-card input::placeholder{
color:rgba(255,255,255,0.36);
}

.link-admin-page .event-form input:hover,
.link-admin-page .event-fields input:hover,
.link-admin-page .highlight-edit-card input:hover{
background:rgba(255,255,255,0.10);
}

.link-admin-page .event-form input:focus,
.link-admin-page .event-fields input:focus,
.link-admin-page .highlight-edit-card input:focus{
border-color:rgba(var(--link-accent-rgb),0.48);
background:rgba(255,255,255,0.12);
box-shadow:0 0 0 4px rgba(var(--link-accent-rgb),0.11);
}

.link-admin-page .event-submit,
.link-admin-page .actions .btn{
min-height:46px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:linear-gradient(135deg, var(--link-lime), var(--link-accent), var(--link-mint));
background-size:180% 180%;
color:#050505;
font-size:12px;
font-weight:950;
letter-spacing:0.08em;
text-transform:uppercase;
box-shadow:0 16px 34px rgba(var(--link-accent-rgb),0.16), inset 0 1px 0 rgba(255,255,255,0.46);
transition:transform .18s ease, filter .18s ease, background-position .22s ease, box-shadow .18s ease;
}

.link-admin-page .event-submit:hover,
.link-admin-page .event-submit:focus-visible,
.link-admin-page .actions .btn:hover,
.link-admin-page .actions .btn:focus-visible{
filter:saturate(1.08) brightness(1.04);
background-position:100% 50%;
outline:none;
transform:translateY(-1px);
}

.link-admin-page .event-preference-picker{
border-color:rgba(255,255,255,0.11);
background:rgba(255,255,255,0.055);
color:#fff;
}

.link-admin-page .event-preference-picker summary strong{
background:rgba(255,255,255,0.08);
border-color:rgba(255,255,255,0.12);
color:#fff;
}

.link-admin-page .event-list{
position:relative;
z-index:1;
grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
}

.link-admin-page .event-card{
border-radius:26px;
}

.link-admin-page .event-card-head{
align-items:flex-start;
}

.link-admin-page .tag.neutral{
border-color:rgba(255,255,255,0.12);
background:linear-gradient(135deg, rgba(var(--link-accent-rgb),0.14), rgba(255,255,255,0.06));
color:rgba(255,255,255,0.82);
font-weight:950;
}

.link-events-card{
--link-accent:var(--link-event);
--link-accent-rgb:68,231,124;
background:
radial-gradient(circle at 100% 0%, rgba(34,197,94,0.12), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
rgba(8,8,9,0.94);
}

.link-music-card{
--link-accent:var(--link-music);
--link-accent-rgb:94,234,212;
background:
radial-gradient(circle at 100% 0%, rgba(94,234,212,0.14), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
rgba(8,8,9,0.94);
}

.link-links-card{
--link-accent:var(--link-blue);
--link-accent-rgb:96,165,250;
background:
radial-gradient(circle at 100% 0%, rgba(96,165,250,0.12), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
rgba(8,8,9,0.94);
}

.link-showcase-card{
--link-accent:var(--link-gold);
--link-accent-rgb:250,204,21;
background:
radial-gradient(circle at 100% 0%, rgba(250,204,21,0.12), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
rgba(8,8,9,0.94);
}

.link-admin-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:14px;
align-items:start;
}

.event-create-card{
position:sticky;
top:24px;
}

.event-form,
.event-card{
display:grid;
gap:14px;
}

.event-form label,
.event-fields label{
display:grid;
gap:8px;
}

.event-form span,
.event-fields span{
font-size:12px;
letter-spacing:0.1em;
text-transform:uppercase;
color:var(--muted);
}

.event-form input,
.event-fields input{
width:100%;
height:46px;
padding:0 14px;
border-radius:14px;
border:1px solid var(--line);
background:#fff;
font-size:14px;
outline:none;
transition:border-color 0.18s, background 0.18s, box-shadow 0.18s;
}

.event-form input[type="file"],
.event-fields input[type="file"]{
height:auto;
padding:10px 12px;
background:var(--surface-alt);
}

.event-form input:hover,
.event-fields input:hover{
background:var(--surface-alt);
}

.event-form input:focus,
.event-fields input:focus{
border-color:#cfcfcf;
box-shadow:0 0 0 4px rgba(17,17,17,0.04);
}

.event-submit{
width:100%;
}

.music-admin-form,
.music-admin-card{
position:relative;
overflow:hidden;
}

.music-admin-form::before,
.music-admin-card::before{
content:"";
position:absolute;
inset:auto -80px -110px auto;
width:220px;
height:220px;
border-radius:50%;
background:radial-gradient(circle, rgba(94,234,212,0.13), transparent 68%);
pointer-events:none;
}

.music-platform-admin-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
position:relative;
z-index:1;
}

.music-platform-admin-grid label{
display:grid;
gap:7px;
}

.music-platform-admin-grid label span{
display:flex;
align-items:center;
gap:7px;
}

.music-platform-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:20px;
height:20px;
min-width:20px;
border-radius:999px;
background:#111;
color:#fff;
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18);
}

.music-platform-icon svg{
width:13px;
height:13px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}

.music-platform-icon-spotify{background:#1db954;color:#04120a;}
.music-platform-icon-apple_music{background:linear-gradient(135deg, #ff5f8f, #8b5cf6);}
.music-platform-icon-youtube_music,
.music-platform-icon-youtube{background:#ff0033;color:#fff;}
.music-platform-icon-amazon_music{background:#00a8e1;color:#041014;}
.music-platform-icon-deezer{background:linear-gradient(135deg, #ffcc00, #ff4d8d, #6c5ce7);}
.music-platform-icon-tidal{background:#050505;color:#fff;}
.music-platform-icon-soundcloud{background:#ff5500;color:#fff;}
.music-platform-icon-beatport{background:linear-gradient(135deg, #01ff95, #00b36b);color:#001b10;}
.music-platform-icon-itunes{background:linear-gradient(135deg, #fb5cff, #4f8bff);}
.music-platform-icon-pandora{background:#005ff9;color:#fff;}

.event-list{
display:grid;
gap:14px;
}

.event-card{
padding:18px;
background:rgba(255,255,255,0.96);
border:1px solid var(--line);
border-radius:var(--radius-xl);
box-shadow:var(--shadow);
}

.event-card-head{
display:flex;
justify-content:space-between;
gap:12px;
align-items:center;
}

.event-card-actions{
display:flex;
gap:10px;
}

.delete-btn{
color:#9f1f1f;
}

.event-fields{
display:grid;
gap:12px;
}

.event-preference-picker{
display:grid;
gap:12px;
padding:14px;
border:1px solid var(--line);
border-radius:18px;
background:var(--surface-alt);
}

.event-preference-picker summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
cursor:pointer;
list-style:none;
}

.event-preference-picker summary::-webkit-details-marker{
display:none;
}

.event-preference-picker summary::after{
content:"+";
display:inline-flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
border:1px solid var(--line);
border-radius:999px;
background:rgba(255,255,255,0.06);
color:var(--text);
font-size:16px;
font-weight:900;
line-height:1;
}

.event-preference-picker[open] summary::after{
content:"-";
}

.event-preference-picker summary span{
font-size:12px;
letter-spacing:0.1em;
text-transform:uppercase;
color:var(--muted);
}

.event-preference-picker summary strong{
margin-left:auto;
color:var(--text);
font-size:11px;
font-weight:900;
letter-spacing:0.08em;
text-transform:uppercase;
}

.event-preference-picker-body{
display:grid;
gap:12px;
padding-top:4px;
}

.event-pref-group{
display:grid;
gap:8px;
}

.event-pref-group strong{
font-size:12px;
letter-spacing:0.08em;
text-transform:uppercase;
color:var(--text);
}

.event-pref-group .settings-chip-grid{
grid-template-columns:repeat(auto-fit, minmax(118px, 1fr));
gap:8px;
}

.highlight-edit-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:12px;
}

.highlight-edit-card{
display:grid;
gap:12px;
padding:14px;
border:1px solid var(--line);
border-radius:18px;
background:var(--surface-alt);
}

.highlight-edit-card strong{
font-size:12px;
letter-spacing:0.16em;
text-transform:uppercase;
color:var(--muted);
}

.highlight-edit-card label{
display:grid;
gap:8px;
}

.highlight-edit-card label span{
font-size:12px;
letter-spacing:0.1em;
text-transform:uppercase;
color:var(--muted);
}

.highlight-edit-card input{
width:100%;
min-height:44px;
padding:0 12px;
border:1px solid var(--line);
border-radius:14px;
background:#fff;
color:var(--text);
}

.highlight-edit-card input[type="file"]{
padding:9px 10px;
}

.compact-preview{
padding:0;
background:transparent;
border:0;
box-shadow:none;
}

.highlight-remove-image-btn{
width:100%;
min-height:34px;
margin-top:8px;
border:1px solid rgba(255,84,84,0.30);
border-radius:999px;
background:linear-gradient(135deg, rgba(255,84,84,0.18), rgba(255,255,255,0.035));
color:#ffb8b8;
font-size:11px;
font-weight:900;
letter-spacing:0.08em;
text-transform:uppercase;
cursor:pointer;
transition:background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.highlight-remove-image-btn:hover,
.highlight-remove-image-btn:focus-visible{
background:rgba(255,84,84,0.26);
border-color:rgba(255,140,140,0.54);
color:#fff;
outline:none;
transform:translateY(-1px);
}

.event-preview-link{
display:inline-flex;
align-items:center;
width:max-content;
text-decoration:none;
font-size:14px;
font-weight:700;
color:#111;
}

.event-preview-link:hover{
opacity:0.7;
}

.lead-card{
padding:0;
position:relative;
transition:border-color 0.18s, background 0.18s, transform 0.18s;
overflow:hidden;
}

.lead-card:hover{
background:var(--surface-alt);
border-color:var(--line-strong);
transform:translateY(-1px);
}

/* Agenda priority colors: 1 Sells, 2 Cliente, 3 VIP. */
.lead-card-commercial-glow,
.lead-card-commercial-glow:hover{
position:relative;
border-color:var(--agenda-priority-border, rgba(255, 221, 87, 0.92));
background:
radial-gradient(circle at 10% 0%, var(--agenda-priority-glow-strong, rgba(255, 221, 87, 0.36)), transparent 40%),
radial-gradient(circle at 96% 8%, var(--agenda-priority-glow-soft, rgba(255, 246, 164, 0.22)), transparent 32%),
linear-gradient(145deg, var(--agenda-priority-bg-a, rgba(35, 28, 6, 0.99)), var(--agenda-priority-bg-b, rgba(12, 10, 6, 0.99)));
box-shadow:
0 0 0 2px var(--agenda-priority-ring, rgba(255, 221, 87, 0.40)),
0 0 0 7px var(--agenda-priority-halo, rgba(255, 221, 87, 0.12)),
0 22px 64px rgba(0, 0, 0, 0.36),
0 0 66px var(--agenda-priority-shadow, rgba(255, 221, 87, 0.46));
}

.lead-card-commercial-glow::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
border-radius:inherit;
opacity:0.95;
background:
linear-gradient(135deg, var(--agenda-priority-glow-strong, rgba(255, 221, 87, 0.26)), transparent 36%, var(--agenda-priority-glow-soft, rgba(255, 248, 190, 0.16))),
radial-gradient(circle at 92% 18%, var(--agenda-priority-glow-soft, rgba(255, 236, 132, 0.26)), transparent 34%);
}

.lead-card-commercial-glow::after{
content:"";
position:absolute;
inset:1px;
pointer-events:none;
border-radius:inherit;
border:1px solid var(--agenda-priority-inner, rgba(255, 246, 176, 0.34));
box-shadow:inset 0 0 30px var(--agenda-priority-inset, rgba(255, 221, 87, 0.20));
}

.lead-card-commercial-glow > *{
position:relative;
z-index:1;
}

.lead-card-commercial-glow-sells{
--agenda-priority-border:rgba(255, 221, 87, 0.96);
--agenda-priority-glow-strong:rgba(255, 221, 87, 0.40);
--agenda-priority-glow-soft:rgba(255, 246, 164, 0.24);
--agenda-priority-bg-a:rgba(36, 29, 7, 0.99);
--agenda-priority-bg-b:rgba(13, 11, 6, 0.99);
--agenda-priority-ring:rgba(255, 221, 87, 0.46);
--agenda-priority-halo:rgba(255, 221, 87, 0.15);
--agenda-priority-shadow:rgba(255, 221, 87, 0.54);
--agenda-priority-inner:rgba(255, 246, 176, 0.40);
--agenda-priority-inset:rgba(255, 221, 87, 0.24);
}

.lead-card-commercial-glow-client{
--agenda-priority-border:rgba(58, 236, 148, 0.94);
--agenda-priority-glow-strong:rgba(58, 236, 148, 0.34);
--agenda-priority-glow-soft:rgba(138, 255, 196, 0.20);
--agenda-priority-bg-a:rgba(4, 31, 18, 0.99);
--agenda-priority-bg-b:rgba(4, 13, 9, 0.99);
--agenda-priority-ring:rgba(58, 236, 148, 0.42);
--agenda-priority-halo:rgba(58, 236, 148, 0.13);
--agenda-priority-shadow:rgba(58, 236, 148, 0.46);
--agenda-priority-inner:rgba(154, 255, 204, 0.36);
--agenda-priority-inset:rgba(58, 236, 148, 0.22);
}

.lead-card-commercial-glow-vip{
--agenda-priority-border:rgba(76, 170, 255, 0.96);
--agenda-priority-glow-strong:rgba(76, 170, 255, 0.36);
--agenda-priority-glow-soft:rgba(123, 231, 255, 0.22);
--agenda-priority-bg-a:rgba(5, 18, 44, 0.99);
--agenda-priority-bg-b:rgba(5, 9, 17, 0.99);
--agenda-priority-ring:rgba(76, 170, 255, 0.44);
--agenda-priority-halo:rgba(76, 170, 255, 0.14);
--agenda-priority-shadow:rgba(76, 170, 255, 0.52);
--agenda-priority-inner:rgba(174, 232, 255, 0.38);
--agenda-priority-inset:rgba(76, 170, 255, 0.23);
}

.lead-card-collapsible summary{
list-style:none;
cursor:pointer;
}

.lead-card-collapsible summary::-webkit-details-marker{
display:none;
}

.lead-summary{
display:flex;
justify-content:space-between;
gap:16px;
align-items:flex-start;
padding:18px;
}

.lead-summary-left{
display:flex;
gap:12px;
align-items:flex-start;
min-width:0;
flex:1 1 auto;
}

.lead-summary-right{
display:flex;
flex-direction:column;
gap:12px;
align-items:flex-end;
justify-content:flex-end;
min-width:200px;
}

.lead-order{
display:grid;
gap:2px;
min-width:72px;
padding-top:2px;
}

.lead-order strong{
font-size:28px;
line-height:0.95;
letter-spacing:-0.05em;
}

.lead-order span{
font-size:11px;
color:var(--muted);
}

.lead-main{
display:grid;
gap:5px;
min-width:0;
}

.lead-main strong{
font-size:22px;
line-height:1.05;
letter-spacing:-0.03em;
}

.lead-main span{
font-size:14px;
color:var(--muted);
overflow-wrap:anywhere;
line-height:1.35;
}

.bounced-email{
color:#ff6b6b !important;
font-weight:800;
}

.lead-summary-badges{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:flex-end;
}

.mini-badge{
display:inline-flex;
align-items:center;
justify-content:center;
height:28px;
padding:0 10px;
border-radius:999px;
border:1px solid var(--line);
background:#fff;
font-size:11px;
font-weight:700;
color:var(--muted);
}

.mini-badge.active{
background:#111;
border-color:#111;
color:#fff;
}

.mini-badge.danger{
background:#5f1111;
border-color:#ef4444;
color:#fff;
}

.lead-expand{
font-size:12px;
font-weight:700;
color:var(--muted);
white-space:nowrap;
}

.lead-summary-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:9px;
}

.lead-summary .lead-expand-button{
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
border-radius:999px;
border:1px solid rgba(255,255,255,0.18);
background:#111;
color:#fff;
box-shadow:0 14px 32px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.12);
transition:transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.lead-summary .lead-expand-button svg{
width:18px;
height:18px;
fill:currentColor;
transition:transform 0.2s ease;
}

.lead-summary .lead-expand-button:hover{
background:#ffd766;
border-color:#ffd766;
color:#080808;
transform:translateY(-1px);
}

.lead-card-collapsible[open] .lead-summary .lead-expand-button{
background:#ffd766;
border-color:#ffd766;
color:#080808;
}

.lead-card-collapsible[open] .lead-summary .lead-expand-button svg{
transform:rotate(45deg);
}

.lead-summary .wa-btn{
width:40px;
height:40px;
border-radius:999px;
background:rgba(37, 211, 102, 0.12);
border-color:rgba(37, 211, 102, 0.32);
color:#25d366;
box-shadow:0 12px 28px rgba(37, 211, 102, 0.12);
flex:0 0 auto;
}

.lead-summary .wa-btn:hover{
background:#25d366;
border-color:#25d366;
color:#07130c;
transform:translateY(-1px);
}

.lead-summary .wa-btn svg{
width:20px;
height:20px;
}

.lead-detail-form{
display:grid;
gap:16px;
padding:0 18px 18px;
border-top:1px solid var(--line);
background:linear-gradient(180deg, rgba(250,250,250,0.92), rgba(255,255,255,0.96));
}

.lead-delete-form{
padding:0 18px 18px;
display:flex;
justify-content:flex-end;
}

.lead-top-detail{
padding-top:16px;
grid-template-columns:repeat(4, minmax(0, 1fr)) auto;
align-items:end;
}

.lead-top{
display:grid;
grid-template-columns:auto auto auto 1fr;
gap:14px;
align-items:center;
}

.lead-id-block,
.lead-date-block{
display:grid;
gap:4px;
}

.lead-label{
font-size:11px;
letter-spacing:0.12em;
text-transform:uppercase;
color:var(--muted);
}

.lead-id-block strong,
.lead-date-block strong{
font-size:20px;
letter-spacing:-0.04em;
}

.lead-actions{
display:flex;
justify-content:flex-end;
gap:10px;
}

.icon-btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
border-radius:14px;
border:1px solid var(--line);
background:#fff;
color:#111;
cursor:pointer;
text-decoration:none;
transition:background 0.18s, border-color 0.18s, transform 0.18s;
}

.icon-btn:hover{
background:var(--surface-hover);
border-color:var(--line-strong);
transform:translateY(-1px);
}

.icon-btn svg{
width:19px;
height:19px;
fill:currentColor;
}

.wa-btn{
color:#21a366;
}

.save-btn{
background:#111;
border-color:#111;
color:#fff;
}

.save-btn:hover{
background:#2a2a2a;
border-color:#2a2a2a;
}

.lead-fields{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:12px;
}

.lead-fields label{
display:grid;
gap:8px;
}

.lead-fields .lead-field-full{
grid-column:1 / -1;
}

.lead-fields span{
font-size:12px;
letter-spacing:0.1em;
text-transform:uppercase;
color:var(--muted);
}

.lead-fields input{
width:100%;
height:46px;
padding:0 14px;
border-radius:14px;
border:1px solid var(--line);
background:#fff;
font-size:14px;
outline:none;
transition:border-color 0.18s, background 0.18s, box-shadow 0.18s;
}

.lead-fields select{
width:100%;
height:46px;
padding:0 14px;
border-radius:14px;
border:1px solid var(--line);
background:#fff;
font-size:14px;
outline:none;
transition:border-color 0.18s, background 0.18s, box-shadow 0.18s;
}

.lead-fields textarea{
width:100%;
min-height:86px;
padding:13px 14px;
border-radius:16px;
border:1px solid var(--line);
background:#fff;
font:inherit;
font-size:14px;
line-height:1.45;
outline:none;
resize:vertical;
transition:border-color 0.18s, background 0.18s, box-shadow 0.18s;
}

.lead-fields textarea::placeholder{
color:#8a8a8a;
}

.lead-fields label small{
display:block;
color:var(--muted);
font-size:11px;
font-weight:700;
line-height:1.35;
}

.lead-fields input[type="file"]{
padding:10px 12px;
height:auto;
background:var(--surface-alt);
}

.upload-note{
display:block;
min-height:18px;
font-size:12px;
color:var(--muted);
}

.lead-fields input:hover,
.lead-fields select:hover,
.lead-fields textarea:hover{
background:var(--surface-alt);
}

.lead-fields input:focus,
.lead-fields select:focus,
.lead-fields textarea:focus{
border-color:#cfcfcf;
box-shadow:0 0 0 4px rgba(17,17,17,0.04);
}

.widais-city-suggestions{
position:fixed;
z-index:100000;
display:grid;
gap:4px;
padding:8px;
border:1px solid var(--line);
border-radius:18px;
background:var(--surface);
box-shadow:0 24px 60px rgba(0,0,0,0.36);
overflow:auto;
overscroll-behavior:contain;
backdrop-filter:blur(18px);
}

.widais-city-suggestions[hidden]{
display:none;
}

.widais-city-option{
all:unset;
box-sizing:border-box;
display:flex;
align-items:center;
gap:10px;
min-height:40px;
padding:0 12px;
border:1px solid transparent;
border-radius:13px;
color:var(--text);
font-size:13px;
font-weight:700;
line-height:1.2;
cursor:pointer;
transition:background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.widais-city-option::before{
content:"";
flex:0 0 auto;
width:7px;
height:7px;
border-radius:999px;
background:#25c76f;
opacity:0.42;
box-shadow:0 0 0 4px rgba(37,199,111,0.08);
}

.widais-city-option:hover,
.widais-city-option:focus-visible,
.widais-city-option[data-active="true"]{
background:var(--surface-hover);
border-color:var(--line-strong);
transform:translateY(-1px);
}

.widais-city-option:hover::before,
.widais-city-option:focus-visible::before,
.widais-city-option[data-active="true"]::before{
opacity:1;
}

.widais-city-empty{
padding:12px;
border:1px dashed var(--line);
border-radius:13px;
color:var(--muted);
font-size:12px;
line-height:1.35;
}

.lead-meta{
display:flex;
justify-content:space-between;
gap:14px;
align-items:flex-start;
flex-wrap:wrap;
}

.tag-row{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.tag{
display:inline-flex;
align-items:center;
justify-content:center;
height:34px;
min-width:92px;
padding:0 14px;
border-radius:999px;
font-size:12px;
font-weight:700;
border:1px solid transparent;
text-align:center;
white-space:nowrap;
}

.tag.event{
background:#f2f2f2;
color:#111;
border-color:#e1e1e1;
}

.tag.music{
background:#ececec;
color:#111;
border-color:#dddddd;
}

.tag.place{
background:#f7f7f7;
color:#4f4f4f;
border-color:#e4e4e4;
}

.tag.neutral{
background:#fbfbfb;
color:var(--muted);
border-color:var(--line);
}

.lead-flags{
display:flex;
gap:8px;
flex-wrap:wrap;
}

.compact{
justify-content:flex-end;
max-width:460px;
gap:10px;
}

.flag{
display:inline-flex;
align-items:center;
height:32px;
padding:0 12px;
border-radius:999px;
border:1px solid var(--line);
background:#fff;
color:var(--muted);
font-size:12px;
font-weight:700;
}

.flag.active{
background:#111;
border-color:#111;
color:#fff;
}

.lead-toggle-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:12px;
}

.social-link-list{
display:grid;
gap:10px;
}

.social-link-row{
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(132px, auto) auto auto auto;
gap:10px;
align-items:center;
padding:12px 14px;
border:1px solid var(--line);
border-radius:18px;
background:var(--surface-alt);
}

.social-link-row strong,
.social-link-row small,
.social-link-row a,
.social-delete-btn{
font-size:13px;
}

.social-link-row strong{
color:var(--text);
font-weight:850;
overflow-wrap:anywhere;
}

.social-link-title{
display:flex;
align-items:center;
gap:7px;
min-width:0;
}

.social-title-text{
min-width:0;
overflow-wrap:anywhere;
}

.social-network-icon{
width:18px;
height:18px;
min-width:18px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#f2f2f2;
color:#050505;
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18);
}

.social-network-icon svg{
width:13px;
height:13px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}

.social-network-icon-instagram{
background:linear-gradient(135deg, #f58529, #dd2a7b 48%, #8134af);
color:#fff;
}

.social-network-icon-linkedin{
background:#0a66c2;
color:#fff;
}

.social-network-icon-facebook{
background:#1877f2;
color:#fff;
}

.social-network-icon-tiktok,
.social-network-icon-x,
.social-network-icon-threads{
background:#050505;
color:#fff;
}

.social-network-icon-youtube{
background:#ff0033;
color:#fff;
}

.social-network-icon-spotify{
background:#1db954;
color:#04120a;
}

.social-network-icon-soundcloud{
background:#ff5500;
color:#fff;
}

.social-network-icon-website{
background:#e8e8e8;
color:#050505;
}

.social-link-row small{
color:var(--muted);
}

.social-followers-update{
display:inline-flex;
align-items:center;
gap:6px;
padding:4px;
border:1px solid rgba(255,255,255,0.10);
border-radius:999px;
background:rgba(255,255,255,0.04);
}

.social-followers-label{
padding:0 4px 0 8px;
color:var(--muted);
font-size:10px;
font-weight:900;
letter-spacing:0.08em;
text-transform:uppercase;
white-space:nowrap;
}

.social-followers-input{
width:86px;
height:32px;
border:0;
border-radius:999px;
background:rgba(255,255,255,0.08);
color:var(--text);
font-size:13px;
font-weight:850;
text-align:center;
outline:none;
}

.social-followers-input:focus{
background:rgba(255,255,255,0.14);
box-shadow:0 0 0 2px rgba(255,255,255,0.10);
}

.social-update-btn{
width:32px;
height:32px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:#fff;
color:#050505;
font-size:15px;
font-weight:900;
line-height:1;
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
transition:transform .18s ease, background .18s ease;
}

.social-update-btn:hover,
.social-update-btn:focus-visible{
background:#dfffe8;
outline:none;
transform:rotate(18deg) scale(1.04);
}

.social-link-row a{
color:var(--text);
font-weight:800;
text-decoration:none;
}

.social-delete-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:32px;
padding:0 12px;
border:1px solid rgba(255,86,86,0.30);
border-radius:999px;
background:rgba(255,86,86,0.08);
color:#ff8f8f;
font-weight:800;
cursor:pointer;
}

.social-delete-btn:hover,
.social-delete-btn:focus-visible{
background:rgba(255,86,86,0.16);
border-color:rgba(255,86,86,0.48);
outline:none;
}

.widais-modal[hidden]{
display:none;
}

.widais-modal{
position:fixed;
inset:0;
z-index:2147483000;
display:grid;
place-items:center;
padding:22px;
width:100vw;
height:100dvh;
box-sizing:border-box;
}

.widais-modal-backdrop{
position:absolute;
inset:0;
background:
radial-gradient(circle at 50% 20%, rgba(255,255,255,0.10), transparent 32%),
rgba(0,0,0,0.72);
backdrop-filter:blur(16px) saturate(140%);
-webkit-backdrop-filter:blur(16px) saturate(140%);
}

.widais-modal-card{
position:relative;
z-index:1;
width:min(440px, 100%);
display:grid;
gap:14px;
padding:24px;
border:1px solid rgba(255,255,255,0.16);
border-radius:30px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.18), transparent 36%),
radial-gradient(circle at 90% 18%, rgba(187,58,62,0.20), transparent 34%),
linear-gradient(145deg, rgba(18,18,20,0.96), rgba(6,6,8,0.92));
box-shadow:0 32px 90px rgba(0,0,0,0.54), inset 0 1px 0 rgba(255,255,255,0.12);
color:#fff;
overflow:hidden;
}

.widais-modal-card::before{
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(135deg, rgba(255,255,255,0.12), transparent 42%, rgba(255,255,255,0.04));
}

.widais-modal-card > *{
position:relative;
z-index:1;
}

.widais-modal-kicker{
width:max-content;
padding:7px 10px;
border:1px solid rgba(255,255,255,0.13);
border-radius:999px;
background:rgba(255,255,255,0.06);
color:rgba(255,255,255,0.66);
font-size:10px;
font-weight:900;
letter-spacing:0.16em;
text-transform:uppercase;
}

.widais-modal-card h3{
margin:0;
font-size:clamp(22px, 3vw, 30px);
line-height:0.98;
letter-spacing:-0.05em;
}

.widais-modal-card p{
margin:0;
color:rgba(255,255,255,0.72);
font-size:14px;
line-height:1.55;
}

.widais-modal-actions{
display:flex;
justify-content:flex-end;
gap:10px;
flex-wrap:wrap;
padding-top:6px;
}

.widais-modal-button{
min-height:40px;
padding:0 16px;
border-radius:999px;
font-size:12px;
font-weight:900;
cursor:pointer;
transition:transform 180ms ease, background 180ms ease, border-color 180ms ease;
}

.widais-modal-button:hover,
.widais-modal-button:focus-visible{
outline:none;
transform:translateY(-1px);
}

.widais-modal-button-ghost{
border:1px solid rgba(255,255,255,0.18);
background:rgba(255,255,255,0.06);
color:rgba(255,255,255,0.82);
}

.widais-modal-button-ghost:hover,
.widais-modal-button-ghost:focus-visible{
background:rgba(255,255,255,0.12);
border-color:rgba(255,255,255,0.34);
color:#fff;
}

.widais-modal-button-danger{
border:1px solid rgba(255,95,95,0.44);
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.24), transparent 36%),
linear-gradient(135deg, #ff6262, #9f151d);
color:#fff;
box-shadow:0 14px 34px rgba(180,28,36,0.28);
}

.widais-modal-button-danger:hover,
.widais-modal-button-danger:focus-visible{
border-color:rgba(255,140,140,0.78);
box-shadow:0 18px 44px rgba(180,28,36,0.38);
}

.lead-fields.social-add-row{
grid-template-columns:minmax(120px, 0.8fr) minmax(140px, 0.95fr) minmax(210px, 1.25fr) minmax(110px, 0.62fr) auto;
align-items:end;
}

.social-add-action{
display:flex;
align-items:flex-end;
height:100%;
}

.social-add-btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:100%;
min-width:96px;
height:46px;
padding:0 16px;
border:1px solid rgba(255,255,255,0.20);
border-radius:14px;
background:#fff;
color:#050505;
font-size:13px;
font-weight:850;
cursor:pointer;
}

.social-add-btn:hover,
.social-add-btn:focus-visible{
background:#e8e8e8;
border-color:#e8e8e8;
outline:none;
}

.preference-manager{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px;
}

.preference-manager-card{
display:grid;
gap:12px;
padding:14px;
border:1px solid var(--line);
border-radius:18px;
background:var(--surface-alt);
}

.preference-manager-card h3{
font-size:12px;
letter-spacing:0.14em;
text-transform:uppercase;
color:var(--muted);
}

.preference-manager-hint{
margin:-6px 0 0;
color:var(--muted);
font-size:12px;
font-weight:700;
line-height:1.4;
}

.preference-option-list{
display:grid;
gap:8px;
}

.preference-option-row,
.preference-add-row{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:10px;
align-items:center;
}

.preference-option-row{
min-height:42px;
padding:8px 10px;
border:1px solid var(--line);
border-radius:14px;
background:var(--surface);
}

.preference-option-row span{
font-size:13px;
font-weight:700;
}

.preference-option-row.is-saving{
opacity:0.72;
transform:scale(0.995);
}

.preference-option-row.is-saving .ios-slider{
box-shadow:0 0 0 4px rgba(255,255,255,0.08);
}

.settings-inline-toggle-feedback{
min-height:0;
margin-top:10px;
padding:0 2px;
color:var(--muted);
font-size:12px;
font-weight:800;
line-height:1.35;
opacity:0;
transform:translateY(-2px);
transition:opacity 180ms ease, transform 180ms ease, color 180ms ease;
}

.settings-inline-toggle-feedback.is-ok,
.settings-inline-toggle-feedback.is-error{
opacity:1;
transform:translateY(0);
}

.settings-inline-toggle-feedback.is-ok{
color:#54ffbd;
}

.settings-inline-toggle-feedback.is-error{
color:#ff8b8b;
}

.preference-option-row-delete{
margin-top:-4px;
background:rgba(255, 84, 84, 0.08);
border-color:rgba(255, 84, 84, 0.18);
}

.preference-locked-note{
margin:0;
padding:12px 14px;
border:1px solid rgba(255, 255, 255, 0.12);
border-radius:16px;
background:linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
color:var(--muted);
font-size:12px;
font-weight:700;
line-height:1.45;
}

.crm-delete-button{
height:34px;
padding:0 14px;
border:1px solid rgba(255, 84, 84, 0.28);
border-radius:999px;
background:rgba(255, 84, 84, 0.12);
color:#ffb0b0;
font-size:11px;
font-weight:800;
letter-spacing:0.08em;
text-transform:uppercase;
cursor:pointer;
}

.preference-add-row input{
height:44px;
padding:0 12px;
border:1px solid var(--line);
border-radius:14px;
background:#fff;
color:var(--text);
}

.lead-toggle-grid-wide{
grid-template-columns:repeat(4, minmax(0, 1fr));
}

.agenda-commercial-toggle-grid{
grid-template-columns:repeat(6, minmax(0, 1fr));
}

.user-consent-grid{
grid-template-columns:minmax(0, 1fr);
}

.switch-card{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:48px;
padding:0 14px;
border-radius:14px;
border:1px solid var(--line);
background:#fff;
font-size:14px;
font-weight:700;
color:#111;
}

.switch-card-toggle{
padding:12px 14px;
}

.ios-switch{
position:relative;
display:inline-flex;
width:48px;
height:28px;
flex:0 0 auto;
}

.ios-switch input{
opacity:0;
width:0;
height:0;
}

.ios-slider{
position:absolute;
inset:0;
border-radius:999px;
background:#d8d8d8;
transition:background 0.18s;
}

.ios-slider::after{
content:"";
position:absolute;
top:3px;
left:3px;
width:22px;
height:22px;
border-radius:50%;
background:#fff;
box-shadow:0 2px 8px rgba(0,0,0,0.16);
transition:transform 0.18s;
}

.ios-switch input:checked + .ios-slider{
background:#111;
}

.ios-switch input:checked + .ios-slider::after{
transform:translateX(20px);
}

.comments-block{
display:grid;
gap:8px;
}

.comments-block span{
font-size:12px;
letter-spacing:0.1em;
text-transform:uppercase;
color:var(--muted);
}

.comments-block textarea{
width:100%;
min-height:120px;
padding:14px;
border-radius:16px;
border:1px solid var(--line);
background:#fff;
font-size:14px;
font-family:inherit;
resize:vertical;
outline:none;
}

.comments-block textarea:focus{
border-color:#cfcfcf;
box-shadow:0 0 0 4px rgba(17,17,17,0.04);
}

.note-list{
display:grid;
gap:10px;
}

.note-composer{
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:14px;
align-items:end;
padding:16px;
border:1px solid rgba(255,255,255,0.12);
border-radius:26px;
background:
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.12), transparent 32%),
linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.018));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 18px 42px rgba(0,0,0,0.26);
}

.note-composer::before{
content:"";
position:absolute;
inset:auto 18px 0 18px;
height:1px;
background:linear-gradient(90deg, transparent, rgba(255,255,255,0.28), transparent);
opacity:0.8;
pointer-events:none;
}

.note-composer-field{
position:relative;
z-index:1;
}

.note-composer-field textarea{
min-height:96px;
border-radius:20px;
background:rgba(4,4,4,0.68);
border-color:rgba(255,255,255,0.13);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
transition:border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.note-composer-field textarea:hover{
background:rgba(12,12,12,0.84);
border-color:rgba(255,255,255,0.2);
}

.note-composer-field textarea:focus{
background:#111;
border-color:rgba(255,255,255,0.36);
box-shadow:0 0 0 4px rgba(255,255,255,0.07), inset 0 1px 0 rgba(255,255,255,0.08);
}

.note-register-button{
position:relative;
z-index:1;
min-height:46px;
padding-inline:22px;
border-radius:999px;
white-space:nowrap;
background:linear-gradient(135deg, #fff, #dcdcdc);
border:1px solid rgba(255,255,255,0.88);
color:#050505;
box-shadow:0 12px 30px rgba(255,255,255,0.08), 0 10px 26px rgba(0,0,0,0.28);
font-weight:900;
letter-spacing:-0.01em;
transition:transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.note-register-button:hover,
.note-register-button:focus-visible{
background:#fff;
box-shadow:0 16px 36px rgba(255,255,255,0.14), 0 12px 28px rgba(0,0,0,0.32);
transform:translateY(-1px);
}

.note-list-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
font-size:12px;
letter-spacing:0.1em;
text-transform:uppercase;
color:var(--muted);
}

.note-list-head a{
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid var(--line);
border-radius:999px;
padding:7px 10px;
color:var(--text);
text-decoration:none;
letter-spacing:0.02em;
text-transform:none;
font-size:12px;
}

.note-list-head a:hover{
border-color:var(--line-strong);
background:var(--surface-hover);
}

.note-item{
display:grid;
gap:6px;
padding:12px 14px;
border:1px solid var(--line);
border-radius:16px;
background:var(--surface-alt);
}

.note-item span{
font-size:12px;
color:var(--muted);
}

.note-item p{
font-size:14px;
color:var(--text);
}

.note-page-hero,
.note-page-composer,
.note-page-list{
display:grid;
gap:16px;
padding:22px;
border:1px solid var(--line);
border-radius:28px;
background:linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.018));
box-shadow:var(--shadow);
}

.note-page-hero{
grid-template-columns:minmax(0, 1fr) auto;
align-items:center;
}

.note-page-hero h1{
margin:8px 0 6px;
font-size:clamp(28px, 5vw, 54px);
letter-spacing:-0.05em;
}

.note-page-hero p{
max-width:760px;
color:var(--muted);
}

.note-page-list-head{
padding-bottom:4px;
}

.note-page-item{
gap:12px;
}

.note-page-item-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}

.note-page-item-meta small{
color:var(--muted);
font-size:12px;
}

@media (max-width: 720px){
.note-composer,
.note-page-hero{
grid-template-columns:1fr;
}

.note-register-button,
.note-page-hero .btn{
width:100%;
}

.note-page-hero,
.note-page-composer,
.note-page-list{
padding:18px;
border-radius:22px;
}
}

.campaign-history{
display:grid;
gap:10px;
}

.campaign-row{
display:grid;
grid-template-columns:minmax(0, 1fr) auto auto;
gap:10px;
align-items:center;
padding:12px 14px;
border:1px solid var(--line);
border-radius:16px;
background:var(--surface-alt);
}

.campaign-row strong{
font-size:14px;
}

.campaign-row span,
.campaign-row small{
font-size:12px;
color:var(--muted);
}

.mailing-row-actions{
display:flex;
align-items:center;
justify-content:flex-start;
gap:10px;
flex-wrap:wrap;
}

.settings-form{
gap:22px;
}

.settings-config-grid{
display:grid;
gap:22px;
margin-bottom:22px;
}

.settings-main-form{
display:contents;
}

.settings-bubble{
position:relative;
overflow:hidden;
}

.settings-bubble::before{
content:"";
position:absolute;
right:-90px;
top:-120px;
width:240px;
height:240px;
border-radius:999px;
background:radial-gradient(circle, rgba(255,255,255,0.10), transparent 68%);
pointer-events:none;
}

.settings-bubble > *{
position:relative;
z-index:1;
}

.settings-profile-bubble{
order:10;
}

.settings-profile-actions{
justify-content:flex-end;
margin-top:16px;
}

.settings-company-actions{
justify-content:flex-end;
margin-top:16px;
}

.settings-pro-module-bubble{
order:95;
gap:16px;
}

.settings-pro-module-bubble .stats-head{
align-items:flex-start;
}

.pro-module-status{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
padding:16px;
border:1px solid rgba(255,255,255,0.13);
border-radius:24px;
background:
radial-gradient(circle at 12% 0%, rgba(158,255,225,0.16), transparent 34%),
linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.028));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
}

.pro-module-status strong{
display:inline-flex;
align-items:center;
gap:8px;
margin:0;
color:#fff;
font-size:13px;
font-weight:950;
letter-spacing:0.08em;
text-transform:uppercase;
white-space:nowrap;
}

.pro-module-status strong::before{
content:"";
width:10px;
height:10px;
border-radius:999px;
background:#9effe1;
box-shadow:0 0 22px rgba(158,255,225,0.72);
}

.pro-module-status p,
.pro-module-copy{
margin:0;
color:rgba(255,255,255,0.72);
font-size:13px;
font-weight:750;
line-height:1.5;
}

.pro-module-copy{
padding:0 2px;
}

.pro-module-actions{
justify-content:flex-end;
margin-top:0;
}

.pro-module-activate-form{
display:grid;
gap:14px;
}

.pro-module-slug-field{
display:grid;
gap:8px;
padding:14px;
border:1px solid rgba(255,255,255,0.12);
border-radius:22px;
background:
radial-gradient(circle at 12% 0%, rgba(255,214,102,0.12), transparent 34%),
rgba(255,255,255,0.045);
}

.pro-module-slug-field span{
color:rgba(255,255,255,0.82);
font-size:10px;
font-weight:950;
letter-spacing:0.13em;
text-transform:uppercase;
}

.pro-module-slug-field input{
width:100%;
min-height:48px;
box-sizing:border-box;
padding:0 15px;
border:1px solid rgba(255,255,255,0.16);
border-radius:16px;
background:rgba(0,0,0,0.28);
color:#fff;
font-size:17px;
font-weight:900;
letter-spacing:0.02em;
outline:none;
transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.pro-module-slug-field input:focus{
border-color:rgba(255,214,102,0.74);
background:rgba(0,0,0,0.36);
box-shadow:0 0 0 4px rgba(255,214,102,0.13);
}

.pro-module-slug-field small{
color:rgba(255,255,255,0.58);
font-size:12px;
font-weight:750;
line-height:1.45;
}

.pro-module-activate-btn{
background:linear-gradient(135deg, #f8d66a, #dca323) !important;
color:#111 !important;
box-shadow:0 18px 36px rgba(245,158,11,0.18), inset 0 1px 0 rgba(255,255,255,0.34) !important;
}

.pro-module-disable-btn{
border-color:rgba(255,255,255,0.18) !important;
background:rgba(255,255,255,0.055) !important;
color:#fff !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

.pro-module-disable-btn:hover,
.pro-module-disable-btn:focus-visible{
border-color:rgba(255,255,255,0.34) !important;
background:rgba(255,255,255,0.09) !important;
transform:translateY(-1px);
}

.profile-photo-setting{
display:grid;
grid-template-columns:92px minmax(0, 1fr);
gap:16px;
align-items:center;
margin-top:2px;
margin-bottom:18px;
padding:14px;
border:1px solid rgba(255,255,255,0.12);
border-radius:24px;
background:
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.10), transparent 34%),
rgba(255,255,255,0.045);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.profile-photo-hidden-form{
display:none;
}

.profile-photo-preview{
display:grid;
place-items:center;
width:92px;
height:92px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:#050505;
color:rgba(255,255,255,0.54);
font-size:11px;
font-weight:850;
text-align:center;
}

.profile-photo-preview img{
width:100%;
height:100%;
object-fit:cover;
}

.profile-photo-controls{
display:grid;
gap:8px;
min-width:0;
}

.profile-photo-controls strong{
color:#fff;
font-size:1rem;
letter-spacing:-0.035em;
}

.profile-photo-controls p{
margin:0;
color:rgba(255,255,255,0.58);
font-size:12px;
font-weight:700;
line-height:1.45;
}

.profile-photo-action-row{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
}

.profile-photo-upload-form,
.profile-photo-delete-form{
display:inline-flex;
align-items:center;
margin:0;
}

.file-input-soft{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
justify-self:start;
min-height:34px;
padding:0 14px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:#fff;
color:#050505;
font-size:12px;
font-weight:900;
cursor:pointer;
}

.profile-photo-delete-button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:0 14px;
border:1px solid rgba(255,111,145,0.42);
border-radius:999px;
background:rgba(255,111,145,0.12);
color:#ffb3c2;
font-size:12px;
font-weight:900;
cursor:pointer;
}

.profile-photo-delete-button:hover{
background:rgba(255,111,145,0.18);
border-color:rgba(255,111,145,0.66);
color:#fff;
}

.file-input-soft input{
position:absolute;
width:1px;
height:1px;
opacity:0;
pointer-events:none;
}

.profile-photo-remove{
display:flex;
align-items:center;
gap:8px;
color:rgba(255,255,255,0.68);
font-size:12px;
font-weight:800;
}

.settings-preferences-bubble{
order:20;
}

.settings-preferences-bubble .preference-manager{
grid-auto-flow:dense;
}

@media (min-width:901px){
.settings-preferences-bubble .preference-manager{
align-items:start;
}

.settings-preferences-bubble .preference-manager-card{
align-self:start;
}
}

.settings-agenda-fields-bubble .preference-manager{
align-items:start;
}

.settings-agenda-fields-bubble .preference-manager-card{
align-self:start;
}

.settings-company-bubble{
order:30;
}

.settings-social-bubble{
order:40;
margin-top:34px;
}

.settings-consent-bubble{
order:90;
margin-top:22px;
margin-bottom:0;
}

.settings-config-grid > .account-delete-card{
order:100;
margin-top:0;
}

.settings-consent-bubble + .account-delete-card{
margin-top:10px;
}

body:not(.login-page) .admin-shell > .container > .settings-consent-bubble{
order:90;
}

body:not(.login-page) .admin-shell > .container > .account-delete-card{
order:91;
margin-top:10px;
}

body:not(.login-page) .admin-shell > .container > .admin-footer{
order:120;
}

.settings-preferences-bubble::before{
background:radial-gradient(circle, rgba(46,255,172,0.12), transparent 68%);
}

.settings-company-bubble::before{
background:radial-gradient(circle, rgba(255,255,255,0.09), transparent 68%);
}

.settings-social-bubble::before{
background:radial-gradient(circle, rgba(255,76,76,0.10), transparent 68%);
}

.settings-consent-bubble::before{
background:radial-gradient(circle, rgba(46,255,172,0.11), transparent 68%);
}

.form-preferences-settings{
grid-column:1 / -1;
position:relative;
display:grid;
grid-template-columns:minmax(0, 1fr) repeat(2, minmax(210px, 0.48fr)) auto;
align-items:end;
gap:12px;
padding:16px;
border:1px solid rgba(255,255,255,0.13);
border-radius:24px;
background:
radial-gradient(circle at 8% 0%, rgba(46,255,172,0.12), transparent 34%),
linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
rgba(0,0,0,0.24);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
overflow:hidden;
}

.form-preferences-settings::before{
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(135deg, rgba(255,255,255,0.08), transparent 48%);
opacity:0.44;
}

.form-preferences-settings > *{
position:relative;
z-index:1;
}

.form-preferences-url{
display:grid;
gap:7px;
min-width:0;
}

.form-preferences-url span,
.form-preferences-switch > span:first-child{
color:rgba(255,255,255,0.62);
font-size:11px;
font-weight:850;
letter-spacing:0.08em;
text-transform:uppercase;
}

.form-preferences-url input,
.form-preferences-url select{
width:100%;
min-height:44px;
padding:0 15px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:rgba(0,0,0,0.25);
color:#fff;
font-size:14px;
font-weight:750;
outline:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}

.form-preferences-url select{
appearance:none;
background:
linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.75) 50%),
linear-gradient(135deg, rgba(255,255,255,0.75) 50%, transparent 50%),
rgba(0,0,0,0.25);
background-position:calc(100% - 19px) calc(50% - 2px), calc(100% - 13px) calc(50% - 2px), 0 0;
background-size:6px 6px, 6px 6px, auto;
background-repeat:no-repeat;
padding-right:40px;
}

.form-preferences-url select option{
background:#101010;
color:#fff;
}

.form-preferences-url input:focus,
.form-preferences-url select:focus{
border-color:rgba(46,255,172,0.44);
box-shadow:0 0 0 4px rgba(46,255,172,0.08), inset 0 1px 0 rgba(255,255,255,0.10);
}

.form-preferences-switch{
min-height:44px;
padding:8px 12px;
border-color:rgba(255,255,255,0.14);
border-radius:18px;
background:rgba(0,0,0,0.18);
color:#fff;
}

.form-preferences-note{
grid-column:1 / -1;
grid-row:2;
margin:-2px 2px 0;
color:rgba(255,255,255,0.58);
font-size:12px;
font-weight:650;
line-height:1.35;
}

.form-preferences-settings .actions{
display:flex;
grid-column:4;
grid-row:1;
align-self:end;
justify-content:flex-end;
margin:0;
}

.form-preferences-settings .btn{
min-height:44px;
padding:0 17px;
border:1px solid rgba(255,255,255,0.24);
border-radius:999px;
background:radial-gradient(circle at 18% 0%, rgba(255,255,255,0.13), transparent 34%), rgba(255,255,255,0.035);
color:#fff;
box-shadow:none;
font-size:12px;
font-weight:850;
white-space:nowrap;
}

.form-preferences-settings .btn:hover,
.form-preferences-settings .btn:focus-visible{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.48);
outline:none;
transform:translateY(-1px);
}

@media(max-width:900px){
.form-preferences-settings{
grid-template-columns:1fr;
align-items:stretch;
}

.form-preferences-settings .actions,
.form-preferences-settings .btn{
grid-column:auto;
grid-row:auto;
width:100%;
}

.form-preferences-note{
grid-row:auto;
}
}

.user-settings-save{
margin-top:20px;
}

.settings-pref-block{
display:grid;
gap:14px;
padding-top:8px;
}

.settings-chip-grid{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.music-chip.admin-chip{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

.music-chip.admin-chip input{
position:absolute;
opacity:0;
pointer-events:none;
}

.music-chip.admin-chip span{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 16px;
border-radius:999px;
border:1px solid var(--line);
background:#fff;
font-size:13px;
font-weight:700;
color:#111;
}

.music-chip.admin-chip input:checked + span{
background:#111;
border-color:#111;
color:#fff;
}

.switch-card-muted{
justify-content:center;
color:var(--muted);
background:var(--surface-alt);
}

.user-list{
gap:10px;
}

.users-admin-hero{
margin-bottom:16px;
}

.users-hero-panel .hero-mini-grid{
margin-top:4px;
}

.users-insight-grid{
display:grid;
grid-template-columns:repeat(6, minmax(0, 1fr));
gap:14px;
}

.users-insight-card{
position:relative;
overflow:hidden;
display:flex;
flex-direction:column;
gap:8px;
min-height:150px;
padding:18px;
border:1px solid rgba(255,255,255,0.12);
border-radius:28px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.14), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
#080808;
color:#fff;
text-decoration:none;
box-shadow:0 20px 48px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.08);
transition:transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.users-insight-card::after{
content:"";
position:absolute;
right:-40px;
bottom:-46px;
width:130px;
height:130px;
border-radius:999px;
background:rgba(255,255,255,0.08);
filter:blur(2px);
}

.users-insight-card:hover,
.users-insight-card.active{
transform:translateY(-2px);
border-color:rgba(255,255,255,0.28);
box-shadow:0 26px 62px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.12);
}

.users-insight-card.is-blue{
background:
radial-gradient(circle at 18% 0%, rgba(96,165,250,0.42), transparent 36%),
linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
#070b17;
}

.users-insight-card.is-green{
background:
radial-gradient(circle at 18% 0%, rgba(74,222,128,0.36), transparent 36%),
linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
#06110a;
}

.users-insight-card.is-gold{
background:
radial-gradient(circle at 18% 0%, rgba(255,218,85,0.42), transparent 36%),
linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
#151006;
}

.users-insight-card.is-red{
background:
radial-gradient(circle at 18% 0%, rgba(248,113,113,0.34), transparent 36%),
linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
#160707;
}

.users-insight-card span,
.users-insight-card small{
position:relative;
z-index:1;
color:rgba(255,255,255,0.62);
font-size:11px;
font-weight:850;
letter-spacing:0.12em;
text-transform:uppercase;
}

.users-insight-card strong{
position:relative;
z-index:1;
font-size:clamp(32px, 4vw, 54px);
line-height:0.92;
letter-spacing:-0.08em;
}

.users-insight-card small{
margin-top:auto;
line-height:1.35;
letter-spacing:0;
text-transform:none;
font-size:12px;
}

.users-admin-layout{
display:grid;
grid-template-columns:minmax(0, 1.1fr) minmax(320px, 0.9fr);
gap:14px;
align-items:stretch;
}

.users-verification-card,
.users-top-card{
position:relative;
overflow:hidden;
display:grid;
gap:18px;
padding:22px;
border:1px solid rgba(255,255,255,0.12);
border-radius:32px;
background:
radial-gradient(circle at 12% 0%, rgba(255,218,85,0.18), transparent 32%),
radial-gradient(circle at 92% 18%, rgba(0,213,255,0.16), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
#080808;
color:#fff;
box-shadow:0 22px 58px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.08);
}

.users-verification-card{
grid-template-columns:minmax(0, 1fr) auto;
align-items:center;
}

.users-verification-card span,
.users-verification-card p,
.users-top-card .stats-head span,
.users-top-card p{
color:rgba(255,255,255,0.62);
}

.users-verification-card span{
display:block;
margin-bottom:8px;
font-size:11px;
font-weight:850;
letter-spacing:0.12em;
text-transform:uppercase;
}

.users-verification-card h2{
margin:0 0 10px;
font-size:clamp(44px, 6vw, 82px);
line-height:0.9;
letter-spacing:-0.09em;
}

.users-verification-card p{
max-width:520px;
margin:0;
font-size:14px;
line-height:1.5;
}

.users-ring{
display:grid;
place-items:center;
width:128px;
height:128px;
border-radius:999px;
background:
radial-gradient(circle, #080808 0 56%, transparent 57%),
conic-gradient(#ffda55 var(--verified-rate), rgba(255,255,255,0.12) 0);
box-shadow:0 0 0 1px rgba(255,255,255,0.12), 0 18px 42px rgba(0,0,0,0.22);
}

.users-ring strong{
font-size:27px;
letter-spacing:-0.07em;
}

.users-role-bars{
grid-column:1 / -1;
display:grid;
gap:10px;
}

.users-role-bar{
display:grid;
grid-template-columns:80px 72px minmax(0, 1fr);
gap:10px;
align-items:center;
}

.users-role-bar span,
.users-role-bar strong{
margin:0;
font-size:12px;
font-weight:850;
letter-spacing:0;
text-transform:none;
}

.users-role-bar strong{
color:rgba(255,255,255,0.88);
text-align:right;
}

.users-role-bar i{
display:block;
height:10px;
overflow:hidden;
border-radius:999px;
background:rgba(255,255,255,0.10);
}

.users-role-bar b{
display:block;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg, #ffda55, #ff3f9f, #00d5ff);
}

.users-top-list{
display:grid;
gap:10px;
}

.users-top-row{
display:grid;
grid-template-columns:minmax(0, 1fr) auto auto;
gap:10px;
align-items:center;
padding:12px;
border:1px solid rgba(255,255,255,0.10);
border-radius:18px;
background:rgba(255,255,255,0.055);
}

.users-top-row strong,
.users-top-row span{
display:block;
}

.users-top-row strong{
font-size:14px;
}

.users-top-row span{
margin-top:2px;
color:rgba(255,255,255,0.52);
font-size:12px;
}

.users-top-row em{
padding:6px 9px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
font-style:normal;
font-size:11px;
font-weight:850;
text-transform:uppercase;
}

.users-top-row b{
min-width:42px;
text-align:right;
font-size:20px;
letter-spacing:-0.06em;
}

.users-search-card{
display:grid;
grid-template-columns:minmax(0, 1fr) auto auto;
gap:10px;
align-items:end;
padding:18px;
border:1px solid rgba(255,255,255,0.12);
border-radius:30px;
background:
radial-gradient(circle at 10% 0%, rgba(0,213,255,0.20), transparent 32%),
radial-gradient(circle at 92% 18%, rgba(255,218,85,0.16), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
#080808;
box-shadow:0 20px 52px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.08);
}

.users-search-card > div{
display:grid;
gap:8px;
min-width:0;
}

.users-search-card span{
color:rgba(255,255,255,0.54);
font-size:11px;
font-weight:850;
letter-spacing:0.12em;
text-transform:uppercase;
}

.users-search-card label{
display:flex;
align-items:center;
gap:10px;
min-height:52px;
padding:0 15px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(255,255,255,0.07);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.users-search-card svg{
width:20px;
height:20px;
fill:rgba(255,255,255,0.66);
flex:0 0 auto;
}

.users-search-card input{
width:100%;
min-width:0;
border:0;
background:transparent;
color:#fff;
font-size:15px;
font-weight:750;
outline:none;
}

.users-search-card input::placeholder{
color:rgba(255,255,255,0.38);
}

.users-search-card button,
.users-search-card a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:52px;
padding:0 18px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:#fff;
color:#050505;
font-size:13px;
font-weight:900;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
}

.users-search-card a{
background:rgba(255,255,255,0.07);
color:rgba(255,255,255,0.76);
}

.users-search-card button:hover,
.users-search-card a:hover{
transform:translateY(-1px);
}

.users-list-head{
position:relative;
overflow:hidden;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:18px 20px;
border:1px solid rgba(255,255,255,0.13);
border-radius:30px;
background:
radial-gradient(circle at 5% 0%, rgba(241,255,92,0.18), transparent 30%),
radial-gradient(circle at 94% 20%, rgba(94,234,212,0.12), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.078), rgba(255,255,255,0.024)),
#080808;
color:#fff;
box-shadow:0 22px 52px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08);
}

.users-list-head::after{
content:"";
position:absolute;
right:-46px;
top:-64px;
width:180px;
height:180px;
border-radius:999px;
background:radial-gradient(circle, rgba(255,255,255,0.10), transparent 66%);
pointer-events:none;
}

.users-list-head-copy,
.users-list-head-metrics{
position:relative;
z-index:1;
}

.users-list-head span{
display:inline-flex;
margin-bottom:7px;
color:rgba(255,255,255,0.54);
font-size:11px;
font-weight:850;
letter-spacing:0.12em;
text-transform:uppercase;
}

.users-list-head h2{
display:flex;
align-items:flex-end;
gap:10px;
flex-wrap:wrap;
margin:0;
}

.users-list-head h2 strong{
font-size:clamp(40px, 5.6vw, 70px);
line-height:0.82;
letter-spacing:-0.10em;
}

.users-list-head h2 em{
padding-bottom:5px;
color:rgba(255,255,255,0.72);
font-size:13px;
font-style:normal;
font-weight:900;
letter-spacing:.02em;
text-transform:uppercase;
}

.users-list-head-metrics{
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
flex-wrap:wrap;
}

.users-list-head-metrics span{
display:grid;
gap:4px;
min-width:112px;
min-height:58px;
margin:0;
padding:10px 12px;
border:1px solid rgba(255,255,255,0.115);
border-radius:18px;
background:
radial-gradient(circle at 14% 0%, rgba(255,255,255,0.12), transparent 35%),
rgba(255,255,255,0.060);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
letter-spacing:0;
text-transform:none;
}

.users-list-head-metrics span.is-query{
min-width:150px;
border-color:rgba(241,255,92,0.22);
background:
radial-gradient(circle at 14% 0%, rgba(241,255,92,0.16), transparent 35%),
rgba(255,255,255,0.060);
}

.users-list-head-metrics strong{
overflow:hidden;
color:#fff;
font-size:16px;
font-weight:1000;
letter-spacing:-0.04em;
line-height:1;
text-overflow:ellipsis;
white-space:nowrap;
}

.users-list-head-metrics em{
color:rgba(255,255,255,0.50);
font-size:9px;
font-style:normal;
font-weight:950;
letter-spacing:.12em;
line-height:1;
text-transform:uppercase;
}

.user-card{
padding:0;
overflow:hidden;
background:
linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02)),
var(--surface);
}

.user-card.is-verified{
border-color:rgba(255,218,85,0.22);
}

.user-card-mini-stats{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:10px;
}

.user-card-mini-stats span{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 9px;
border:1px solid rgba(255,255,255,0.08);
border-radius:999px;
background:rgba(255,255,255,0.045);
color:rgba(255,255,255,0.58);
font-size:11px;
font-weight:760;
}

.user-subscriptions-block{
display:grid;
gap:8px;
margin-top:12px;
}

.user-subscriptions-title{
display:block;
color:rgba(255,255,255,0.52);
font-size:10px;
font-weight:900;
letter-spacing:0.13em;
text-transform:uppercase;
}

.user-subscription-chips{
display:flex;
flex-wrap:wrap;
gap:7px;
align-items:center;
}

.user-subscription-chip{
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 10px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(255,255,255,0.06);
color:rgba(255,255,255,0.78);
font-size:11px;
font-weight:850;
white-space:nowrap;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}

.user-subscription-more{
position:relative;
}

.user-subscription-more summary{
list-style:none;
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 10px;
border:1px solid rgba(255,218,85,0.34);
border-radius:999px;
background:rgba(255,218,85,0.13);
color:#ffda55;
font-size:11px;
font-weight:950;
cursor:pointer;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.user-subscription-more summary::-webkit-details-marker{
display:none;
}

.user-subscription-more summary:hover{
background:#ffda55;
color:#070707;
}

.user-subscription-more div{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:8px;
padding:9px;
border:1px solid rgba(255,255,255,0.10);
border-radius:18px;
background:rgba(0,0,0,0.22);
}

.user-subscriptions-empty{
display:inline-flex;
align-items:center;
width:max-content;
min-height:28px;
padding:0 10px;
border:1px dashed rgba(255,255,255,0.15);
border-radius:999px;
background:rgba(255,255,255,0.035);
color:rgba(255,255,255,0.50);
font-size:11px;
font-weight:760;
}

.user-card-scores{
display:grid;
grid-template-columns:1fr;
gap:8px;
min-width:112px;
}

.user-card-score{
display:grid;
place-items:center;
min-width:0;
padding:9px 12px;
border:1px solid rgba(255,255,255,0.10);
border-radius:18px;
background:rgba(0,0,0,0.18);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}

.user-card-score.is-subscribers{
border-color:rgba(255,218,85,0.18);
background:
radial-gradient(circle at 18% 0%, rgba(255,218,85,0.18), transparent 46%),
rgba(255,218,85,0.075);
}

.user-card-score span{
font-size:10px;
font-weight:850;
letter-spacing:0.12em;
text-transform:uppercase;
color:rgba(255,255,255,0.52);
}

.user-card-score strong{
font-size:24px;
letter-spacing:-0.07em;
}

.user-status-active{
border-color:rgba(74,222,128,0.30);
color:#a7f3d0;
}

.user-status-pending{
border-color:rgba(255,218,85,0.30);
color:#fde68a;
}

.user-status-disabled,
.user-status-pending_deletion{
border-color:rgba(248,113,113,0.30);
color:#fecaca;
}

.users-empty-card{
display:grid;
gap:6px;
padding:24px;
border:1px solid rgba(255,255,255,0.10);
border-radius:24px;
background:rgba(255,255,255,0.045);
color:#fff;
}

.users-empty-card span{
color:rgba(255,255,255,0.58);
}

@media(max-width:980px){
.users-insight-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.users-admin-layout,
.users-verification-card,
.users-search-card{
grid-template-columns:1fr;
}

.users-ring{
width:112px;
height:112px;
}
}

@media(max-width:640px){
.users-insight-grid{
grid-template-columns:1fr;
}

.users-role-bar{
grid-template-columns:1fr auto;
}

.users-role-bar i{
grid-column:1 / -1;
}

.users-top-row{
grid-template-columns:1fr auto;
}

.users-top-row b{
grid-column:1 / -1;
text-align:left;
}

.user-card-score{
width:100%;
}

.user-card-scores{
width:100%;
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.user-subscription-chip{
white-space:normal;
}

.users-list-head{
align-items:flex-start;
flex-direction:column;
}

.users-list-head-metrics{
justify-content:flex-start;
width:100%;
}

.users-list-head-metrics span{
flex:1 1 0;
min-width:min(100%, 120px);
}
}

/* Usuarios admin: tarjetas operativas con estetica Widais moderna. */
.users-admin-page .users-admin-hero{
background:
radial-gradient(circle at 12% 12%, rgba(94,234,212,0.26), transparent 30%),
radial-gradient(circle at 74% 10%, rgba(241,255,92,0.18), transparent 30%),
radial-gradient(circle at 90% 82%, rgba(251,146,60,0.20), transparent 32%),
linear-gradient(135deg, #060606 0%, #151515 52%, #050505 100%);
}

.users-admin-page .users-insight-card,
.users-admin-page .users-verification-card,
.users-admin-page .users-top-card,
.users-admin-page .users-search-card,
.users-admin-page .users-list-head{
border-color:rgba(255,255,255,0.12);
box-shadow:0 22px 58px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.08);
}

.users-admin-page .users-search-collapsible{
position:relative;
overflow:hidden;
border:1px solid rgba(255,255,255,0.15);
border-radius:36px;
background:
radial-gradient(circle at 8% 0%, rgba(94,234,212,0.20), transparent 32%),
radial-gradient(circle at 82% -8%, rgba(241,255,92,0.17), transparent 34%),
radial-gradient(circle at 92% 92%, rgba(96,165,250,0.14), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.078), rgba(255,255,255,0.026)),
#080808;
box-shadow:0 28px 76px rgba(0,0,0,0.31), inset 0 1px 0 rgba(255,255,255,0.10);
color:#fff;
}

.users-admin-page .users-search-collapsible::before{
content:"";
position:absolute;
inset:-120px auto auto -120px;
width:300px;
height:300px;
border-radius:50%;
background:radial-gradient(circle, rgba(255,255,255,0.08), transparent 68%);
pointer-events:none;
}

.users-admin-page .users-search-collapsible > summary{
position:relative;
z-index:1;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:22px 24px;
list-style:none;
cursor:pointer;
transition:background .18s ease;
}

.users-admin-page .users-search-collapsible > summary:hover{
background:rgba(255,255,255,0.026);
}

.users-admin-page .users-search-collapsible > summary::-webkit-details-marker{
display:none;
}

.users-admin-page .users-search-collapsible > summary div{
display:grid;
gap:5px;
min-width:0;
}

.users-admin-page .users-search-collapsible > summary span{
width:max-content;
min-height:24px;
display:inline-flex;
align-items:center;
padding:0 10px;
border:1px solid rgba(255,255,255,0.10);
border-radius:999px;
background:rgba(255,255,255,0.055);
color:rgba(255,255,255,0.64);
font-size:10px;
font-weight:950;
letter-spacing:0.14em;
text-transform:uppercase;
}

.users-admin-page .users-search-collapsible > summary strong{
font-size:clamp(26px, 3.4vw, 44px);
line-height:.95;
letter-spacing:-0.08em;
}

.users-admin-page .users-search-collapsible > summary small{
max-width:720px;
color:rgba(255,255,255,0.64);
font-size:13px;
font-weight:720;
line-height:1.35;
}

.users-admin-page .users-search-collapsible > summary em{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:150px;
min-height:42px;
padding:0 42px 0 16px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:
radial-gradient(circle at 16% 0%, rgba(255,255,255,0.18), transparent 35%),
rgba(255,255,255,0.07);
color:rgba(255,255,255,0.84);
font-size:11px;
font-style:normal;
font-weight:1000;
letter-spacing:.08em;
text-transform:uppercase;
white-space:nowrap;
}

.users-admin-page .users-search-collapsible > summary em::after{
content:"";
position:absolute;
right:12px;
top:50%;
width:24px;
height:24px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:rgba(255,255,255,0.08);
transform:translateY(-50%);
}

.users-admin-page .users-search-collapsible > summary em::before{
content:"";
position:absolute;
right:21px;
top:50%;
width:7px;
height:7px;
border-right:2px solid rgba(255,255,255,0.86);
border-bottom:2px solid rgba(255,255,255,0.86);
transform:translateY(-62%) rotate(45deg);
z-index:2;
transition:transform .18s ease;
}

.users-admin-page .users-search-collapsible[open] > summary em{
border-color:rgba(241,255,92,0.28);
background:linear-gradient(135deg, rgba(241,255,92,0.14), rgba(94,234,212,0.08));
color:#fff;
}

.users-admin-page .users-search-collapsible[open] > summary em::before{
transform:translateY(-28%) rotate(225deg);
}

.users-admin-page .users-search-card-advanced{
grid-template-columns:minmax(0, 1fr) auto;
grid-template-areas:
"search actions"
"filters filters";
align-items:stretch;
gap:16px;
padding:0 22px 24px;
border:0;
border-top:1px solid rgba(255,255,255,0.08);
border-radius:0;
background:
linear-gradient(180deg, rgba(255,255,255,0.018), transparent 44%);
box-shadow:none;
position:relative;
z-index:1;
}

.users-admin-page .users-search-card-advanced .users-search-main{
grid-area:search;
display:grid;
gap:9px;
}

.users-admin-page .users-search-card-advanced .users-search-input{
min-height:62px;
padding:10px 14px;
border:1px solid rgba(255,255,255,0.12);
border-radius:24px;
background:
radial-gradient(circle at 2% 0%, rgba(94,234,212,0.18), transparent 34%),
linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.users-admin-page .users-search-card-advanced .users-search-input:focus-within{
border-color:rgba(158,255,225,0.34);
background:
radial-gradient(circle at 2% 0%, rgba(94,234,212,0.24), transparent 36%),
linear-gradient(135deg, rgba(255,255,255,0.105), rgba(255,255,255,0.04));
box-shadow:0 0 0 4px rgba(94,234,212,0.07), inset 0 1px 0 rgba(255,255,255,0.10);
}

.users-admin-page .users-search-card-advanced .users-search-input input{
min-height:42px;
background:transparent;
border:0;
color:#fff;
font-size:15px;
font-weight:820;
box-shadow:none;
}

.users-admin-page .users-search-controls{
grid-area:filters;
display:grid;
grid-template-columns:repeat(12, minmax(0, 1fr));
gap:12px;
padding:12px;
border:1px solid rgba(255,255,255,0.08);
border-radius:28px;
background:
radial-gradient(circle at 0% 0%, rgba(255,255,255,0.07), transparent 34%),
radial-gradient(circle at 100% 0%, rgba(94,234,212,0.08), transparent 30%),
rgba(0,0,0,0.18);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.045);
}

.users-admin-page .users-search-controls label{
position:relative;
display:grid;
grid-column:span 2;
gap:8px;
min-height:auto;
padding:12px;
border:1px solid rgba(255,255,255,0.105);
border-radius:19px;
background:
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.095), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.060), rgba(255,255,255,0.024));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
transition:border-color .18s ease, transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.users-admin-page .users-search-controls .users-filter-city,
.users-admin-page .users-search-controls .users-filter-country{
grid-column:span 3;
}

.users-admin-page .users-search-controls label:focus-within{
transform:translateY(-1px);
border-color:rgba(241,255,92,0.30);
background:
radial-gradient(circle at 12% 0%, rgba(241,255,92,0.12), transparent 36%),
linear-gradient(145deg, rgba(255,255,255,0.074), rgba(255,255,255,0.030));
box-shadow:0 10px 28px rgba(0,0,0,0.18), 0 0 0 4px rgba(241,255,92,0.052), inset 0 1px 0 rgba(255,255,255,0.08);
}

.users-admin-page .users-search-controls label span{
margin:0;
color:rgba(255,255,255,0.60);
font-size:9px;
font-weight:950;
letter-spacing:0.14em;
line-height:1;
text-transform:uppercase;
}

.users-admin-page .users-search-controls input,
.users-admin-page .users-search-controls select{
width:100%;
min-height:43px;
padding:0 13px;
border:1px solid rgba(255,255,255,0.12);
border-radius:15px;
background:rgba(0,0,0,0.28);
color:#fff;
font-family:inherit;
font-size:13px;
font-weight:850;
outline:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.055);
transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.users-admin-page .users-search-controls select{
appearance:none;
background:
linear-gradient(45deg, transparent 50%, rgba(8,8,8,0.92) 50%) calc(100% - 17px) 52% / 7px 7px no-repeat,
radial-gradient(circle at 100% 0%, rgba(241,255,92,0.16), transparent 38%),
linear-gradient(135deg, rgba(255,255,255,0.10), rgba(0,0,0,0.24));
padding-right:34px;
cursor:pointer;
}

.users-admin-page .users-search-controls label:has(select)::after{
content:"";
position:absolute;
right:19px;
bottom:20px;
width:26px;
height:26px;
border-radius:999px;
background:linear-gradient(135deg, #f1ff5c, #9effe1);
box-shadow:0 8px 18px rgba(158,255,225,0.13);
pointer-events:none;
}

.users-admin-page .users-search-controls label:has(select)::before{
content:"";
position:absolute;
right:28px;
bottom:30px;
z-index:2;
width:7px;
height:7px;
border-right:2px solid rgba(0,0,0,0.82);
border-bottom:2px solid rgba(0,0,0,0.82);
transform:rotate(45deg);
pointer-events:none;
}

.users-admin-page .users-search-controls input::placeholder{
color:rgba(255,255,255,0.44);
font-size:12px;
font-weight:760;
}

.users-admin-page .users-search-controls input:focus,
.users-admin-page .users-search-controls select:focus{
border-color:rgba(241,255,92,0.40);
background:rgba(0,0,0,0.40);
box-shadow:0 0 0 4px rgba(241,255,92,0.075), inset 0 1px 0 rgba(255,255,255,0.08);
}

.users-admin-page .users-search-controls select option{
background:#101010;
color:#fff;
}

.users-admin-page .users-search-actions{
grid-area:actions;
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
padding:0;
min-width:220px;
}

.users-admin-page .users-search-actions button,
.users-admin-page .users-search-actions a{
min-height:62px;
padding:0 20px;
border-radius:22px;
font-size:11px;
font-weight:1000;
letter-spacing:.08em;
text-transform:uppercase;
white-space:nowrap;
}

.users-admin-page .users-search-actions button{
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.46), transparent 36%),
linear-gradient(135deg, #f1ff5c, #9effe1);
color:#050505;
box-shadow:0 16px 34px rgba(158,255,225,0.16), inset 0 1px 0 rgba(255,255,255,0.46);
}

.users-admin-page .users-search-actions a{
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,0.12);
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.13), transparent 36%),
rgba(255,255,255,0.065);
color:rgba(255,255,255,0.76);
text-decoration:none;
}

/* Users search console - refined admin filter UI. */
.users-admin-page .users-search-collapsible{
isolation:isolate;
border-radius:34px;
background:
radial-gradient(circle at 5% -10%, rgba(241,255,92,0.22), transparent 30%),
radial-gradient(circle at 54% -18%, rgba(94,234,212,0.16), transparent 34%),
radial-gradient(circle at 100% 72%, rgba(96,165,250,0.20), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.095), rgba(255,255,255,0.026)),
#070707;
}

.users-admin-page .users-search-collapsible::after{
content:"";
position:absolute;
inset:1px;
z-index:-1;
border-radius:inherit;
background:
linear-gradient(135deg, rgba(255,255,255,0.10), transparent 28%),
linear-gradient(315deg, rgba(158,255,225,0.10), transparent 34%);
pointer-events:none;
}

.users-admin-page .users-search-collapsible > summary{
display:grid;
grid-template-columns:auto minmax(0, 1fr) auto;
align-items:center;
gap:16px;
padding:18px 20px;
}

.users-admin-page .users-search-summary-orb{
display:grid;
place-items:center;
width:58px;
height:58px;
border:1px solid rgba(255,255,255,0.18);
border-radius:20px;
background:
radial-gradient(circle at 22% 10%, rgba(255,255,255,0.36), transparent 32%),
linear-gradient(135deg, #f1ff5c, #9effe1 52%, #60a5fa);
box-shadow:0 18px 38px rgba(94,234,212,0.17), inset 0 1px 0 rgba(255,255,255,0.46);
}

.users-admin-page .users-search-summary-orb svg{
width:25px;
height:25px;
fill:#050505;
}

.users-admin-page .users-search-collapsible > summary .users-search-summary-copy{
display:grid;
gap:6px;
min-width:0;
}

.users-admin-page .users-search-collapsible > summary .users-search-summary-copy span{
width:max-content;
min-height:23px;
padding:0 10px;
border-color:rgba(241,255,92,0.18);
background:rgba(241,255,92,0.075);
color:rgba(255,255,255,0.72);
}

.users-admin-page .users-search-collapsible > summary .users-search-summary-copy strong{
font-size:clamp(25px, 3vw, 38px);
letter-spacing:-0.072em;
}

.users-admin-page .users-search-collapsible > summary .users-search-summary-copy small{
max-width:650px;
font-size:12px;
color:rgba(255,255,255,0.62);
}

.users-admin-page .users-search-collapsible > summary .users-search-summary-status{
display:grid;
grid-template-columns:auto auto;
align-items:center;
gap:9px;
min-width:172px;
padding:8px 10px 8px 8px;
border:1px solid rgba(255,255,255,0.13);
border-radius:999px;
background:
radial-gradient(circle at 15% 0%, rgba(255,255,255,0.15), transparent 38%),
rgba(255,255,255,0.065);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
}

.users-admin-page .users-search-collapsible > summary .users-search-summary-status b{
display:grid;
place-items:center;
width:34px;
height:34px;
border-radius:999px;
background:linear-gradient(135deg, #f1ff5c, #9effe1);
color:#050505;
font-size:14px;
font-weight:1000;
letter-spacing:-0.03em;
}

.users-admin-page .users-search-collapsible > summary .users-search-summary-status em{
position:relative;
display:block;
min-width:0;
min-height:0;
padding:0 20px 0 0;
border:0;
background:transparent;
box-shadow:none;
color:rgba(255,255,255,0.80);
font-size:10px;
font-style:normal;
font-weight:1000;
letter-spacing:.09em;
line-height:1.15;
text-transform:uppercase;
white-space:normal;
}

.users-admin-page .users-search-collapsible > summary .users-search-summary-status em::after{
content:"";
position:absolute;
right:2px;
top:50%;
width:8px;
height:8px;
border-right:2px solid rgba(255,255,255,0.82);
border-bottom:2px solid rgba(255,255,255,0.82);
transform:translateY(-68%) rotate(45deg);
transition:transform .18s ease;
}

.users-admin-page .users-search-collapsible[open] .users-search-summary-status em::after{
transform:translateY(-30%) rotate(225deg);
}

.users-admin-page .users-search-card-advanced{
grid-template-columns:minmax(0, 1fr) auto;
grid-template-areas:
"search actions"
"filterhead filterhead"
"filters filters";
gap:14px;
padding:0 18px 18px;
border-top:0;
background:linear-gradient(180deg, rgba(255,255,255,0.026), transparent 52%);
}

.users-admin-page .users-search-card-advanced .users-search-input{
min-height:58px;
padding:8px 12px;
border-radius:22px;
background:
radial-gradient(circle at 0% 0%, rgba(241,255,92,0.12), transparent 34%),
linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.035));
}

.users-admin-page .users-search-card-advanced .users-search-input svg{
width:22px;
height:22px;
fill:rgba(241,255,92,0.86);
}

.users-admin-page .users-search-card-advanced .users-search-input input{
font-size:14px;
letter-spacing:-0.01em;
}

.users-admin-page .users-filter-panel-head{
grid-area:filterhead;
display:flex !important;
align-items:flex-end;
justify-content:space-between;
gap:14px;
padding:3px 4px 0;
}

.users-admin-page .users-filter-panel-head span{
color:#fff;
font-size:13px;
font-weight:950;
letter-spacing:-0.02em;
text-transform:none;
}

.users-admin-page .users-filter-panel-head small{
max-width:620px;
color:rgba(255,255,255,0.52);
font-size:12px;
font-weight:760;
line-height:1.35;
text-align:right;
}

.users-admin-page .users-search-controls{
gap:10px;
padding:10px;
border-radius:25px;
background:
radial-gradient(circle at 8% 0%, rgba(241,255,92,0.075), transparent 30%),
radial-gradient(circle at 100% 0%, rgba(96,165,250,0.090), transparent 32%),
rgba(0,0,0,0.22);
}

.users-admin-page .users-search-controls label{
gap:7px;
padding:10px;
border-radius:18px;
background:
linear-gradient(145deg, rgba(255,255,255,0.068), rgba(255,255,255,0.020)),
rgba(0,0,0,0.18);
}

.users-admin-page .users-search-controls label span{
font-size:8.5px;
color:rgba(255,255,255,0.58);
}

.users-admin-page .users-search-controls input,
.users-admin-page .users-search-controls select{
min-height:40px;
border-radius:14px;
background:rgba(0,0,0,0.36);
font-size:12.5px;
}

.users-admin-page .users-search-controls select{
background:
linear-gradient(45deg, transparent 50%, rgba(8,8,8,0.92) 50%) calc(100% - 16px) 52% / 7px 7px no-repeat,
linear-gradient(135deg, rgba(241,255,92,0.13), rgba(255,255,255,0.060) 48%, rgba(0,0,0,0.25));
}

.users-admin-page .users-search-controls label:has(select)::after{
right:17px;
bottom:17px;
width:24px;
height:24px;
background:linear-gradient(135deg, #f1ff5c, #9effe1);
}

.users-admin-page .users-search-controls label:has(select)::before{
right:25px;
bottom:26px;
}

.users-admin-page .users-search-actions{
align-self:stretch;
min-width:190px;
}

.users-admin-page .users-search-actions button,
.users-admin-page .users-search-actions a{
min-height:58px;
border-radius:21px;
}

.users-admin-page .users-search-actions button{
padding-inline:24px;
}

.users-admin-page .users-search-actions a{
padding-inline:16px;
}

.users-admin-page .users-pagination{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
flex-wrap:wrap;
margin-top:18px;
padding:14px;
border:1px solid rgba(255,255,255,0.10);
border-radius:24px;
background:
radial-gradient(circle at 18% 0%, rgba(94,234,212,0.11), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018)),
rgba(7,7,7,0.86);
box-shadow:0 16px 40px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.06);
}

.users-admin-page .users-page-link,
.users-admin-page .users-page-ellipsis{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:38px;
height:38px;
padding:0 13px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(255,255,255,0.06);
color:rgba(255,255,255,0.72);
font-size:12px;
font-weight:950;
text-decoration:none;
}

.users-admin-page .users-page-link:hover,
.users-admin-page .users-page-link:focus-visible{
border-color:rgba(241,255,92,0.34);
background:rgba(241,255,92,0.12);
color:#fff;
}

.users-admin-page .users-page-link.active{
border-color:rgba(255,255,255,0.28);
background:linear-gradient(135deg, #f1ff5c, #9effe1);
color:#050505;
box-shadow:0 14px 28px rgba(158,255,225,0.14), inset 0 1px 0 rgba(255,255,255,0.44);
}

.users-admin-page .users-page-link.is-disabled{
opacity:.36;
pointer-events:none;
}

.users-admin-page .users-page-ellipsis{
min-width:28px;
padding:0 6px;
border-color:transparent;
background:transparent;
color:rgba(255,255,255,0.42);
}

.users-confirm-modal[hidden]{
display:none;
}

.users-confirm-modal{
position:fixed;
inset:0;
z-index:9999;
display:grid;
place-items:center;
padding:22px;
}

.users-confirm-backdrop{
position:absolute;
inset:0;
background:rgba(0,0,0,0.68);
backdrop-filter:blur(14px);
}

.users-confirm-dialog{
position:relative;
display:grid;
justify-items:start;
gap:12px;
width:min(430px, 100%);
padding:24px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.15);
border-radius:30px;
background:
radial-gradient(circle at 18% 0%, rgba(241,255,92,0.18), transparent 32%),
radial-gradient(circle at 100% 18%, rgba(94,234,212,0.16), transparent 32%),
linear-gradient(145deg, rgba(16,16,16,0.98), rgba(4,4,4,0.98));
box-shadow:0 34px 90px rgba(0,0,0,0.46), inset 0 1px 0 rgba(255,255,255,0.08);
color:#fff;
}

.users-confirm-close{
position:absolute;
top:14px;
right:14px;
display:grid;
place-items:center;
width:34px;
height:34px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.07);
color:#fff;
font-size:20px;
line-height:1;
cursor:pointer;
}

.users-confirm-orb{
display:grid;
place-items:center;
width:48px;
height:48px;
border:1px solid rgba(255,255,255,0.16);
border-radius:18px;
background:linear-gradient(135deg, #f1ff5c, #9effe1);
color:#050505;
font-size:20px;
box-shadow:0 16px 34px rgba(158,255,225,0.16), inset 0 1px 0 rgba(255,255,255,0.46);
}

.users-confirm-dialog > span{
color:rgba(255,255,255,0.58);
font-size:10px;
font-weight:950;
letter-spacing:0.14em;
text-transform:uppercase;
}

.users-confirm-dialog h2{
margin:0;
font-size:clamp(28px, 5vw, 42px);
line-height:.95;
letter-spacing:-0.08em;
}

.users-confirm-dialog p{
margin:0;
color:rgba(255,255,255,0.68);
font-size:14px;
font-weight:760;
line-height:1.45;
}

.users-confirm-actions{
display:flex;
justify-content:flex-end;
gap:10px;
width:100%;
margin-top:4px;
}

.users-confirm-actions button{
min-height:42px;
padding:0 16px;
border-radius:999px;
font-size:12px;
font-weight:950;
letter-spacing:.06em;
text-transform:uppercase;
cursor:pointer;
}

.users-confirm-cancel{
border:1px solid rgba(255,255,255,0.14);
background:rgba(255,255,255,0.07);
color:rgba(255,255,255,0.78);
}

.users-confirm-submit{
border:1px solid rgba(255,255,255,0.26);
background:linear-gradient(135deg, #f1ff5c, #9effe1);
color:#050505;
box-shadow:0 16px 32px rgba(158,255,225,0.16), inset 0 1px 0 rgba(255,255,255,0.46);
}

@media(max-width:560px){
.users-confirm-dialog{
padding:20px;
border-radius:24px;
}

.users-confirm-actions{
flex-direction:column-reverse;
}

.users-confirm-actions button{
width:100%;
}
}

.users-admin-page .user-card-modern{
position:relative;
border:1px solid rgba(255,255,255,0.11);
border-radius:24px;
background:
radial-gradient(circle at 0% 0%, rgba(255,255,255,0.10), transparent 32%),
radial-gradient(circle at 100% 0%, rgba(94,234,212,0.10), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.062), rgba(255,255,255,0.022)),
#080808;
color:#fff;
box-shadow:0 14px 38px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.07);
}

.users-admin-page .user-card-modern.is-verified{
border-color:rgba(241,255,92,0.28);
background:
radial-gradient(circle at 0% 0%, rgba(241,255,92,0.13), transparent 32%),
radial-gradient(circle at 100% 0%, rgba(94,234,212,0.11), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.068), rgba(255,255,255,0.024)),
#080808;
}

.users-admin-page .user-card-modern > summary{
list-style:none;
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
align-items:center;
gap:10px;
padding:10px 12px;
cursor:pointer;
}

.users-admin-page .user-card-modern > summary::-webkit-details-marker{
display:none;
}

.users-admin-page .user-card-modern .lead-summary-left{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}

.users-admin-page .user-avatar{
position:relative;
display:grid;
place-items:center;
flex:0 0 auto;
width:44px;
height:44px;
border:1px solid rgba(255,255,255,0.14);
border-radius:16px;
background:
radial-gradient(circle at 28% 18%, rgba(255,255,255,0.34), transparent 32%),
linear-gradient(135deg, rgba(94,234,212,0.22), rgba(96,165,250,0.10)),
rgba(255,255,255,0.06);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12), 0 10px 22px rgba(0,0,0,0.16);
}

.users-admin-page .user-avatar strong{
font-size:15px;
font-weight:1000;
letter-spacing:-0.04em;
}

.users-admin-page .user-avatar span{
position:absolute;
right:-6px;
top:-6px;
display:grid;
place-items:center;
width:18px;
height:18px;
border:1px solid rgba(0,0,0,0.24);
border-radius:999px;
background:linear-gradient(135deg, #f1ff5c, #fb923c);
color:#050505;
font-size:9px;
box-shadow:0 10px 22px rgba(241,255,92,0.18);
}

.users-admin-page .user-card-modern .lead-order{
display:grid;
place-items:center;
align-content:center;
min-width:52px;
height:44px;
padding:0 8px;
border:1px solid rgba(255,255,255,0.10);
border-radius:15px;
background:rgba(255,255,255,0.045);
}

.users-admin-page .user-card-modern .lead-order strong{
font-size:15px;
line-height:1;
letter-spacing:-0.06em;
}

.users-admin-page .user-card-modern .lead-order span{
max-width:70px;
overflow:hidden;
color:rgba(255,255,255,0.56);
font-size:9px;
font-weight:850;
text-overflow:ellipsis;
white-space:nowrap;
}

.users-admin-page .user-card-modern .lead-main{
min-width:0;
}

.users-admin-page .user-card-modern .lead-main strong{
font-size:15px;
line-height:1.08;
letter-spacing:-0.045em;
}

.users-admin-page .user-card-modern .lead-main > span{
overflow:hidden;
max-width:620px;
color:rgba(255,255,255,0.56);
font-size:11px;
font-weight:760;
line-height:1.18;
text-overflow:ellipsis;
white-space:nowrap;
}

.users-admin-page .user-card-modern .lead-summary-right{
display:grid;
grid-template-columns:minmax(150px, 1fr) auto auto;
align-items:center;
gap:9px;
}

.users-admin-page .user-card-modern .lead-summary-badges{
justify-content:flex-end;
max-width:270px;
gap:5px;
}

.users-admin-page .user-card-modern .mini-badge{
height:23px;
padding:0 8px;
font-size:9px;
font-weight:850;
}

.users-admin-page .user-card-modern .user-origin-badge{
max-width:156px;
overflow:hidden;
border-color:rgba(94,234,212,0.24);
background:linear-gradient(135deg, rgba(94,234,212,0.13), rgba(96,165,250,0.08));
color:rgba(216,255,249,0.90);
text-overflow:ellipsis;
white-space:nowrap;
}

.users-admin-page .user-card-modern .inline-verify-form{
gap:4px;
}

.users-admin-page .user-card-modern .verify-profile-star{
width:18px;
height:18px;
}

.users-admin-page .user-card-modern .verify-profile-star::after{
inset:2px;
font-size:8px;
}

.users-admin-page .user-card-modern .user-card-mini-stats{
margin-top:8px;
gap:5px;
}

.users-admin-page .user-card-modern .user-card-mini-stats span{
min-height:22px;
padding:0 8px;
font-size:10px;
background:rgba(255,255,255,0.050);
}

.users-admin-page .user-card-modern .user-subscriptions-block{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:5px;
margin-top:5px;
}

.users-admin-page .user-card-modern .user-subscriptions-title{
color:rgba(255,255,255,0.46);
font-size:8px;
}

.users-admin-page .user-card-modern .user-subscription-chip,
.users-admin-page .user-card-modern .user-subscription-more summary,
.users-admin-page .user-card-modern .user-subscriptions-empty{
min-height:20px;
padding:0 7px;
font-size:9px;
}

.users-admin-page .user-card-modern .user-card-scores{
grid-template-columns:repeat(2, minmax(74px, 1fr));
min-width:164px;
gap:6px;
}

.users-admin-page .user-card-modern .user-card-score{
min-height:42px;
padding:6px 8px;
border-radius:15px;
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.11), transparent 38%),
rgba(255,255,255,0.050);
}

.users-admin-page .user-card-modern .user-card-score strong{
font-size:18px;
}

.users-admin-page .user-card-modern .user-card-score span{
font-size:8px;
letter-spacing:0.09em;
}

.users-admin-page .user-summary-actions{
display:flex;
align-items:center;
gap:6px;
}

.users-admin-page .user-summary-actions .icon-btn,
.users-admin-page .user-summary-actions .lead-expand{
width:36px;
height:36px;
border-radius:14px;
}

.users-admin-page .user-summary-actions .lead-expand{
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,0.12);
background:rgba(255,255,255,0.07);
color:#fff;
transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.users-admin-page .user-card-modern[open] .user-summary-actions .lead-expand{
transform:rotate(45deg);
border-color:rgba(241,255,92,0.30);
background:rgba(241,255,92,0.12);
}

.users-admin-page .user-summary-actions .lead-expand svg{
width:20px;
height:20px;
fill:currentColor;
}

.users-admin-page .user-detail-panel{
display:grid;
gap:10px;
margin:0 12px 12px;
padding:12px;
border:1px solid rgba(255,255,255,0.10);
border-radius:20px;
background:
radial-gradient(circle at 8% 0%, rgba(94,234,212,0.10), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}

.users-admin-page .user-detail-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:8px;
}

.users-admin-page .user-detail-grid .lead-date-block{
min-height:58px;
padding:9px 10px;
border-color:rgba(255,255,255,0.10);
border-radius:15px;
background:rgba(0,0,0,0.18);
}

.users-admin-page .user-detail-grid .lead-date-block strong{
overflow:hidden;
font-size:12px;
text-overflow:ellipsis;
white-space:nowrap;
}

.users-admin-page .user-preferences-panel{
display:grid;
gap:12px;
padding:13px;
border:1px solid rgba(255,255,255,0.10);
border-radius:20px;
background:rgba(255,255,255,0.040);
}

.users-admin-page .user-preferences-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}

.users-admin-page .user-preferences-head span{
color:rgba(255,255,255,0.56);
font-size:10px;
font-weight:950;
letter-spacing:0.13em;
text-transform:uppercase;
}

.users-admin-page .user-preferences-head strong{
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 10px;
border:1px solid rgba(241,255,92,0.24);
border-radius:999px;
background:rgba(241,255,92,0.10);
color:#f1ff5c;
font-size:11px;
font-weight:950;
}

.users-admin-page .user-preferences-groups{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
}

.users-admin-page .user-preference-group{
display:grid;
gap:8px;
padding:11px;
border:1px solid rgba(255,255,255,0.09);
border-radius:17px;
background:rgba(0,0,0,0.16);
}

.users-admin-page .user-preference-group > span{
color:rgba(255,255,255,0.55);
font-size:10px;
font-weight:950;
letter-spacing:0.12em;
text-transform:uppercase;
}

.users-admin-page .user-preference-group div{
display:flex;
flex-wrap:wrap;
gap:6px;
}

.users-admin-page .user-preference-group em{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 8px;
border:1px solid rgba(255,255,255,0.11);
border-radius:999px;
background:rgba(255,255,255,0.055);
color:rgba(255,255,255,0.76);
font-size:10px;
font-style:normal;
font-weight:820;
}

.users-admin-page .user-preferences-empty{
margin:0;
color:rgba(255,255,255,0.56);
font-size:13px;
}

@media(max-width:1180px){
.users-admin-page .users-search-card-advanced{
grid-template-columns:1fr;
grid-template-areas:
"search"
"actions"
"filterhead"
"filters";
}

.users-admin-page .users-search-controls{
grid-template-columns:repeat(6, minmax(0, 1fr));
}

.users-admin-page .users-search-actions{
justify-content:flex-start;
min-width:0;
}

.users-admin-page .users-filter-panel-head{
align-items:flex-start;
flex-direction:column;
gap:4px;
}

.users-admin-page .users-filter-panel-head small{
max-width:none;
text-align:left;
}

.users-admin-page .user-card-modern > summary,
.users-admin-page .user-card-modern .lead-summary-right{
grid-template-columns:1fr;
align-items:start;
}

.users-admin-page .user-card-modern .lead-summary-badges{
justify-content:flex-start;
max-width:none;
}

.users-admin-page .user-card-modern .user-card-scores{
width:100%;
}

.users-admin-page .user-summary-actions{
justify-content:flex-start;
}
}

@media(max-width:760px){
.users-admin-page .users-search-collapsible{
border-radius:26px;
}

.users-admin-page .users-search-collapsible > summary{
align-items:flex-start;
grid-template-columns:auto minmax(0, 1fr);
padding:18px;
}

.users-admin-page .users-search-collapsible > summary .users-search-summary-status{
grid-column:1 / -1;
width:100%;
min-width:0;
}

.users-admin-page .users-search-collapsible > summary .users-search-summary-copy strong{
font-size:clamp(25px, 9vw, 34px);
}

.users-admin-page .users-search-collapsible > summary .users-search-summary-status em{
width:100%;
min-width:0;
}

.users-admin-page .users-search-card-advanced{
padding:0 14px 16px;
}

.users-admin-page .users-search-controls{
grid-template-columns:1fr;
}

.users-admin-page .users-search-controls label,
.users-admin-page .users-search-controls .users-filter-city,
.users-admin-page .users-search-controls .users-filter-country{
grid-column:1 / -1;
}

.users-admin-page .users-search-actions{
align-items:stretch;
flex-direction:column;
}

.users-admin-page .users-search-actions button,
.users-admin-page .users-search-actions a{
width:100%;
}

.users-admin-page .user-card-modern .lead-summary-left{
align-items:flex-start;
flex-wrap:wrap;
}

.users-admin-page .user-avatar{
width:50px;
height:50px;
border-radius:18px;
}

.users-admin-page .user-detail-grid,
.users-admin-page .user-preferences-groups{
grid-template-columns:1fr;
}

.users-admin-page .user-card-modern .lead-main > span{
white-space:normal;
}
}

.image-preview-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:12px;
}

.image-preview-card{
display:grid;
gap:10px;
padding:14px;
border:1px solid var(--line);
border-radius:18px;
background:#fff;
}

.image-preview-card span{
font-size:12px;
letter-spacing:0.1em;
text-transform:uppercase;
color:var(--muted);
}

.image-preview-card img{
width:100%;
aspect-ratio:1 / 1;
object-fit:cover;
border-radius:16px;
border:1px solid var(--line);
background:var(--surface-alt);
}

.image-preview-empty{
display:grid;
place-items:center;
aspect-ratio:1 / 1;
border-radius:16px;
border:1px dashed var(--line-strong);
background:var(--surface-alt);
font-size:13px;
color:var(--muted);
}

.user-summary{
padding-bottom:12px;
}

.user-detail-form{
border-top:1px solid var(--line);
}

.detail-tags{
display:grid;
gap:10px;
padding-top:2px;
}

.pagination{
display:flex;
justify-content:center;
gap:8px;
flex-wrap:wrap;
}

.page{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:42px;
height:42px;
border-radius:14px;
border:1px solid var(--line);
background:#fff;
text-decoration:none;
color:#111;
font-weight:700;
}

.page:hover{
background:var(--surface-hover);
}

.page.active{
background:#111;
color:#fff;
border-color:#111;
}

.admin-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-top:32px;
padding:22px 26px;
border:1px solid var(--line);
border-radius:28px;
background:rgba(255,255,255,0.88);
box-shadow:0 18px 44px rgba(15,23,42,0.08);
}

.admin-footer .footer-group{
display:flex;
align-items:center;
gap:18px;
flex-wrap:wrap;
}

.admin-footer a{
color:var(--muted);
font-size:14px;
text-decoration:none;
transition:color 0.18s ease, opacity 0.18s ease;
}

.admin-footer a:hover{
color:#111;
}

.login-page{
display:grid;
place-items:center;
min-height:100vh;
}

.login-shell{
width:min(100%, 430px);
padding:28px;
display:grid;
gap:16px;
}

.login-shell-wide{
width:min(100%, 680px);
}

.login-shell h2{
font-size:34px;
letter-spacing:-0.05em;
}

.login-shell p{
color:var(--muted);
}

.login-shell form{
display:grid;
gap:12px;
}

.login-shell input{
height:48px;
padding:0 14px;
border-radius:14px;
border:1px solid var(--line);
background:#fff;
font-size:14px;
outline:none;
}

.login-shell select{
height:48px;
padding:0 14px;
border-radius:14px;
border:1px solid var(--line);
background:#fff;
font-size:14px;
outline:none;
}

.login-shell input:focus,
.login-shell select:focus{
border-color:#cfcfcf;
box-shadow:0 0 0 4px rgba(17,17,17,0.04);
}

.error{
font-size:13px;
color:#b42318;
}

.login-links{
display:flex;
flex-wrap:wrap;
gap:14px;
}

.login-links a{
color:#111;
font-size:14px;
font-weight:700;
text-decoration:none;
}

.login-links a.btn{
color:#fff;
}

.login-links a:hover{
opacity:0.7;
}

.user-login-links a{
font-weight:400;
}

.login-links.recovery-links a{
font-weight:400;
}

@media(max-width:980px){
.kpis,
.stats-panel,
.lead-fields{
grid-template-columns:1fr 1fr;
}

.stats-panel-wide{
grid-template-columns:1fr;
}

.dashboard-hero,
.analytics-grid{
grid-template-columns:1fr;
}

.insight-grid,
.insight-grid-admin{
grid-template-columns:repeat(3, minmax(0, 1fr));
}

.agenda-stats-panel{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.agenda-search-head,
.agenda-filter-grid{
grid-template-columns:1fr 1fr;
}

.agenda-stat-main{
grid-row:auto;
min-height:170px;
}

.health-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.social-command-grid,
.heat-index-grid,
.geo-dashboard-grid,
.admin-rankings-grid,
.social-growth-grid{
grid-template-columns:1fr;
}

.social-network-cards{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.image-preview-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.link-admin-grid,
.highlight-edit-grid{
grid-template-columns:1fr 1fr;
}

.music-platform-admin-grid{
grid-template-columns:1fr;
}

.lead-toggle-grid{
grid-template-columns:1fr;
}

.lead-top-detail{
grid-template-columns:1fr 1fr;
}

.event-layout{
grid-template-columns:1fr;
}

.landing-admin-hero{
grid-template-columns:1fr;
}

.landing-admin-page .event-layout{
grid-template-columns:1fr;
}

.landing-admin-page .event-create-card{
position:static;
}

.event-create-card{
position:static;
}
}

@media(max-width:720px){
body{
padding:16px;
}

.account-topbar{
align-items:flex-start;
flex-direction:column;
}

.account-nav{
justify-content:flex-start;
width:100%;
}

.header-card,
.lead-card,
.stats-card,
.account-topbar,
.login-shell{
padding:20px;
border-radius:22px;
}

.header-card,
.lead-top,
.lead-meta{
grid-template-columns:1fr;
display:grid;
}

.lead-summary,
.lead-summary-left,
.lead-summary-right{
flex-direction:column;
align-items:flex-start;
}

.lead-summary-right{
min-width:0;
width:100%;
}

.lead-summary-badges,
.compact{
justify-content:flex-start;
max-width:none;
}

.lead-summary-actions{
justify-content:flex-start;
}

.lead-detail-form,
.lead-delete-form{
padding-left:14px;
padding-right:14px;
}

.actions,
.lead-actions{
justify-content:flex-start;
}

.kpis,
.stats-panel,
.lead-fields,
.insight-grid,
.insight-grid-admin,
.agenda-stats-panel,
.admin-scope-switch,
.health-grid{
grid-template-columns:1fr;
}

.agenda-stat-card,
.agenda-stat-main{
min-height:138px;
}

.agenda-search-head,
.agenda-filter-grid{
grid-template-columns:1fr;
}

.agenda-search-control{
width:100%;
justify-content:stretch;
}

.agenda-search-result,
.agenda-search-toggle{
width:100%;
min-width:0;
}

.agenda-search-card{
padding:16px;
border-radius:24px;
}

.agenda-chip-grid-large{
max-height:220px;
}

.agenda-stat-main strong{
font-size:44px;
}

.dashboard-hero{
padding:22px;
border-radius:24px;
}

.dashboard-hero-copy h1{
font-size:38px;
}

.dashboard-hero-panel{
padding:16px;
border-radius:20px;
}

.hero-mini-grid{
grid-template-columns:1fr;
}

.hero-mini-grid b{
border-radius:14px 14px 0 0;
}

.analytics-card{
padding:18px;
border-radius:22px;
}

.analytics-head{
flex-direction:column;
}

.line-chart{
min-height:170px;
}

.social-total-card{
min-height:210px;
}

.geo-globe-stage{
min-height:300px;
padding:16px;
}

.geo-globe{
width:min(260px, 76vw);
}

.geo-location-summary{
padding:16px;
border-radius:22px;
}

.social-total-card strong{
font-size:46px;
}

.social-network-cards{
grid-template-columns:1fr;
}

.admin-ranking-panel{
padding:14px;
border-radius:24px;
}

.admin-ranking-row{
grid-template-columns:36px minmax(0, 1fr);
align-items:start;
}

.admin-ranking-position{
width:36px;
height:36px;
border-radius:14px;
}

.admin-ranking-metric{
grid-column:2;
justify-items:start;
grid-template-columns:auto auto auto;
align-items:center;
gap:8px;
min-width:0;
}

.admin-ranking-main small{
white-space:normal;
}

.chart-footer{
flex-direction:column;
}

.social-link-row{
grid-template-columns:1fr;
align-items:flex-start;
}

.social-followers-update{
width:100%;
justify-content:space-between;
}

.social-followers-input{
width:100%;
}

.lead-fields.social-add-row{
grid-template-columns:1fr;
}

.campaign-row{
grid-template-columns:1fr;
align-items:flex-start;
}

.link-admin-grid,
.highlight-edit-grid,
.preference-manager{
grid-template-columns:1fr;
}

.admin-footer{
flex-direction:column;
align-items:flex-start;
padding:18px 20px;
border-radius:22px;
}

.admin-footer .footer-group{
width:100%;
}
}

/* Dark theme */
:root{
--bg:#030303;
--surface:#0b0b0b;
--surface-alt:#121212;
--surface-hover:#181818;
--line:#272727;
--line-strong:#3a3a3a;
--text:#f6f6f6;
--muted:#a7a7a7;
--shadow:0 18px 46px rgba(0,0,0,0.42);
}

body{
background:
radial-gradient(circle at top left, rgba(255,255,255,0.08), transparent 30%),
linear-gradient(180deg, #000 0%, var(--bg) 100%);
color:var(--text);
color-scheme:dark;
}

.header-card,
.stats-card,
.lead-card,
.account-topbar,
.login-shell,
.kpi,
.stat-pill,
.event-card,
.image-preview-card,
.admin-footer,
.notice,
.switch-card,
.highlight-edit-card,
.comments-block textarea,
.page{
background:rgba(12,12,12,0.96);
border-color:var(--line);
color:var(--text);
box-shadow:var(--shadow);
}

.lead-detail-form{
background:linear-gradient(180deg, rgba(18,18,18,0.98), rgba(9,9,9,0.98));
border-color:var(--line);
}

.eyebrow{
background:#181818;
color:#cfcfcf;
}

.header-copy p,
.stats-head span,
.kpi span,
.stat-pill span,
.lead-order span,
.lead-main span,
.lead-label,
.lead-fields span,
.event-form span,
.event-fields span,
.highlight-edit-card strong,
.highlight-edit-card label span,
.comments-block span,
.image-preview-card span,
.upload-note,
.admin-footer a,
.login-shell p,
.lead-expand,
.mini-badge,
.flag,
.switch-card-muted{
color:var(--muted);
}

.section-tab,
.filter-pill,
.icon-btn,
.mini-badge,
.flag,
.page,
.music-chip.admin-chip span{
background:#111;
border-color:var(--line);
color:var(--text);
}

.section-tab:hover,
.filter-pill:hover,
.filter-pill.active,
.icon-btn:hover,
.page:hover,
.lead-card:hover,
.stat-link:hover{
background:var(--surface-hover);
border-color:var(--line-strong);
}

.section-tab.active,
.stat-link.active,
.mini-badge.active,
.flag.active,
.page.active,
.music-chip.admin-chip input:checked + span,
.save-btn,
.btn,
button[type="submit"]{
background:#fff;
border-color:#fff;
color:#050505;
}

.section-tab.active span,
.section-tab.active strong,
.stat-link.active span,
.stat-link.active strong{
color:#050505;
}

.btn:hover,
.save-btn:hover,
button[type="submit"]:hover{
background:#e8e8e8;
border-color:#e8e8e8;
color:#050505;
}

.btn.secondary{
background:#111;
border-color:var(--line-strong);
color:var(--text);
}

.btn.secondary:hover{
background:var(--surface-hover);
color:#fff;
}

.event-form input,
.event-fields input,
.highlight-edit-card input,
.preference-add-row input,
.lead-fields input,
.lead-fields select,
.lead-fields textarea,
.comments-block textarea,
.login-shell input,
.login-shell select{
background:#111;
border-color:var(--line);
color:var(--text);
color-scheme:dark;
}

.event-form input::placeholder,
.event-fields input::placeholder,
.highlight-edit-card input::placeholder,
.preference-add-row input::placeholder,
.lead-fields input::placeholder,
.lead-fields textarea::placeholder,
.comments-block textarea::placeholder,
.login-shell input::placeholder{
color:#777;
}

.lead-fields select option,
.login-shell select option{
background:#111;
color:#fff;
}

.event-form input:hover,
.event-fields input:hover,
.highlight-edit-card input:hover,
.preference-add-row input:hover,
.lead-fields input:hover,
.lead-fields select:hover,
.lead-fields textarea:hover,
.login-shell input:hover,
.login-shell select:hover{
background:#171717;
}

.event-form input:focus,
.event-fields input:focus,
.highlight-edit-card input:focus,
.preference-add-row input:focus,
.lead-fields input:focus,
.lead-fields select:focus,
.lead-fields textarea:focus,
.comments-block textarea:focus,
.login-shell input:focus,
.login-shell select:focus{
background:#171717;
border-color:#4a4a4a;
box-shadow:0 0 0 4px rgba(255,255,255,0.06);
}

.lead-fields input[type="date"]{
appearance:none;
-webkit-appearance:none;
min-height:46px;
padding-right:14px;
font-weight:650;
letter-spacing:0.01em;
}

.lead-fields input[type="date"]::-webkit-calendar-picker-indicator{
width:18px;
height:18px;
border-radius:999px;
padding:5px;
background-color:rgba(255,255,255,0.10);
filter:invert(1);
cursor:pointer;
opacity:0.72;
transition:background 0.18s ease, opacity 0.18s ease;
}

.lead-fields input[type="date"]::-webkit-calendar-picker-indicator:hover{
background-color:rgba(255,255,255,0.18);
opacity:1;
}

.lead-fields input.birthdate-text-input{
font-variant-numeric:tabular-nums;
letter-spacing:0.04em;
}

.lead-fields input[type="file"],
.event-form input[type="file"],
.event-fields input[type="file"],
.highlight-edit-card input[type="file"],
.image-preview-empty{
background:var(--surface-alt);
border-color:var(--line-strong);
color:var(--muted);
}

.event-preview-link,
.login-links a,
.admin-footer a:hover{
color:#fff;
}

.tag.event,
.tag.music,
.tag.place,
.tag.neutral{
background:#151515;
border-color:var(--line);
color:#e6e6e6;
}

.ios-slider{
background:#3a3a3a;
}

.ios-slider::after{
background:#fff;
}

.ios-switch input:checked + .ios-slider{
background:#fff;
}

/* Slim logged header/footer, aligned with the public home language */
.account-topbar{
min-height:50px;
padding:5px 10px 5px 12px;
border-radius:18px;
background:rgba(12,12,12,0.72);
border-color:rgba(255,255,255,0.14);
box-shadow:0 18px 46px rgba(0,0,0,0.28);
backdrop-filter:blur(22px) saturate(140%);
-webkit-backdrop-filter:blur(22px) saturate(140%);
}

.account-brand img{
width:30px;
height:30px;
max-width:30px;
max-height:30px;
object-fit:contain;
border-radius:6px;
}

.account-nav{
gap:7px;
flex-wrap:nowrap;
min-width:0;
}

.account-section{
min-height:34px;
padding:0 11px;
border-color:rgba(255,255,255,0.14);
background:rgba(255,255,255,0.03);
color:rgba(255,255,255,0.72);
font-size:10px;
letter-spacing:0.11em;
}

.account-nav .btn,
.account-nav .btn.secondary{
min-height:34px;
padding:0 14px;
border-radius:999px;
font-size:12px;
line-height:18px;
font-weight:700;
box-shadow:none;
transform:none;
}

.account-nav .btn{
background:#fff;
border-color:#fff;
color:#050505;
}

.account-nav .btn.secondary{
background:transparent;
border-color:rgba(255,255,255,0.18);
color:#fff;
}

.account-nav .btn.secondary:hover{
background:rgba(255,255,255,0.06);
border-color:rgba(255,255,255,0.48);
color:#fff;
}

.admin-footer{
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:12px;
min-height:50px;
margin-top:22px;
padding:6px 14px;
border-radius:18px;
background:rgba(12,12,12,0.72);
border-color:rgba(255,255,255,0.14);
box-shadow:0 18px 46px rgba(0,0,0,0.22);
backdrop-filter:blur(22px) saturate(140%);
-webkit-backdrop-filter:blur(22px) saturate(140%);
}

.admin-footer .footer-group{
gap:16px;
}

.admin-footer .footer-group:last-child{
justify-content:flex-end;
}

.admin-footer .footer-left{
justify-content:flex-start;
}

.admin-footer .footer-right{
justify-content:flex-end;
}

.admin-footer a{
font-size:12px;
line-height:20px;
color:rgba(255,255,255,0.68);
}

.admin-footer a:hover{
color:#fff;
}

.admin-footer .language-selector{
position:relative;
display:inline-flex;
align-items:center;
z-index:8;
}

.admin-footer .language-trigger{
appearance:none;
-webkit-appearance:none;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
min-height:31px;
padding:0 10px 0 8px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:
radial-gradient(circle at 22% 0%, rgba(255,255,255,0.18), transparent 34%),
rgba(255,255,255,0.055);
color:rgba(255,255,255,0.82);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.15);
font:inherit;
font-size:11px;
font-weight:850;
letter-spacing:0.08em;
line-height:1;
text-transform:uppercase;
cursor:pointer;
transition:color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.admin-footer .language-trigger:hover,
.admin-footer .language-selector:focus-within .language-trigger{
border-color:rgba(255,255,255,0.42);
background:rgba(255,255,255,0.12);
color:#fff;
transform:translateY(-1px);
}

.admin-footer .language-globe{
width:14px;
height:14px;
fill:none;
stroke:currentColor;
stroke-width:1.75;
stroke-linecap:round;
stroke-linejoin:round;
opacity:0.92;
}

.admin-footer .language-menu{
position:absolute;
right:0;
bottom:calc(100% + 9px);
z-index:20;
display:grid;
gap:5px;
min-width:142px;
padding:8px;
border:1px solid rgba(255,255,255,0.14);
border-radius:18px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.15), transparent 34%),
rgba(8,8,9,0.94);
box-shadow:0 18px 54px rgba(0,0,0,0.42), inset 0 1px 0 rgba(255,255,255,0.10);
backdrop-filter:blur(20px) saturate(150%);
-webkit-backdrop-filter:blur(20px) saturate(150%);
opacity:0;
pointer-events:none;
transform:translateY(8px) scale(0.98);
transform-origin:bottom right;
transition:opacity 180ms ease, transform 180ms ease;
}

.admin-footer .language-menu::after{
content:"";
position:absolute;
right:18px;
bottom:-6px;
width:10px;
height:10px;
border-right:1px solid rgba(255,255,255,0.14);
border-bottom:1px solid rgba(255,255,255,0.14);
background:rgba(8,8,9,0.94);
transform:rotate(45deg);
}

.admin-footer .language-selector:hover .language-menu,
.admin-footer .language-selector:focus-within .language-menu{
opacity:1;
pointer-events:auto;
transform:translateY(0) scale(1);
}

.admin-footer .language-menu a{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
min-height:34px;
padding:0 9px 0 11px;
border-radius:12px;
color:rgba(255,255,255,0.72);
font-size:12px;
font-weight:800;
letter-spacing:-0.01em;
line-height:1;
text-decoration:none;
}

.admin-footer .language-menu a:hover{
background:rgba(255,255,255,0.09);
color:#fff;
}

.admin-footer .language-menu a.is-active{
background:#fff;
color:#050505;
}

.admin-footer .language-menu small{
font-size:9px;
font-weight:900;
letter-spacing:0.12em;
opacity:0.72;
}

@media(max-width:720px){
.account-topbar{
flex-direction:row;
align-items:center;
gap:10px;
padding:5px 10px 5px 12px;
border-radius:18px;
}

.account-nav{
width:auto;
flex:1;
justify-content:flex-start;
overflow-x:auto;
padding-bottom:2px;
scrollbar-width:none;
}

.account-nav::-webkit-scrollbar{
display:none;
}

.account-section{
display:none;
}

.account-nav .btn,
.account-nav .btn.secondary{
flex:0 0 auto;
}

.admin-footer{
grid-template-columns:1fr;
align-items:start;
gap:8px;
padding:12px 14px;
border-radius:18px;
}

.admin-footer .footer-group,
.admin-footer .footer-group:last-child{
width:100%;
justify-content:flex-start;
gap:14px;
}
}

.ios-switch input:checked + .ios-slider::after{
background:#050505;
}

.notice.success{
border-color:#214b34;
background:#07140d;
color:#8ee1ad;
}

.error-box{
border-color:#5a2020;
background:#160707;
color:#ff9b9b;
}

/* Subtle liquid finish inspired by Mahema */
:root{
--liquid-line:rgba(255,255,255,0.16);
--liquid-sheen:rgba(255,255,255,0.12);
--liquid-warm:rgba(187,58,62,0.13);
--liquid-cool:rgba(112,132,255,0.08);
--liquid-glass:rgba(8,8,10,0.62);
--liquid-glass-soft:rgba(10,10,12,0.48);
--liquid-shadow:0 22px 64px rgba(0,0,0,0.32);
}

body{
position:relative;
overflow-x:hidden;
}

body::before{
content:"";
position:fixed;
inset:-22vh -18vw;
pointer-events:none;
background:
radial-gradient(circle at 12% 8%, rgba(255,255,255,0.08), transparent 30%),
radial-gradient(circle at 86% 16%, rgba(187,58,62,0.12), transparent 34%),
radial-gradient(circle at 48% 88%, rgba(112,132,255,0.07), transparent 36%);
filter:blur(2px);
opacity:0.72;
}

.account-topbar,
.admin-footer,
.header-card{
border:1px solid var(--liquid-line);
background:
radial-gradient(circle at 16% 0%, var(--liquid-sheen), transparent 36%),
radial-gradient(circle at 88% 20%, var(--liquid-warm), transparent 34%),
linear-gradient(145deg, var(--liquid-glass), var(--liquid-glass-soft));
box-shadow:var(--liquid-shadow);
backdrop-filter:blur(26px) saturate(150%);
-webkit-backdrop-filter:blur(26px) saturate(150%);
}

.account-topbar,
.admin-footer,
.header-card{
position:relative;
overflow:hidden;
}

.account-topbar::before,
.admin-footer::before,
.header-card::before{
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(135deg, rgba(255,255,255,0.10), transparent 36%, rgba(255,255,255,0.035));
opacity:0.42;
}

.account-topbar > *,
.admin-footer > *,
.header-card > *{
position:relative;
z-index:1;
}

.account-nav .btn.secondary,
.user-account-topbar .account-logout,
.user-settings-save .user-save-pill{
gap:7px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.12), transparent 34%),
rgba(255,255,255,0.03);
border-color:rgba(255,255,255,0.24);
color:#fff;
transition:color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.account-logout .button-icon,
.account-nav .button-icon{
flex:0 0 auto;
width:15px;
height:15px;
fill:currentColor;
opacity:0.92;
}

.account-nav .btn.secondary:hover,
.user-account-topbar .account-logout:hover,
.user-settings-save .user-save-pill:hover{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.48);
color:#fff;
}

/* Keep footer language menus above the liquid glass layer. */
.admin-footer,
.admin-footer.footer-legal{
overflow:visible;
z-index:30;
}

.admin-footer .language-selector{
z-index:80;
}

.admin-footer .language-menu{
z-index:99999;
}

.subscriptions-card{
display:grid;
gap:22px;
}

.subscriptions-head{
align-items:flex-start;
gap:18px;
}

.subscriptions-search-card{
display:grid;
grid-template-columns:minmax(0, 0.9fr) minmax(280px, 1.1fr);
align-items:center;
gap:18px;
padding:22px 24px;
}

.subscriptions-search-copy{
display:grid;
gap:5px;
padding-left:6px;
}

.subscriptions-search-copy span{
color:rgba(255,255,255,0.52);
font-size:0.72rem;
font-weight:850;
letter-spacing:0.12em;
text-transform:uppercase;
}

.subscriptions-search-copy strong{
color:#fff;
font-size:1.35rem;
font-weight:900;
letter-spacing:-0.04em;
}

.subscriptions-count-row{
display:inline-flex;
align-items:center;
gap:10px;
}

.subscriptions-count-badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:48px;
height:48px;
padding:0 13px;
border:1px solid rgba(255,255,255,0.20);
border-radius:999px;
background:
radial-gradient(circle at 22% 0%, rgba(255,255,255,0.28), transparent 34%),
linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0.045));
color:#fff;
font-size:1rem;
font-weight:950;
letter-spacing:-0.03em;
box-shadow:0 18px 42px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.16);
}

.subscriptions-count-label{
color:#fff;
font-size:1.15rem;
font-weight:900;
letter-spacing:-0.04em;
}

.subscriptions-search{
display:grid;
grid-template-columns:minmax(0, 1fr) auto auto;
gap:10px;
align-items:center;
}

.subscriptions-search input{
width:100%;
min-height:46px;
padding:0 16px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:linear-gradient(135deg, rgba(255,255,255,0.11), rgba(255,255,255,0.035));
color:#fff;
font-size:0.92rem;
font-weight:750;
outline:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 18px 46px rgba(0,0,0,0.18);
}

.subscriptions-search input::placeholder{
color:rgba(255,255,255,0.42);
}

.subscriptions-search input:focus{
border-color:rgba(255,255,255,0.34);
box-shadow:0 0 0 4px rgba(255,255,255,0.08), 0 18px 46px rgba(0,0,0,0.22);
}

.subscription-clear-search{
min-height:46px;
display:inline-flex;
align-items:center;
justify-content:center;
}

.subscription-global-note{
display:inline-flex;
max-width:420px;
padding:10px 13px;
border:1px solid rgba(255,80,80,0.28);
border-radius:18px;
background:linear-gradient(135deg, rgba(255,70,70,0.18), rgba(255,255,255,0.04));
color:#ffd7d7;
font-size:0.76rem;
font-weight:700;
line-height:1.35;
}

.subscriptions-list{
display:grid;
gap:12px;
}

.subscription-row{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
align-items:center;
gap:18px;
padding:18px;
border:1px solid rgba(255,255,255,0.12);
border-radius:26px;
background:
radial-gradient(circle at 8% 0%, rgba(255,255,255,0.10), transparent 32%),
linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025));
box-shadow:0 20px 50px rgba(0,0,0,0.22);
}

.subscription-main{
display:flex;
align-items:center;
gap:12px;
min-width:0;
}

.subscription-identity{
display:grid;
gap:5px;
min-width:0;
}

.subscription-name{
color:#fff;
font-size:1.02rem;
font-weight:850;
letter-spacing:-0.02em;
}

.subscription-slug-primary{
display:inline-flex;
align-items:center;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
text-decoration:none;
}

a.subscription-slug-primary:hover{
color:#fff;
}

.subscription-name-row{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}

.subscription-verified-star{
position:relative;
overflow:hidden;
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
width:18px;
height:18px;
border-radius:999px;
border:1px solid rgba(255,255,255,0.26);
background:#050505;
color:transparent;
box-shadow:0 0 0 1px rgba(255,255,255,0.20), 0 0 24px rgba(255,63,159,0.22), 0 0 28px rgba(0,213,255,0.18);
font-size:0;
line-height:1;
}

.subscription-verified-star::before{
content:"";
position:absolute;
inset:-3px;
z-index:0;
background:conic-gradient(from 0deg, #ffda55, #ff3f9f, #7c3cff, #00d5ff, #37ff8b, #ffda55);
animation:seoLogoRingSpin 3s linear infinite;
}

.subscription-verified-star::after{
content:"★";
position:absolute;
inset:2px;
z-index:1;
display:flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#050505;
color:#fff7bc;
font-size:8px;
}

.subscription-slug{
width:max-content;
max-width:100%;
color:rgba(255,255,255,0.74);
font-size:0.86rem;
font-weight:750;
text-decoration:none;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

a.subscription-slug:hover{
color:#fff;
}

.subscription-main small{
color:rgba(255,255,255,0.52);
font-size:0.75rem;
line-height:1.35;
}

.subscription-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:12px;
}

.subscription-view-url{
display:inline-flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
padding:0;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:linear-gradient(135deg, rgba(255,255,255,0.13), rgba(255,255,255,0.04));
color:#fff;
text-decoration:none;
box-shadow:0 16px 36px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.10);
}

.subscription-view-url svg{
width:17px;
height:17px;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
fill:none;
}

.subscription-view-url:hover{
border-color:rgba(255,255,255,0.32);
background:linear-gradient(135deg, rgba(255,255,255,0.20), rgba(255,255,255,0.07));
transform:translateY(-1px);
}

.subscription-view-url-leading{
flex:0 0 auto;
}

.subscription-empty{
padding:22px;
border:1px solid rgba(255,255,255,0.12);
border-radius:26px;
background:rgba(255,255,255,0.045);
}

.subscription-empty strong{
display:block;
color:#fff;
font-size:1rem;
margin-bottom:6px;
}

.subscription-empty p{
margin:0;
color:rgba(255,255,255,0.58);
font-size:0.86rem;
line-height:1.55;
}

.subscription-pagination{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
flex-wrap:wrap;
padding-top:2px;
}

.subscription-pagination a,
.subscription-pagination span{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:0 14px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(255,255,255,0.06);
color:rgba(255,255,255,0.76);
font-size:0.78rem;
font-weight:850;
text-decoration:none;
}

.subscription-pagination a:hover{
border-color:rgba(255,255,255,0.28);
background:rgba(255,255,255,0.12);
color:#fff;
}

.subscription-pagination a.is-disabled{
pointer-events:none;
opacity:0.38;
}

@media (max-width: 720px){
.subscriptions-search-card,
.subscription-row{
grid-template-columns:1fr;
gap:14px;
}

.subscriptions-search{
grid-template-columns:1fr;
}

.subscription-row .ios-switch{
justify-self:start;
}

.subscription-actions{
justify-content:flex-start;
}
}

/* Pro liquid modern polish */
body:not(.login-page) .admin-shell{
background:
radial-gradient(circle at 8% -6%, rgba(255,255,255,0.12), transparent 28%),
radial-gradient(circle at 92% 7%, rgba(187,58,62,0.16), transparent 30%),
radial-gradient(circle at 74% 92%, rgba(117,231,255,0.09), transparent 34%),
linear-gradient(180deg, #020202 0%, #070707 56%, #000 100%);
}

body:not(.login-page) .admin-shell > .container{
width:min(95vw, 1480px);
max-width:none;
}

.dashboard-hero,
.stats-card{
border-color:rgba(255,255,255,0.13);
background:
radial-gradient(circle at 8% 0%, rgba(255,255,255,0.12), transparent 34%),
radial-gradient(circle at 92% 6%, rgba(187,58,62,0.12), transparent 32%),
linear-gradient(145deg, rgba(18,18,20,0.82), rgba(8,8,10,0.70));
box-shadow:0 24px 78px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.075);
backdrop-filter:blur(18px) saturate(140%);
-webkit-backdrop-filter:blur(18px) saturate(140%);
}

.dashboard-hero,
.stats-card{
position:relative;
overflow:hidden;
}

.dashboard-hero::before,
.stats-card::before{
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(135deg, rgba(255,255,255,0.10), transparent 38%, rgba(255,255,255,0.035));
opacity:0.44;
}

.dashboard-hero > *,
.stats-card > *{
position:relative;
z-index:1;
}

.dashboard-hero-panel,
.metric-card,
.agenda-stat-card,
.social-growth-card,
.social-snapshot-card{
border-color:rgba(255,255,255,0.13);
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.13), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.022));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 42px rgba(0,0,0,0.22);
}

.account-nav-link{
border-radius:999px;
}

.account-nav-link.is-active{
color:#fff;
background:rgba(255,255,255,0.075);
box-shadow:inset 0 -1px 0 rgba(255,255,255,0.12);
}

.user-panel-alerts{
margin:0 0 20px;
}

.user-panel-page .user-panel-alerts{
margin:0 0 20px;
}

/* User configuration final overrides */
.user-panel-page .user-panel-alerts{
gap:12px;
margin:0;
}

.user-panel-page .user-panel-alert.account-incomplete-alert{
grid-template-columns:auto minmax(0, 1fr) auto;
align-items:center;
gap:14px;
padding:14px 16px;
border-color:rgba(255,86,86,0.32);
border-radius:24px;
background:
radial-gradient(circle at 0% 0%, rgba(255,86,86,0.28), transparent 30%),
radial-gradient(circle at 92% 100%, rgba(255,184,107,0.10), transparent 32%),
linear-gradient(145deg, rgba(24,10,10,0.82), rgba(9,8,9,0.72));
box-shadow:0 18px 54px rgba(80,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08);
}

.user-panel-page .alert-resend-form button,
.user-panel-page .user-panel-alert a,
.user-panel-page .social-add-btn,
.user-panel-page .user-settings-save .user-save-pill,
.user-panel-page .account-delete-card .danger-btn,
.user-panel-page .account-delete-card .btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:0 15px;
border:1px solid rgba(255,255,255,0.22);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.12), transparent 34%),
rgba(255,255,255,0.035);
color:#fff;
box-shadow:none;
font-size:12px;
font-weight:800;
line-height:18px;
text-decoration:none;
white-space:nowrap;
}

.user-panel-page .alert-resend-form button:hover,
.user-panel-page .user-panel-alert a:hover,
.user-panel-page .social-add-btn:hover,
.user-panel-page .user-settings-save .user-save-pill:hover,
.user-panel-page .account-delete-card .danger-btn:hover,
.user-panel-page .account-delete-card .btn:hover{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.48);
color:#fff;
transform:translateY(-1px);
}

.user-panel-page .stats-card.settings-form.account-delete-card{
gap:10px;
margin-top:18px;
padding:14px 16px;
border-radius:24px;
}

.user-panel-page .account-delete-card .account-delete-orb{
right:-34px;
top:-38px;
width:104px;
height:104px;
}

.user-panel-page .account-delete-card > .stats-head:first-of-type{
display:flex;
min-height:auto;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
}

.user-panel-page .account-delete-card .stats-head h2{
font-size:clamp(1rem, 1.5vw, 1.25rem);
letter-spacing:-0.04em;
}

.user-panel-page .account-delete-card .stats-head span{
padding:5px 9px;
font-size:10px;
}

.user-panel-page .account-delete-copy{
gap:4px;
max-width:100%;
}

.user-panel-page .account-delete-card p{
font-size:12px;
line-height:17px;
}

.user-panel-page .account-delete-steps{
gap:7px;
margin-top:0;
}

.user-panel-page .account-delete-steps span{
min-height:32px;
padding:7px 10px;
border-radius:999px;
font-size:10px;
line-height:1.15;
}

.user-panel-page .account-delete-steps span::before{
width:6px;
height:6px;
margin-right:7px;
box-shadow:0 0 0 4px rgba(255,91,91,0.11);
}

.user-panel-page .account-delete-actions{
margin-top:2px;
}

@media(max-width:820px){
.user-panel-page .user-panel-alert.account-incomplete-alert{
grid-template-columns:auto 1fr;
align-items:start;
}

.user-panel-page .alert-actions{
grid-column:1 / -1;
justify-content:flex-start;
}

.user-panel-page .account-delete-card > .stats-head:first-of-type{
display:grid;
gap:8px;
}

.user-panel-page .account-delete-steps{
grid-template-columns:1fr;
}
}

/* Final user configuration polish */
.user-panel-page .user-panel-alerts{
gap:12px;
margin:0;
}

.user-panel-page .user-panel-alert.account-incomplete-alert{
grid-template-columns:auto minmax(0, 1fr) auto;
align-items:center;
gap:14px;
padding:14px 16px;
border-color:rgba(255,86,86,0.32);
border-radius:24px;
background:
radial-gradient(circle at 0% 0%, rgba(255,86,86,0.28), transparent 30%),
radial-gradient(circle at 92% 100%, rgba(255,184,107,0.10), transparent 32%),
linear-gradient(145deg, rgba(24,10,10,0.82), rgba(9,8,9,0.72));
box-shadow:0 18px 54px rgba(80,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08);
}

.user-panel-page .user-panel-alert.account-incomplete-alert p{
max-width:none;
font-size:13px;
line-height:18px;
}

.user-panel-page .alert-missing-list{
margin-top:8px;
}

.user-panel-page .alert-actions{
gap:8px;
}

.user-panel-page .alert-resend-form{
gap:7px;
}

.user-panel-page .alert-resend-form span{
color:rgba(255,255,255,0.62);
}

.user-panel-page .alert-resend-form button,
.user-panel-page .user-panel-alert a,
.user-panel-page .social-add-btn,
.user-panel-page .user-settings-save .user-save-pill,
.user-panel-page .account-delete-card .danger-btn,
.user-panel-page .account-delete-card .btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:0 15px;
border:1px solid rgba(255,255,255,0.22);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.12), transparent 34%),
rgba(255,255,255,0.035);
color:#fff;
box-shadow:none;
font-size:12px;
font-weight:800;
line-height:18px;
text-decoration:none;
white-space:nowrap;
transition:background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.user-panel-page .alert-resend-form button:hover,
.user-panel-page .alert-resend-form button:focus-visible,
.user-panel-page .user-panel-alert a:hover,
.user-panel-page .user-panel-alert a:focus-visible,
.user-panel-page .social-add-btn:hover,
.user-panel-page .social-add-btn:focus-visible,
.user-panel-page .user-settings-save .user-save-pill:hover,
.user-panel-page .user-settings-save .user-save-pill:focus-visible,
.user-panel-page .account-delete-card .danger-btn:hover,
.user-panel-page .account-delete-card .danger-btn:focus-visible,
.user-panel-page .account-delete-card .btn:hover,
.user-panel-page .account-delete-card .btn:focus-visible{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.48);
color:#fff;
outline:none;
transform:translateY(-1px);
}

.user-panel-page .stats-card.settings-form.account-delete-card{
gap:10px;
margin-top:18px;
padding:14px 16px;
border-radius:24px;
}

.user-panel-page .account-delete-card .account-delete-orb{
right:-34px;
top:-38px;
width:104px;
height:104px;
}

.user-panel-page .account-delete-card > .stats-head:first-of-type{
min-height:auto;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
}

.user-panel-page .account-delete-card .stats-head h2{
font-size:clamp(1rem, 1.5vw, 1.25rem);
letter-spacing:-0.04em;
}

.user-panel-page .account-delete-card .stats-head span{
padding:5px 9px;
font-size:10px;
}

.user-panel-page .account-delete-copy{
gap:4px;
max-width:100%;
}

.user-panel-page .account-delete-card p{
font-size:12px;
line-height:17px;
}

.user-panel-page .account-delete-steps{
gap:7px;
margin-top:0;
}

.user-panel-page .account-delete-steps span{
min-height:32px;
padding:7px 10px;
border-radius:999px;
font-size:10px;
line-height:1.15;
}

.user-panel-page .account-delete-steps span::before{
width:6px;
height:6px;
margin-right:7px;
box-shadow:0 0 0 4px rgba(255,91,91,0.11);
}

.user-panel-page .account-delete-actions{
margin-top:2px;
}

@media(max-width:820px){
.user-panel-page .user-panel-alert.account-incomplete-alert{
grid-template-columns:auto 1fr;
align-items:start;
}

.user-panel-page .alert-actions{
grid-column:1 / -1;
justify-content:flex-start;
}

.user-panel-page .alert-resend-form{
flex-wrap:wrap;
}

.user-panel-page .account-delete-card > .stats-head:first-of-type{
display:grid;
gap:8px;
}

.user-panel-page .account-delete-steps{
grid-template-columns:1fr;
}
}

/* User area: deeper liquid modern layer */
body.user-panel-page{
min-height:100vh;
padding:clamp(16px, 3vw, 30px);
background:
radial-gradient(circle at 10% -8%, rgba(255,255,255,0.13), transparent 28%),
radial-gradient(circle at 88% 8%, rgba(187,58,62,0.20), transparent 30%),
radial-gradient(circle at 72% 86%, rgba(117,231,255,0.10), transparent 34%),
radial-gradient(circle at 18% 92%, rgba(240,255,97,0.07), transparent 30%),
linear-gradient(180deg, #020202 0%, #070707 56%, #000 100%);
}

body.user-panel-page::before{
opacity:0.95;
background:
radial-gradient(circle at 16% 8%, rgba(255,255,255,0.12), transparent 27%),
radial-gradient(circle at 84% 14%, rgba(187,58,62,0.18), transparent 32%),
radial-gradient(circle at 48% 96%, rgba(112,132,255,0.12), transparent 36%);
}

.user-panel-page .admin-shell{
width:min(95vw, 1380px);
max-width:none;
}

.user-panel-page .container{
gap:18px;
}

.user-panel-page .account-topbar,
.user-panel-page .admin-footer{
border-radius:30px;
background:
radial-gradient(circle at 8% 0%, rgba(255,255,255,0.16), transparent 36%),
radial-gradient(circle at 92% 16%, rgba(187,58,62,0.18), transparent 34%),
linear-gradient(145deg, rgba(16,16,18,0.74), rgba(8,8,10,0.52));
box-shadow:0 24px 80px rgba(0,0,0,0.36), inset 0 1px 0 rgba(255,255,255,0.08);
}

.user-panel-page .account-brand img{
width:clamp(92px, 9vw, 132px);
}

.user-panel-page .stats-card.settings-form{
position:relative;
overflow:hidden;
gap:18px;
padding:clamp(18px, 2.6vw, 30px);
border:1px solid rgba(255,255,255,0.14);
border-radius:34px;
background:
radial-gradient(circle at 6% 0%, rgba(255,255,255,0.13), transparent 34%),
radial-gradient(circle at 95% 4%, rgba(187,58,62,0.16), transparent 31%),
radial-gradient(circle at 80% 108%, rgba(117,231,255,0.10), transparent 34%),
linear-gradient(145deg, rgba(14,14,16,0.82), rgba(7,7,8,0.72));
box-shadow:0 28px 88px rgba(0,0,0,0.42), inset 0 1px 0 rgba(255,255,255,0.08);
backdrop-filter:blur(24px) saturate(150%);
-webkit-backdrop-filter:blur(24px) saturate(150%);
}

.user-panel-page .stats-card.settings-form::before{
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(135deg, rgba(255,255,255,0.11), transparent 38%, rgba(255,255,255,0.035));
opacity:0.6;
}

.user-panel-page .stats-card.settings-form > *{
position:relative;
z-index:1;
}

.user-panel-page .settings-form > .stats-head:first-of-type{
align-items:center;
min-height:92px;
padding:22px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.12);
border-radius:28px;
background:
radial-gradient(circle at 12% 0%, rgba(240,255,97,0.16), transparent 34%),
radial-gradient(circle at 88% 10%, rgba(117,231,255,0.14), transparent 34%),
rgba(255,255,255,0.045);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
}

.user-panel-page .settings-form > .stats-head:first-of-type h2{
max-width:720px;
color:#fff;
font-size:clamp(1.55rem, 4.5vw, 2.7rem);
line-height:0.95;
letter-spacing:-0.07em;
}

.user-panel-page .settings-pref-block{
position:relative;
gap:16px;
padding:clamp(16px, 2.2vw, 22px);
overflow:hidden;
border:1px solid rgba(255,255,255,0.11);
border-radius:28px;
background:
radial-gradient(circle at 10% 0%, rgba(255,255,255,0.10), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.062), rgba(255,255,255,0.018));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 48px rgba(0,0,0,0.18);
}

.user-panel-page .settings-pref-block::after{
content:"";
position:absolute;
right:-48px;
top:-58px;
width:146px;
height:146px;
border-radius:999px;
background:rgba(255,255,255,0.045);
pointer-events:none;
}

.user-panel-page .settings-pref-block > *{
position:relative;
z-index:1;
}

.user-panel-page .stats-head{
align-items:flex-start;
}

.user-panel-page .stats-head h2{
color:#fff;
font-size:clamp(1.15rem, 2vw, 1.55rem);
line-height:1;
letter-spacing:-0.055em;
}

.user-panel-page .stats-head span{
max-width:520px;
color:rgba(255,255,255,0.56);
font-size:12px;
font-weight:700;
line-height:17px;
}

.user-panel-page .preference-head-side{
display:grid;
gap:8px;
justify-items:end;
max-width:560px;
}

.user-panel-page .preference-bulk-actions{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:6px;
}

.user-panel-page .preference-bulk-actions button{
appearance:none;
border:1px solid rgba(255,255,255,0.10);
border-radius:999px;
padding:5px 9px;
background:rgba(255,255,255,0.035);
color:rgba(255,255,255,0.52);
font-size:10px;
font-weight:850;
letter-spacing:0.06em;
text-transform:uppercase;
cursor:pointer;
transition:border-color 0.18s ease, color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.user-panel-page .preference-bulk-actions button:hover,
.user-panel-page .preference-bulk-actions button:focus-visible{
border-color:rgba(255,255,255,0.22);
background:rgba(255,255,255,0.075);
color:rgba(255,255,255,0.86);
transform:translateY(-1px);
outline:none;
}

@media (max-width:700px){
.user-panel-page .settings-pref-block .stats-head{
display:grid;
grid-template-columns:1fr;
}

.user-panel-page .preference-head-side{
justify-items:start;
max-width:none;
}

.user-panel-page .preference-bulk-actions{
justify-content:flex-start;
}
}

.user-panel-page .lead-fields label{
position:relative;
}

.user-panel-page .lead-fields span{
color:rgba(255,255,255,0.54);
font-size:10px;
font-weight:850;
letter-spacing:0.12em;
}

.user-panel-page .lead-fields input,
.user-panel-page .lead-fields select,
.user-panel-page .lead-fields textarea,
.user-panel-page .preference-search{
border:1px solid rgba(255,255,255,0.12);
border-radius:18px;
background:
linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
rgba(0,0,0,0.22);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.user-panel-page .lead-fields input,
.user-panel-page .lead-fields select,
.user-panel-page .preference-search{
height:48px;
}

.user-panel-page .lead-fields textarea{
min-height:92px;
padding:14px 16px;
line-height:1.45;
resize:vertical;
}

.user-panel-page .lead-fields label small{
color:rgba(255,255,255,0.46);
font-size:11px;
font-weight:760;
line-height:1.35;
}

.user-panel-page .lead-fields input:hover,
.user-panel-page .lead-fields select:hover,
.user-panel-page .lead-fields textarea:hover,
.user-panel-page .preference-search:hover{
background:rgba(255,255,255,0.08);
}

.user-panel-page .lead-fields input:focus,
.user-panel-page .lead-fields select:focus,
.user-panel-page .lead-fields textarea:focus,
.user-panel-page .preference-search:focus{
border-color:rgba(255,255,255,0.32);
background:rgba(255,255,255,0.095);
box-shadow:0 0 0 4px rgba(255,255,255,0.07), inset 0 1px 0 rgba(255,255,255,0.12);
}

.user-panel-page .preference-search{
min-height:48px;
margin:0;
padding:0 16px;
}

.user-panel-page .music-chip.admin-chip span{
min-height:40px;
border-color:rgba(255,92,92,0.32);
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.08), transparent 32%),
rgba(117,24,24,0.22);
color:#ffb8b8;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
transition:transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.user-panel-page .music-chip.admin-chip:hover span{
transform:translateY(-1px);
border-color:rgba(255,146,146,0.46);
}

.user-panel-page .music-chip.admin-chip input:checked + span{
border-color:rgba(37,199,111,0.56);
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.18), transparent 34%),
linear-gradient(135deg, rgba(37,199,111,0.42), rgba(19,122,64,0.24));
color:#c9ffd9;
box-shadow:0 10px 28px rgba(37,199,111,0.12), inset 0 1px 0 rgba(255,255,255,0.12);
}

.user-panel-page .removable-chip{
display:inline-flex;
align-items:center;
gap:6px;
}

.user-panel-page .preference-remove{
width:26px;
height:26px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.06);
color:rgba(255,255,255,0.74);
font-size:12px;
font-weight:900;
cursor:pointer;
}

.user-panel-page .preference-remove:hover{
background:rgba(255,86,86,0.20);
border-color:rgba(255,86,86,0.38);
color:#fff;
}

.user-panel-page .notice{
border:1px solid rgba(255,255,255,0.12);
border-radius:22px;
background:
radial-gradient(circle at 4% 0%, rgba(255,255,255,0.14), transparent 32%),
rgba(255,255,255,0.045);
color:rgba(255,255,255,0.82);
box-shadow:0 16px 44px rgba(0,0,0,0.20);
}

.user-panel-page .notice.success{
margin:0 0 18px;
border-color:rgba(37,199,111,0.34);
background:
radial-gradient(circle at 0% 0%, rgba(37,199,111,0.24), transparent 34%),
rgba(255,255,255,0.045);
color:#d8ffe4;
}

.user-panel-page .error-box{
border-color:rgba(255,86,86,0.42);
background:
radial-gradient(circle at 0% 0%, rgba(255,86,86,0.26), transparent 34%),
rgba(255,255,255,0.045);
color:#ffd6d6;
}

.user-panel-page .social-link-row{
grid-template-columns:minmax(0, 1fr) minmax(132px, auto) auto auto auto;
border-color:rgba(255,255,255,0.11);
border-radius:22px;
background:
radial-gradient(circle at 7% 0%, rgba(255,255,255,0.10), transparent 30%),
rgba(255,255,255,0.045);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
}

.user-panel-page .social-link-row strong,
.user-panel-page .social-link-row a{
color:#fff;
}

.user-panel-page .social-link-row small{
color:rgba(255,255,255,0.54);
}

.user-panel-page .social-network-icon{
box-shadow:0 7px 20px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.16);
}

.user-panel-page .social-followers-update{
border-color:rgba(255,255,255,0.12);
background:rgba(0,0,0,0.22);
}

.user-panel-page .social-followers-input{
background:rgba(255,255,255,0.08);
color:#fff;
}

.user-panel-page .social-add-btn,
.user-panel-page .user-settings-save .user-save-pill{
min-height:42px;
border:1px solid rgba(255,255,255,0.22);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.22), transparent 34%),
#fff;
color:#050505;
box-shadow:0 14px 34px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.5);
font-weight:900;
}

.user-panel-page .social-add-btn:hover,
.user-panel-page .user-settings-save .user-save-pill:hover{
background:#eafff0;
border-color:#eafff0;
color:#050505;
transform:translateY(-1px);
}

.user-panel-page .switch-card-toggle{
min-height:62px;
border-color:rgba(255,255,255,0.11);
border-radius:22px;
background:
radial-gradient(circle at 5% 0%, rgba(255,255,255,0.10), transparent 30%),
rgba(255,255,255,0.045);
color:#fff;
}

.user-panel-page .account-delete-card{
margin-top:28px;
border-color:rgba(255,86,86,0.28);
background:
radial-gradient(circle at 0% 0%, rgba(255,86,86,0.24), transparent 34%),
radial-gradient(circle at 96% 100%, rgba(255,184,107,0.10), transparent 34%),
linear-gradient(145deg, rgba(26,10,10,0.86), rgba(9,7,8,0.78));
box-shadow:0 24px 76px rgba(90,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.08);
}

.user-panel-page .account-delete-card p{
color:rgba(255,226,226,0.78);
}

@media(max-width:820px){
.user-panel-page .settings-form > .stats-head:first-of-type,
.user-panel-page .stats-head{
display:grid;
gap:8px;
}

.user-panel-page .social-link-row,
.user-panel-page .lead-fields.social-add-row{
grid-template-columns:1fr;
}
}

/* Liquid login screen */
.login-page{
position:relative;
isolation:isolate;
padding:24px;
overflow:hidden;
background:#000;
}

.login-page::before{
content:"";
position:fixed;
inset:8vh 7vw auto auto;
width:min(34vw, 420px);
height:min(34vw, 420px);
border-radius:50%;
background:linear-gradient(135deg, rgba(117,231,255,0.34), rgba(184,162,255,0.22));
filter:blur(18px);
opacity:0;
pointer-events:none;
display:none;
}

.login-page::after{
content:"";
position:fixed;
left:-120px;
bottom:-160px;
width:360px;
height:360px;
border-radius:50%;
background:linear-gradient(135deg, rgba(240,255,97,0.20), rgba(121,255,181,0.16));
filter:blur(12px);
opacity:0;
pointer-events:none;
display:none;
}

.login-page .login-shell{
position:relative;
z-index:1;
overflow:hidden;
gap:18px;
padding:34px;
border:1px solid rgba(255,255,255,0.15);
border-radius:34px;
background:
radial-gradient(circle at 16% 0%, rgba(255,255,255,0.14), transparent 36%),
radial-gradient(circle at 92% 18%, rgba(187,58,62,0.12), transparent 34%),
linear-gradient(145deg, rgba(14,14,16,0.86), rgba(6,6,7,0.78));
box-shadow:0 30px 92px rgba(0,0,0,0.48), inset 0 1px 0 rgba(255,255,255,0.14);
backdrop-filter:blur(28px) saturate(155%);
-webkit-backdrop-filter:blur(28px) saturate(155%);
}

.login-page .login-shell::before{
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
background:linear-gradient(135deg, rgba(255,255,255,0.12), transparent 38%, rgba(255,255,255,0.04));
pointer-events:none;
}

.login-page .login-shell > *{
position:relative;
z-index:1;
}

.login-page .eyebrow{
display:inline-flex;
align-items:center;
min-height:30px;
padding:0 12px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(255,255,255,0.06);
color:rgba(255,255,255,0.72);
font-size:11px;
font-weight:850;
letter-spacing:0.16em;
text-transform:uppercase;
}

.login-page .login-shell h2{
margin-top:14px;
color:#fff;
font-size:clamp(2.3rem, 8vw, 4.4rem);
line-height:0.92;
letter-spacing:-0.08em;
}

.login-page .login-shell p{
color:rgba(255,255,255,0.62);
}

.login-page .login-shell form{
gap:12px;
}

.login-page .login-shell input{
height:54px;
padding:0 16px;
border:1px solid rgba(255,255,255,0.12);
border-radius:18px;
background:rgba(255,255,255,0.065);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.login-page .login-shell input::placeholder{
color:rgba(255,255,255,0.42);
}

.login-page .login-shell input:hover,
.login-page .login-shell input:focus{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.28);
box-shadow:0 0 0 4px rgba(255,255,255,0.06), inset 0 1px 0 rgba(255,255,255,0.12);
}

.login-page .login-shell .btn,
.login-page .login-shell button[type="submit"]{
min-height:52px;
border:1px solid rgba(255,255,255,0.48);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.12), transparent 34%),
rgba(0,0,0,0.62);
color:#fff;
font-size:14px;
font-weight:900;
box-shadow:0 18px 42px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.12);
}

.login-page .login-shell .btn:hover,
.login-page .login-shell button[type="submit"]:hover{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.78);
color:#fff;
transform:translateY(-1px);
}

.login-page .login-links{
justify-content:space-between;
gap:10px;
}

.login-page .login-links a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:0 14px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(255,255,255,0.04);
color:rgba(255,255,255,0.74);
font-size:12px;
font-weight:750;
text-decoration:none;
transition:background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.login-page .login-links a:hover{
opacity:1;
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.28);
color:#fff;
transform:translateY(-1px);
}

.login-page .error,
.login-page .notice{
border-radius:18px;
border-color:rgba(255,255,255,0.12);
background:rgba(255,255,255,0.06);
color:rgba(255,255,255,0.78);
}

.login-page .notice.success{
background:rgba(37,199,111,0.12);
border-color:rgba(37,199,111,0.28);
color:#bff4d5;
}

.login-page .error,
.login-page .error-box{
background:rgba(255,82,82,0.12);
border-color:rgba(255,82,82,0.25);
color:#ffbaba;
}

@media(max-width:640px){
.login-page{
padding:16px;
}

.login-page .login-shell{
width:100%;
padding:26px 20px;
border-radius:28px;
}

.login-page .login-links{
display:grid;
grid-template-columns:1fr;
}
}

.stats-card,
.lead-card,
.kpi,
.event-card,
.image-preview-card,
.notice,
.highlight-edit-card,
.login-shell{
box-shadow:0 18px 52px rgba(0,0,0,0.30);
}

.error{
color:#ff9b9b;
}

.delete-btn{
color:#ff9b9b;
}

.wa-btn{
color:#33d17a;
}

/* Clear active/inactive states */
.ios-slider{
background:#d83b3b;
}

.ios-switch input:checked + .ios-slider{
background:#25c76f;
}

.ios-switch input:checked + .ios-slider::after{
background:#fff;
}

.music-chip.admin-chip span{
background:rgba(90,32,32,0.22);
border-color:#5a2020;
color:#ffb0b0;
}

.music-chip.admin-chip input:checked + span{
background:rgba(38,132,75,0.28);
border-color:#25c76f;
color:#a9efc2;
}

.switch-card:has(> input[type="checkbox"]){
background:rgba(90,32,32,0.22);
border-color:#5a2020;
color:#ffb0b0;
}

.switch-card:has(> input[type="checkbox"]:checked){
background:rgba(38,132,75,0.28);
border-color:#25c76f;
color:#a9efc2;
}

.switch-card input[type="checkbox"]{
accent-color:#25c76f;
}

.switch-card-toggle{
background:rgba(12,12,12,0.96);
border-color:var(--line);
color:var(--text);
}

.preference-search,
.inline-followers input{
background:#111;
border:1px solid var(--line);
border-radius:16px;
color:var(--text);
padding:12px 14px;
width:100%;
color-scheme:dark;
}

.preference-search{
margin:0 0 14px;
}

.inline-followers{
display:flex;
align-items:center;
gap:8px;
min-width:150px;
}

.inline-followers input{
max-width:96px;
padding:8px 10px;
}

.note-delete-button{
background:transparent;
border:1px solid var(--line);
border-radius:999px;
color:#ff9b9b;
font-size:12px;
padding:7px 10px;
}

.lead-social-list{
margin-top:10px;
}

.inline-verify-form{
display:inline-flex;
align-items:center;
gap:6px;
margin:0;
}

.verify-profile-star{
position:relative;
overflow:hidden;
display:inline-flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:rgba(255,255,255,0.08);
color:rgba(255,255,255,0.36);
font-size:0;
line-height:1;
}

.verify-profile-star.active{
background:#050505;
color:#fff7bc;
box-shadow:0 0 0 1px rgba(255,255,255,0.16), 0 0 22px rgba(255,63,159,0.18), 0 0 24px rgba(0,213,255,0.16);
}

.verify-profile-star.active::before{
content:"";
position:absolute;
inset:-4px;
z-index:0;
background:conic-gradient(from 0deg, #ffda55, #ff3f9f, #7c3cff, #00d5ff, #37ff8b, #ffda55);
animation:seoLogoRingSpin 3s linear infinite;
}

.verify-profile-star::after{
content:"★";
position:absolute;
inset:3px;
z-index:1;
display:flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:transparent;
color:rgba(255,255,255,0.36);
font-size:9px;
}

.verify-profile-star.active::after{
background:#080808;
color:#fff7bc;
}

.verify-profile-badge{
border:1px solid rgba(255,255,255,0.14);
background:rgba(255,255,255,0.06);
color:rgba(255,255,255,0.72);
font:inherit;
cursor:pointer;
transition:transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
}

.verify-profile-badge.active{
border-color:rgba(255,218,85,0.46);
background:linear-gradient(135deg, rgba(255,218,85,0.24), rgba(255,176,0,0.12));
color:#ffe58d;
box-shadow:0 10px 24px rgba(255,176,0,0.10);
}

.verify-profile-badge:hover{
transform:translateY(-1px);
border-color:rgba(255,255,255,0.28);
color:#fff;
}

@keyframes seoLogoRingSpin{
to{transform:rotate(360deg);}
}

.mailing-hero-card,
.mailing-pricing-card,
.mailing-builder-shell{
position:relative;
overflow:hidden;
border:1px solid rgba(255,255,255,0.12);
border-radius:34px;
background:#070707;
color:#fff;
box-shadow:0 24px 70px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.08);
}

.mailing-hero-card{
display:grid;
grid-template-columns:minmax(0, 1fr) 300px;
gap:24px;
align-items:stretch;
padding:28px;
background:
radial-gradient(circle at 8% 0%, rgba(255,255,255,0.20), transparent 30%),
radial-gradient(circle at 88% 18%, rgba(0,255,194,0.18), transparent 32%),
radial-gradient(circle at 54% 110%, rgba(255,79,120,0.18), transparent 34%),
linear-gradient(135deg, #090909, #050505);
}

.mailing-hero-copy{
display:flex;
flex-direction:column;
justify-content:space-between;
gap:20px;
min-height:260px;
}

.mailing-hero-copy .eyebrow,
.mailing-composer-head .eyebrow{
align-self:flex-start;
background:rgba(255,255,255,0.10);
color:rgba(255,255,255,0.78);
}

.mailing-composer-head .eyebrow{
background:#0b0b0b;
color:#fff;
}

.mailing-hero-copy h1{
max-width:900px;
margin:0;
font-size:clamp(44px, 7vw, 92px);
line-height:0.84;
letter-spacing:-0.08em;
}

.mailing-hero-copy p{
max-width:760px;
margin:0;
color:rgba(255,255,255,0.68);
font-size:15px;
line-height:1.6;
}

.mailing-hero-tags{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.mailing-hero-tags span{
display:inline-flex;
align-items:center;
min-height:34px;
padding:0 12px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.07);
color:rgba(255,255,255,0.76);
font-size:12px;
font-weight:800;
}

.mailing-hero-panel{
display:flex;
flex-direction:column;
justify-content:flex-end;
gap:10px;
padding:22px;
border:1px solid rgba(255,255,255,0.14);
border-radius:28px;
background:
radial-gradient(circle at 100% 0%, rgba(255,255,255,0.20), transparent 42%),
linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.05));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12);
}

.mailing-hero-panel span,
.mailing-plan span,
.mailing-composer-score span,
.mailing-launch-notice span,
.mailing-ops-panel article span{
color:rgba(255,255,255,0.58);
font-size:10px;
font-weight:950;
letter-spacing:0.14em;
text-transform:uppercase;
}

.mailing-hero-panel strong{
font-size:34px;
line-height:0.92;
letter-spacing:-0.06em;
}

.mailing-hero-panel small{
color:rgba(255,255,255,0.62);
font-size:13px;
line-height:1.5;
}

.mailing-pricing-card{
padding:22px;
background:
radial-gradient(circle at 0% 0%, rgba(0,255,194,0.16), transparent 28%),
linear-gradient(145deg, rgba(14,14,15,0.98), rgba(6,6,7,0.98));
}

.mailing-pricing-card .stats-head h2{
color:#fff;
font-size:28px;
}

.mailing-pricing-card .stats-head span{
color:rgba(255,255,255,0.62);
}

.mailing-billing-switch{
position:relative;
display:inline-grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:6px;
width:min(100%, 460px);
margin-top:16px;
padding:6px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:
radial-gradient(circle at 16% 0%, rgba(255,255,255,0.18), transparent 32%),
rgba(255,255,255,0.07);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
}

.mailing-billing-switch button{
position:relative;
display:grid;
gap:2px;
min-height:50px;
padding:8px 16px;
border:0;
border-radius:999px;
background:transparent;
color:rgba(255,255,255,0.68);
font-family:inherit;
text-align:left;
cursor:pointer;
transition:background 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.mailing-billing-switch button:hover{
color:#fff;
}

.mailing-billing-switch button.is-active{
background:#fff;
color:#050505;
box-shadow:0 14px 34px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.64);
transform:translateY(-1px);
}

.mailing-billing-switch strong{
font-size:12px;
font-weight:950;
letter-spacing:-0.01em;
}

.mailing-billing-switch small{
color:inherit;
font-size:10px;
font-weight:850;
letter-spacing:-0.01em;
opacity:.68;
}

.mailing-plan-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:12px;
margin-top:18px;
}

.mailing-plan{
position:relative;
display:grid;
gap:9px;
min-height:184px;
padding:18px;
border:1px solid rgba(255,255,255,0.12);
border-radius:24px;
background:
radial-gradient(circle at 100% 0%, rgba(255,255,255,0.12), transparent 38%),
rgba(255,255,255,0.055);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
transition:transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.mailing-plan:hover{
transform:translateY(-3px);
border-color:rgba(255,255,255,0.28);
background:rgba(255,255,255,0.085);
}

.mailing-plan.featured{
border-color:rgba(0,255,194,0.38);
background:
radial-gradient(circle at 90% 0%, rgba(0,255,194,0.22), transparent 40%),
rgba(255,255,255,0.075);
}

.mailing-plan em{
position:absolute;
top:12px;
right:12px;
padding:6px 9px;
border-radius:999px;
background:#fff;
color:#050505;
font-size:9px;
font-style:normal;
font-weight:950;
letter-spacing:0.08em;
text-transform:uppercase;
}

.mailing-plan strong{
align-self:end;
font-size:42px;
line-height:0.9;
letter-spacing:-0.07em;
}

.mailing-plan small{
color:rgba(255,255,255,0.58);
font-size:12px;
font-weight:750;
}

.mailing-contract-button{
min-height:38px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:rgba(255,255,255,0.10);
color:#fff;
font-size:12px;
font-weight:900;
cursor:not-allowed;
opacity:0.88;
}

.mailing-builder-shell{
display:grid;
gap:16px;
padding:18px;
background:
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.12), transparent 30%),
radial-gradient(circle at 96% 12%, rgba(255,79,120,0.13), transparent 26%),
linear-gradient(145deg, rgba(12,12,14,0.98), rgba(5,5,6,0.98));
}

.mailing-builder-shell.is-locked .mailing-composer-card{
opacity:0.78;
}

.mailing-launch-notice{
display:grid;
gap:6px;
padding:18px;
border:1px solid rgba(255,255,255,0.14);
border-radius:24px;
background:
radial-gradient(circle at 0% 0%, rgba(255,255,255,0.14), transparent 32%),
linear-gradient(135deg, rgba(255,79,120,0.18), rgba(0,255,194,0.10));
}

.mailing-launch-notice strong{
max-width:850px;
font-size:23px;
letter-spacing:-0.04em;
}

.mailing-launch-notice p{
max-width:850px;
margin:0;
color:rgba(255,255,255,0.64);
font-size:13px;
line-height:1.5;
}

.mailing-launch-notice.mailing-safe-mode{
border-color:rgba(255,207,74,0.30);
background:
radial-gradient(circle at 0% 0%, rgba(255,207,74,0.22), transparent 32%),
radial-gradient(circle at 100% 0%, rgba(0,255,194,0.12), transparent 30%),
linear-gradient(135deg, rgba(255,207,74,0.12), rgba(255,255,255,0.055));
}

.mailing-composer-card{
border-color:rgba(255,255,255,0.10);
background:rgba(255,255,255,0.96);
}

.mailing-composer-head{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:18px;
align-items:end;
}

.mailing-composer-head h2{
margin:8px 0 6px;
font-size:clamp(34px, 5vw, 64px);
line-height:0.88;
letter-spacing:-0.08em;
}

.mailing-composer-head p{
max-width:680px;
margin:0;
color:var(--muted);
font-size:14px;
line-height:1.5;
}

.mailing-composer-score{
min-width:154px;
display:grid;
gap:4px;
padding:16px;
border:1px solid var(--line);
border-radius:22px;
background:#0b0b0b;
color:#fff;
}

.mailing-composer-score strong{
font-size:36px;
line-height:0.9;
letter-spacing:-0.07em;
}

.mailing-composer-score small{
color:rgba(255,255,255,0.56);
}

.mailing-composer-layout{
display:grid;
grid-template-columns:minmax(0, 1fr) 280px;
gap:18px;
align-items:start;
}

.mailing-main-editor{
display:grid;
gap:18px;
}

.mailing-ops-panel{
position:sticky;
top:18px;
display:grid;
gap:10px;
}

.mailing-ops-panel article{
display:grid;
gap:7px;
padding:16px;
border:1px solid var(--line);
border-radius:20px;
background:
radial-gradient(circle at 100% 0%, rgba(0,0,0,0.08), transparent 36%),
#fff;
}

.mailing-ops-panel article strong{
font-size:17px;
letter-spacing:-0.03em;
}

.mailing-ops-panel article p{
margin:0;
color:var(--muted);
font-size:12px;
line-height:1.5;
}

.mailing-ops-panel article span{
color:#777;
}

.mailing-ops-panel .mailing-warning-panel{
background:#080808;
color:#fff;
border-color:rgba(0,0,0,0.70);
}

.mailing-ops-panel .mailing-warning-panel p{
color:rgba(255,255,255,0.62);
}

.mailing-ops-panel .mailing-warning-panel span{
color:rgba(255,255,255,0.54);
}

.mailing-builder-shell button:disabled,
.mailing-builder-shell input:disabled,
.mailing-builder-shell select:disabled,
.mailing-builder-shell textarea:disabled{
cursor:not-allowed;
opacity:0.62;
}

.mailing-chip-grid{
margin-top:12px;
}

@media(max-width:980px){
.mailing-hero-card,
.mailing-composer-layout{
grid-template-columns:1fr;
}

.mailing-hero-copy{
min-height:auto;
}

.mailing-plan-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.mailing-ops-panel{
position:static;
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

@media(max-width:640px){
.mailing-hero-card,
.mailing-pricing-card,
.mailing-builder-shell{
border-radius:24px;
}

.mailing-hero-card,
.mailing-pricing-card{
padding:16px;
}

.mailing-hero-copy h1{
font-size:42px;
}

.mailing-plan-grid,
.mailing-ops-panel,
.mailing-composer-head{
grid-template-columns:1fr;
}

.mailing-composer-score{
min-width:0;
}
}

.plan-tone-1{--plan-a:#21f6b5;--plan-b:#34a4ff;--plan-ink:#061914;}
.plan-tone-2{--plan-a:#ffcf4a;--plan-b:#ff6b6b;--plan-ink:#251504;}
.plan-tone-3{--plan-a:#b876ff;--plan-b:#42e8ff;--plan-ink:#170b24;}
.plan-tone-4{--plan-a:#ff4f88;--plan-b:#ff9d2e;--plan-ink:#260713;}
.plan-tone-5{--plan-a:#62ff7b;--plan-b:#14c8ff;--plan-ink:#041a0b;}
.plan-tone-6{--plan-a:#ffffff;--plan-b:#8dffde;--plan-ink:#101010;}
.plan-tone-7{--plan-a:#6d7cff;--plan-b:#ff6fcb;--plan-ink:#080b25;}
.plan-tone-8{--plan-a:#00ffc2;--plan-b:#f5ff63;--plan-ink:#051b15;}

.mailing-pricing-card{
background:
radial-gradient(circle at 8% 0%, rgba(255,207,74,0.22), transparent 28%),
radial-gradient(circle at 95% 12%, rgba(255,79,136,0.22), transparent 30%),
radial-gradient(circle at 45% 110%, rgba(33,246,181,0.18), transparent 34%),
linear-gradient(145deg, #111113, #050505);
}

.mailing-plan{
isolation:isolate;
overflow:hidden;
min-height:255px;
align-content:start;
padding:20px;
border-color:rgba(255,255,255,0.16);
background:
linear-gradient(150deg, rgba(255,255,255,0.13), rgba(255,255,255,0.045)),
var(--plan-ink);
}

.mailing-plan::before{
content:"";
position:absolute;
inset:-44px -32px auto auto;
width:170px;
height:170px;
border-radius:999px;
background:
radial-gradient(circle, var(--plan-a), transparent 62%);
opacity:0.34;
filter:blur(2px);
z-index:-1;
}

.mailing-plan::after{
content:"";
position:absolute;
inset:auto auto -56px -50px;
width:180px;
height:180px;
border-radius:999px;
background:radial-gradient(circle, var(--plan-b), transparent 62%);
opacity:0.26;
z-index:-1;
}

.mailing-plan:hover{
transform:translateY(-5px) scale(1.01);
border-color:color-mix(in srgb, var(--plan-a) 54%, white 20%);
box-shadow:0 24px 48px rgba(0,0,0,0.28), 0 0 34px color-mix(in srgb, var(--plan-a) 24%, transparent);
}

.mailing-plan.featured{
border-color:color-mix(in srgb, var(--plan-a) 62%, white 18%);
box-shadow:0 22px 60px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.16);
}

.mailing-plan-orb{
width:42px;
height:42px;
border-radius:16px;
background:
radial-gradient(circle at 30% 20%, #fff, transparent 32%),
linear-gradient(135deg, var(--plan-a), var(--plan-b));
box-shadow:0 12px 28px color-mix(in srgb, var(--plan-a) 32%, transparent);
}

.mailing-plan-kicker{
color:rgba(255,255,255,0.72) !important;
}

.mailing-plan strong{
display:flex;
align-items:flex-end;
gap:3px;
margin-top:6px;
color:#fff;
text-shadow:0 10px 32px rgba(0,0,0,0.36);
}

.mailing-plan strong b{
font-size:54px;
line-height:0.82;
letter-spacing:-0.09em;
}

.mailing-plan strong small{
padding-bottom:5px;
color:rgba(255,255,255,0.78);
font-size:13px;
letter-spacing:-0.02em;
}

.mailing-plan-volume{
display:inline-flex;
align-items:center;
justify-content:center;
width:max-content;
max-width:100%;
padding:7px 10px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.10);
color:#fff;
font-size:12px;
font-weight:900;
}

.mailing-plan-features{
display:grid;
gap:6px;
margin:2px 0 4px;
padding:0;
list-style:none;
color:rgba(255,255,255,0.70);
font-size:11px;
font-weight:750;
line-height:1.35;
}

.mailing-plan-features li{
position:relative;
padding-left:14px;
}

.mailing-plan-features li::before{
content:"";
position:absolute;
left:0;
top:0.55em;
width:6px;
height:6px;
border-radius:999px;
background:linear-gradient(135deg, var(--plan-a), var(--plan-b));
}

.mailing-quota-adjust-form{
display:grid;
grid-template-columns:130px minmax(180px, 1fr) auto;
gap:8px;
align-items:end;
width:100%;
margin-top:10px;
padding:10px;
border:1px solid rgba(255,255,255,0.10);
border-radius:18px;
background:
radial-gradient(circle at 100% 0%, rgba(255,207,74,0.12), transparent 36%),
rgba(255,255,255,0.045);
}

.mailing-quota-adjust-form label{
display:grid;
gap:5px;
margin:0;
}

.mailing-quota-adjust-form span{
color:rgba(255,255,255,0.58);
font-size:10px;
font-weight:950;
letter-spacing:0.12em;
text-transform:uppercase;
}

.mailing-quota-adjust-form input{
width:100%;
min-height:38px;
padding:0 11px;
border:1px solid rgba(255,255,255,0.14);
border-radius:14px;
background:rgba(0,0,0,0.18);
color:#fff;
font-weight:850;
outline:none;
}

.mailing-quota-adjust-form input::placeholder{
color:rgba(255,255,255,0.34);
}

.mailing-quota-adjust-form input:focus{
border-color:rgba(255,207,74,0.55);
box-shadow:0 0 0 4px rgba(255,207,74,0.10);
}

.mailing-payment-history{
border:1px solid rgba(255,255,255,0.10);
border-radius:22px;
padding:10px;
background:
radial-gradient(circle at 0% 0%, rgba(0,255,194,0.11), transparent 32%),
rgba(255,255,255,0.035);
}

.mailing-domain-status-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:10px;
margin:14px 0;
}

.mailing-domain-status-grid article{
display:grid;
gap:5px;
padding:13px;
border:1px solid rgba(255,255,255,0.10);
border-radius:18px;
background:
radial-gradient(circle at 100% 0%, rgba(0,255,194,0.12), transparent 36%),
rgba(255,255,255,0.045);
}

.mailing-domain-status-grid span{
color:rgba(255,255,255,0.56);
font-size:10px;
font-weight:950;
letter-spacing:0.12em;
text-transform:uppercase;
}

.mailing-domain-status-grid strong{
color:#fff;
font-size:14px;
font-weight:950;
letter-spacing:-0.02em;
text-transform:capitalize;
}

.mailing-production-checks{
display:grid;
grid-template-columns:repeat(5, minmax(0, 1fr));
gap:10px;
margin:14px 0;
}

.mailing-production-checks article{
display:grid;
gap:5px;
min-height:104px;
padding:13px;
border:1px solid rgba(255,255,255,0.11);
border-radius:20px;
background:
radial-gradient(circle at 100% 0%, rgba(255,207,74,0.12), transparent 38%),
rgba(255,255,255,0.045);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.mailing-production-checks article.is-ready{
background:
radial-gradient(circle at 100% 0%, rgba(0,255,194,0.17), transparent 38%),
rgba(255,255,255,0.05);
}

.mailing-production-checks span{
width:max-content;
padding:5px 8px;
border-radius:999px;
background:rgba(255,255,255,0.09);
color:rgba(255,255,255,0.62);
font-size:9px;
font-weight:950;
letter-spacing:0.12em;
text-transform:uppercase;
}

.mailing-production-checks article.is-ready span{
background:rgba(0,255,194,0.14);
color:#9dffe9;
}

.mailing-production-checks strong{
color:#fff;
font-size:14px;
font-weight:950;
letter-spacing:-0.03em;
}

.mailing-production-checks small{
color:rgba(255,255,255,0.56);
font-size:11px;
line-height:1.35;
}

.mailing-launch-checklist{
display:grid;
grid-template-columns:1.05fr repeat(4, minmax(0, 1fr));
gap:10px;
margin:14px 0 18px;
padding:12px;
border:1px solid rgba(255,255,255,.10);
border-radius:26px;
background:
radial-gradient(circle at 8% 0%, rgba(255,207,74,.14), transparent 34%),
radial-gradient(circle at 100% 20%, rgba(0,255,194,.10), transparent 34%),
linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.mailing-launch-checklist > div:first-child{
display:flex;
flex-direction:column;
justify-content:center;
gap:6px;
padding:14px;
border-radius:20px;
background:rgba(0,0,0,.28);
}

.mailing-launch-checklist > div:first-child span{
color:#ffdf71;
font-size:9px;
font-weight:950;
letter-spacing:.14em;
text-transform:uppercase;
}

.mailing-launch-checklist > div:first-child strong{
color:#fff;
font-size:20px;
font-weight:950;
letter-spacing:-.04em;
line-height:.98;
}

.mailing-launch-checklist article{
display:grid;
grid-template-columns:auto 1fr;
gap:10px;
align-items:flex-start;
padding:12px;
border:1px solid rgba(255,255,255,.09);
border-radius:20px;
background:rgba(255,255,255,.045);
}

.mailing-launch-checklist article b{
display:grid;
place-items:center;
width:28px;
height:28px;
border-radius:50%;
background:#ffcf4a;
color:#070707;
font-size:10px;
font-weight:950;
box-shadow:0 10px 24px rgba(255,207,74,.18);
}

.mailing-launch-checklist article strong{
display:block;
color:#fff;
font-size:12px;
font-weight:950;
letter-spacing:-.02em;
}

.mailing-launch-checklist article small{
display:block;
margin-top:4px;
color:rgba(255,255,255,.58);
font-size:10px;
font-weight:700;
line-height:1.35;
}

.mailing-queue-card{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 0% 0%, rgba(255,207,74,0.13), transparent 30%),
radial-gradient(circle at 100% 5%, rgba(0,255,194,0.13), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)),
rgba(0,0,0,0.22);
}

.mailing-queue-grid{
display:grid;
grid-template-columns:1.15fr repeat(4, minmax(0, 1fr));
gap:10px;
}

.mailing-queue-grid article{
display:grid;
gap:6px;
min-height:112px;
padding:14px;
border:1px solid rgba(255,255,255,0.11);
border-radius:22px;
background:
radial-gradient(circle at 100% 0%, rgba(255,255,255,0.09), transparent 35%),
rgba(255,255,255,0.045);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.mailing-queue-grid article.is-main{
background:
radial-gradient(circle at 100% 0%, rgba(255,207,74,0.18), transparent 40%),
rgba(255,255,255,0.055);
}

.mailing-queue-grid span{
width:max-content;
padding:5px 8px;
border-radius:999px;
background:rgba(255,255,255,0.09);
color:rgba(255,255,255,0.62);
font-size:9px;
font-weight:950;
letter-spacing:0.12em;
text-transform:uppercase;
}

.mailing-queue-grid strong{
color:#fff;
font-size:30px;
font-weight:950;
letter-spacing:-0.07em;
line-height:0.92;
}

.mailing-queue-grid small{
color:rgba(255,255,255,0.56);
font-size:11px;
font-weight:750;
line-height:1.35;
}

.mailing-campaign-main{
display:grid;
gap:4px;
min-width:0;
}

.mailing-campaign-status{
display:grid;
gap:5px;
min-width:142px;
padding:9px 11px;
border-radius:18px;
border:1px solid rgba(255,255,255,0.12);
background:
radial-gradient(circle at 100% 0%, rgba(255,255,255,0.10), transparent 42%),
rgba(255,255,255,0.055);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.mailing-campaign-status span{
width:max-content;
padding:5px 8px;
border-radius:999px;
font-size:9px;
font-weight:950;
letter-spacing:0.12em;
text-transform:uppercase;
color:#050505;
background:#fff;
}

.mailing-campaign-status small{
font-size:10px;
line-height:1.28;
font-weight:800;
color:rgba(255,255,255,0.62);
}

.mailing-campaign-status.is-draft span{
background:#d9d9d9;
color:#080808;
}

.mailing-campaign-status.is-queued span{
background:#ffcf4a;
color:#0b0b0b;
}

.mailing-campaign-status.is-sending span{
background:#7dd3ff;
color:#041018;
}

.mailing-campaign-status.is-sent span{
background:#00ffc2;
color:#02130f;
}

.mailing-campaign-status.is-failed span,
.mailing-campaign-status.is-cancelled span{
background:#ff6b6b;
color:#160303;
}

.mailing-campaign-detail-status{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin:14px 0;
padding:12px;
border:1px solid rgba(255,255,255,0.11);
border-radius:22px;
background:
radial-gradient(circle at 0% 0%, rgba(255,207,74,0.10), transparent 34%),
rgba(255,255,255,0.045);
}

.mailing-exclusion-card{
display:grid;
gap:10px;
padding:15px;
border:1px solid rgba(255,255,255,0.12);
border-radius:24px;
background:
radial-gradient(circle at 0% 0%, rgba(255,207,74,0.13), transparent 34%),
radial-gradient(circle at 100% 0%, rgba(255,79,136,0.11), transparent 32%),
rgba(255,255,255,0.045);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.mailing-exclusion-card > span{
width:max-content;
padding:6px 9px;
border-radius:999px;
background:rgba(255,255,255,0.10);
color:rgba(255,255,255,0.66);
font-size:9px;
font-weight:950;
letter-spacing:0.12em;
text-transform:uppercase;
}

.mailing-exclusion-card > strong{
color:#fff;
font-size:18px;
font-weight:950;
letter-spacing:-0.04em;
}

.mailing-exclusion-card > em{
font-style:normal;
color:rgba(255,255,255,0.66);
font-size:11px;
font-weight:850;
}

.mailing-exclusion-card > p{
margin:0;
color:rgba(255,255,255,0.58);
font-size:11px;
font-weight:750;
line-height:1.45;
}

.mailing-exclusion-list{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:8px;
}

.mailing-exclusion-list article{
display:grid;
gap:2px;
padding:9px;
border:1px solid rgba(255,255,255,0.10);
border-radius:16px;
background:rgba(0,0,0,0.18);
}

.mailing-exclusion-list b{
color:#ffcf4a;
font-size:18px;
font-weight:950;
letter-spacing:-0.05em;
}

.mailing-exclusion-list small{
color:rgba(255,255,255,0.60);
font-size:10px;
font-weight:850;
line-height:1.25;
}

.mailing-deliverability-card{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 0% 0%, rgba(0,255,194,0.10), transparent 30%),
radial-gradient(circle at 100% 0%, rgba(109,124,255,0.12), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
rgba(0,0,0,0.20);
}

.mailing-deliverability-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px;
}

.mailing-deliverability-grid article{
display:grid;
gap:9px;
padding:15px;
border:1px solid rgba(255,255,255,0.11);
border-radius:22px;
background:rgba(255,255,255,0.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.mailing-deliverability-grid article > span{
color:rgba(255,255,255,0.60);
font-size:11px;
font-weight:950;
letter-spacing:0.12em;
text-transform:uppercase;
}

.mailing-deliverability-grid p{
margin:0;
color:rgba(255,255,255,0.58);
font-size:12px;
}

.mailing-deliverability-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
min-height:36px;
padding:8px 10px;
border:1px solid rgba(255,255,255,0.10);
border-radius:15px;
background:rgba(0,0,0,0.16);
}

.mailing-deliverability-row strong{
color:#fff;
font-size:13px;
font-weight:900;
letter-spacing:-0.02em;
}

.mailing-deliverability-row b{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:34px;
height:28px;
padding:0 9px;
border-radius:999px;
background:#fff;
color:#080808;
font-size:12px;
font-weight:950;
}

.mailing-contract-button{
margin-top:auto;
background:
linear-gradient(135deg, color-mix(in srgb, var(--plan-a) 34%, #111), rgba(255,255,255,0.10));
color:#fff !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.20), 0 14px 24px rgba(0,0,0,0.18);
}

.mailing-price-settings{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 8% 0%, rgba(255,207,74,0.16), transparent 30%),
radial-gradient(circle at 95% 10%, rgba(255,79,136,0.16), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.065), rgba(255,255,255,0.018)),
rgba(0,0,0,0.22);
}

.mailing-price-settings-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:12px;
}

.mailing-price-setting{
position:relative;
display:grid;
gap:8px;
padding:15px;
border:1px solid rgba(255,255,255,0.13);
border-radius:22px;
background:
radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--plan-a) 22%, transparent), transparent 42%),
linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.018)),
var(--plan-ink);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.09);
overflow:hidden;
}

.mailing-price-setting span{
color:rgba(255,255,255,0.66);
font-size:11px;
font-weight:900;
letter-spacing:0.12em;
text-transform:uppercase;
}

.mailing-price-setting strong{
color:#fff;
font-size:14px;
font-weight:900;
letter-spacing:-0.035em;
}

.mailing-price-setting input{
width:100%;
height:42px;
padding:0 12px;
border:1px solid rgba(255,255,255,0.16);
border-radius:16px;
background:rgba(0,0,0,0.28);
color:#fff;
font-size:22px;
font-weight:900;
letter-spacing:-0.05em;
outline:none;
}

.mailing-price-setting input:focus{
border-color:color-mix(in srgb, var(--plan-a) 62%, white 20%);
box-shadow:0 0 0 4px color-mix(in srgb, var(--plan-a) 15%, transparent);
}

.mailing-price-setting small{
color:rgba(255,255,255,0.62);
font-size:11px;
font-weight:750;
line-height:1.35;
}

.mailing-price-vat-total{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:30px;
padding:7px 10px;
border:1px solid color-mix(in srgb, var(--plan-a) 46%, rgba(255,255,255,0.16));
border-radius:999px;
background:
linear-gradient(135deg, color-mix(in srgb, var(--plan-a) 20%, transparent), rgba(255,255,255,0.055)),
rgba(255,255,255,0.04);
color:#fff;
font-size:11px;
font-weight:900;
letter-spacing:-0.01em;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12);
}

@media(max-width:980px){
.mailing-price-settings-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.mailing-quota-adjust-form{
grid-template-columns:1fr;
}

.mailing-deliverability-grid{
grid-template-columns:1fr;
}

.mailing-domain-status-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.mailing-queue-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.mailing-production-checks{
grid-template-columns:1fr;
}

.mailing-launch-checklist{
grid-template-columns:1fr;
}
}

@media(max-width:560px){
.mailing-price-settings-grid{
grid-template-columns:1fr;
}

.mailing-queue-grid{
grid-template-columns:1fr;
}

.mailing-campaign-detail-status{
align-items:flex-start;
flex-direction:column;
}
}

.mailing-composer-card{
background:
radial-gradient(circle at 0% 0%, rgba(0,255,194,0.10), transparent 28%),
radial-gradient(circle at 100% 0%, rgba(255,79,136,0.10), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.98), rgba(241,244,244,0.97));
}

.mailing-studio-map{
display:grid;
grid-template-columns:repeat(5, minmax(0, 1fr));
align-items:stretch;
gap:8px;
margin:18px 0;
}

.mailing-studio-map article{
position:relative;
display:grid;
gap:5px;
min-height:112px;
padding:15px;
border:1px solid rgba(0,0,0,0.08);
border-radius:22px;
background:
radial-gradient(circle at 100% 0%, rgba(0,0,0,0.06), transparent 38%),
rgba(255,255,255,0.74);
box-shadow:0 14px 28px rgba(0,0,0,0.06);
}

.mailing-studio-map article:nth-of-type(1){--step:#21f6b5;}
.mailing-studio-map article:nth-of-type(2){--step:#ffcf4a;}
.mailing-studio-map article:nth-of-type(3){--step:#ff4f88;}
.mailing-studio-map article:nth-of-type(4){--step:#6d7cff;}
.mailing-studio-map article:nth-of-type(5){--step:#42e8ff;}

.mailing-studio-map article::before{
content:"";
width:28px;
height:5px;
border-radius:999px;
background:var(--step);
box-shadow:0 0 18px color-mix(in srgb, var(--step) 42%, transparent);
}

.mailing-studio-map article span{
color:#777;
font-size:10px;
font-weight:950;
letter-spacing:0.12em;
text-transform:uppercase;
}

.mailing-studio-map article strong{
font-size:16px;
letter-spacing:-0.04em;
}

.mailing-studio-map article small{
color:var(--muted);
font-size:11px;
line-height:1.4;
}

.mailing-studio-map i{
display:none;
}

.mailing-composer-layout{
grid-template-columns:minmax(0, 1fr) minmax(320px, 380px);
}

.mailing-objective-grid,
.mailing-automation-strip{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:10px;
}

.mailing-objective-grid article,
.mailing-automation-strip article{
position:relative;
overflow:hidden;
display:grid;
gap:5px;
padding:15px;
border:1px solid rgba(0,0,0,0.08);
border-radius:20px;
background:#fff;
box-shadow:0 12px 30px rgba(0,0,0,0.055);
}

.mailing-objective-grid article::after,
.mailing-automation-strip article::after{
content:"";
position:absolute;
right:-26px;
top:-30px;
width:82px;
height:82px;
border-radius:999px;
background:rgba(0,0,0,0.07);
}

.mailing-objective-grid article:nth-child(1)::after{background:rgba(255,79,136,0.18);}
.mailing-objective-grid article:nth-child(2)::after{background:rgba(33,246,181,0.18);}
.mailing-objective-grid article:nth-child(3)::after{background:rgba(255,207,74,0.22);}
.mailing-automation-strip article:nth-child(1)::after{background:rgba(109,124,255,0.16);}
.mailing-automation-strip article:nth-child(2)::after{background:rgba(66,232,255,0.16);}
.mailing-automation-strip article:nth-child(3)::after{background:rgba(255,111,203,0.15);}

.mailing-objective-grid span,
.mailing-automation-strip span{
color:#777;
font-size:10px;
font-weight:950;
letter-spacing:0.12em;
text-transform:uppercase;
}

.mailing-objective-grid strong,
.mailing-automation-strip strong{
font-size:15px;
letter-spacing:-0.03em;
}

.mailing-objective-grid small,
.mailing-automation-strip small{
color:var(--muted);
font-size:11px;
line-height:1.45;
}

.mailing-email-preview,
.mailing-audience-card,
.mailing-quality-card,
.mailing-metrics-card{
padding:17px;
border:1px solid rgba(255,255,255,0.12);
border-radius:24px;
background:#0a0a0b;
color:#fff;
box-shadow:0 18px 42px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.08);
}

.mailing-email-preview{
background:
radial-gradient(circle at 100% 0%, rgba(33,246,181,0.22), transparent 36%),
radial-gradient(circle at 0% 100%, rgba(255,79,136,0.16), transparent 34%),
#09090a;
}

.mailing-email-topbar{
display:flex;
gap:5px;
margin-bottom:13px;
}

.mailing-email-topbar span{
width:9px;
height:9px;
border-radius:999px;
background:#ff5f57;
}

.mailing-email-topbar span:nth-child(2){background:#ffbd2e;}
.mailing-email-topbar span:nth-child(3){background:#28c840;}

.mailing-email-preview small,
.mailing-audience-card span,
.mailing-quality-card > span,
.mailing-metrics-card > span{
display:block;
margin-bottom:8px;
color:rgba(255,255,255,0.56);
font-size:10px;
font-weight:950;
letter-spacing:0.13em;
text-transform:uppercase;
}

.mailing-email-preview strong{
display:block;
font-size:22px;
line-height:1.02;
letter-spacing:-0.06em;
}

.mailing-email-preview p{
margin:8px 0 12px;
color:rgba(255,255,255,0.62);
font-size:12px;
line-height:1.45;
}

.mailing-email-body{
max-height:190px;
overflow:hidden;
padding:13px;
border:1px solid rgba(255,255,255,0.10);
border-radius:18px;
background:rgba(255,255,255,0.08);
color:rgba(255,255,255,0.78);
font-size:12px;
line-height:1.5;
}

.mailing-email-preview a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
margin-top:12px;
padding:0 13px;
border-radius:999px;
background:#fff;
color:#070707;
font-size:11px;
font-weight:950;
text-decoration:none;
pointer-events:none;
}

.mailing-audience-card{
background:
radial-gradient(circle at 100% 0%, rgba(255,207,74,0.22), transparent 34%),
#10100d;
}

.mailing-audience-card strong{
display:block;
font-size:42px;
line-height:0.88;
letter-spacing:-0.08em;
}

.mailing-audience-card p{
margin:9px 0 0;
color:rgba(255,255,255,0.62);
font-size:12px;
line-height:1.45;
}

.mailing-quality-card{
display:grid;
gap:9px;
background:#fff;
color:#080808;
border-color:rgba(0,0,0,0.08);
box-shadow:0 18px 40px rgba(0,0,0,0.08);
}

.mailing-quality-card > span{
color:#777;
margin-bottom:2px;
}

.mailing-check-row{
display:grid;
grid-template-columns:24px minmax(0, 1fr);
gap:8px;
align-items:start;
padding:10px;
border:1px solid rgba(0,0,0,0.06);
border-radius:15px;
background:#f7f7f4;
}

.mailing-check-row b{
display:flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
border-radius:999px;
background:#151515;
color:#fff;
font-size:12px;
}

.mailing-check-row.is-ready b{
background:#16bd66;
}

.mailing-check-row strong{
display:block;
font-size:12px;
letter-spacing:-0.02em;
}

.mailing-check-row small{
display:block;
margin-top:2px;
color:var(--muted);
font-size:10px;
line-height:1.35;
}

.mailing-metrics-card{
background:
radial-gradient(circle at 0% 0%, rgba(109,124,255,0.20), transparent 32%),
#080812;
}

.mailing-metrics-card > div{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:8px;
}

.mailing-metrics-card article{
padding:10px;
border:1px solid rgba(255,255,255,0.10);
border-radius:15px;
background:rgba(255,255,255,0.07);
}

.mailing-metrics-card article strong{
display:block;
font-size:16px;
letter-spacing:-0.04em;
}

.mailing-metrics-card article small{
display:block;
margin-top:3px;
color:rgba(255,255,255,0.58);
font-size:10px;
line-height:1.25;
}

.mailing-ops-panel .mailing-warning-panel{
border-radius:24px;
background:
radial-gradient(circle at 100% 0%, rgba(255,79,136,0.20), transparent 36%),
#070707;
}

@media(max-width:980px){
.mailing-studio-map,
.mailing-objective-grid,
.mailing-automation-strip{
grid-template-columns:1fr;
}

.mailing-composer-layout{
grid-template-columns:1fr;
}

.mailing-ops-panel{
grid-template-columns:1fr;
}
}

.mailing-hero-panel.subscription-infinite{
background:
radial-gradient(circle at 100% 0%, rgba(0,255,194,0.32), transparent 40%),
radial-gradient(circle at 0% 100%, rgba(255,207,74,0.18), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.16), rgba(255,255,255,0.055));
}

.mailing-hero-panel.subscription-active{
background:
radial-gradient(circle at 100% 0%, rgba(109,124,255,0.30), transparent 40%),
radial-gradient(circle at 0% 100%, rgba(0,255,194,0.14), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.14), rgba(255,255,255,0.05));
}

.mailing-hero-panel.subscription-free{
background:
radial-gradient(circle at 100% 0%, rgba(255,79,136,0.22), transparent 40%),
radial-gradient(circle at 0% 100%, rgba(255,255,255,0.12), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.11), rgba(255,255,255,0.04));
}

.mailing-subscription-badges{
display:flex;
flex-wrap:wrap;
gap:7px;
}

.mailing-subscription-badges b{
display:inline-flex;
align-items:center;
min-height:30px;
padding:0 10px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.09);
color:rgba(255,255,255,0.88);
font-size:11px;
font-weight:950;
}

.mailing-builder-shell{
padding:22px;
background:
radial-gradient(circle at 8% 0%, rgba(0,255,194,0.16), transparent 30%),
radial-gradient(circle at 92% 8%, rgba(255,79,136,0.18), transparent 30%),
radial-gradient(circle at 45% 106%, rgba(109,124,255,0.16), transparent 36%),
linear-gradient(145deg, #101012, #030304 72%);
}

.mailing-composer-card{
position:relative;
overflow:hidden;
border:1px solid rgba(255,255,255,0.14);
background:
radial-gradient(circle at 2% 0%, rgba(255,255,255,0.13), transparent 27%),
radial-gradient(circle at 100% 0%, rgba(0,255,194,0.16), transparent 28%),
radial-gradient(circle at 82% 86%, rgba(255,79,136,0.12), transparent 34%),
linear-gradient(145deg, rgba(16,16,18,0.98), rgba(5,5,6,0.98)) !important;
color:#fff;
box-shadow:0 26px 70px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.08);
}

.mailing-composer-card::before{
content:"";
position:absolute;
left:22px;
right:22px;
top:22px;
height:1px;
background:linear-gradient(90deg, transparent, rgba(255,255,255,0.24), transparent);
pointer-events:none;
}

.mailing-composer-card > *{
position:relative;
z-index:1;
}

.mailing-composer-head .eyebrow{
background:rgba(255,255,255,0.10);
color:rgba(255,255,255,0.78);
border:1px solid rgba(255,255,255,0.12);
}

.mailing-composer-head h2{
color:#fff;
text-shadow:0 18px 50px rgba(0,0,0,0.44);
}

.mailing-composer-head p{
color:rgba(255,255,255,0.62);
}

.mailing-composer-score{
border-color:rgba(255,255,255,0.14);
background:
radial-gradient(circle at 100% 0%, rgba(0,255,194,0.26), transparent 38%),
rgba(255,255,255,0.07);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12);
}

.mailing-studio-map{
gap:10px;
}

.mailing-studio-map article{
border-color:rgba(255,255,255,0.12);
background:
radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--step) 24%, transparent), transparent 42%),
linear-gradient(150deg, rgba(255,255,255,0.11), rgba(255,255,255,0.04));
box-shadow:0 18px 38px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.08);
}

.mailing-studio-map article span{
color:rgba(255,255,255,0.54);
}

.mailing-studio-map article strong{
color:#fff;
}

.mailing-studio-map article small{
color:rgba(255,255,255,0.56);
}

.mailing-objective-grid article,
.mailing-automation-strip article,
.mailing-composer-card .lead-fields,
.mailing-composer-card .settings-pref-block,
.mailing-composer-card .comments-block,
.mailing-composer-card .lead-toggle-grid{
border:1px solid rgba(255,255,255,0.12);
border-radius:24px;
background:
radial-gradient(circle at 100% 0%, rgba(255,255,255,0.10), transparent 36%),
rgba(255,255,255,0.055);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.mailing-composer-card .lead-fields,
.mailing-composer-card .settings-pref-block,
.mailing-composer-card .comments-block,
.mailing-composer-card .lead-toggle-grid{
padding:16px;
}

.mailing-objective-grid article,
.mailing-automation-strip article{
border-color:rgba(255,255,255,0.12);
color:#fff;
}

.mailing-objective-grid article:nth-child(1){
background:
radial-gradient(circle at 100% 0%, rgba(255,79,136,0.24), transparent 42%),
rgba(255,255,255,0.055);
}

.mailing-objective-grid article:nth-child(2){
background:
radial-gradient(circle at 100% 0%, rgba(0,255,194,0.22), transparent 42%),
rgba(255,255,255,0.055);
}

.mailing-objective-grid article:nth-child(3){
background:
radial-gradient(circle at 100% 0%, rgba(255,207,74,0.24), transparent 42%),
rgba(255,255,255,0.055);
}

.mailing-objective-grid span,
.mailing-automation-strip span,
.mailing-composer-card .lead-fields span,
.mailing-composer-card .comments-block span{
color:rgba(255,255,255,0.54);
}

.mailing-objective-grid strong,
.mailing-automation-strip strong{
color:#fff;
}

.mailing-objective-grid small,
.mailing-automation-strip small{
color:rgba(255,255,255,0.58);
}

.mailing-composer-card .lead-fields input,
.mailing-composer-card .lead-fields select,
.mailing-composer-card .comments-block textarea{
border-color:rgba(255,255,255,0.13);
background:rgba(255,255,255,0.075);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}

.mailing-composer-card .lead-fields input::placeholder,
.mailing-composer-card .comments-block textarea::placeholder{
color:rgba(255,255,255,0.34);
}

.mailing-composer-card .lead-fields select option{
background:#080809;
color:#fff;
}

.mailing-composer-card .lead-fields input:hover,
.mailing-composer-card .lead-fields select:hover,
.mailing-composer-card .comments-block textarea:hover{
background:rgba(255,255,255,0.105);
}

.mailing-composer-card .lead-fields input:focus,
.mailing-composer-card .lead-fields select:focus,
.mailing-composer-card .comments-block textarea:focus{
border-color:rgba(0,255,194,0.44);
box-shadow:0 0 0 4px rgba(0,255,194,0.08), inset 0 1px 0 rgba(255,255,255,0.08);
}

.mailing-composer-card .stats-head h2{
color:#fff;
}

.mailing-composer-card .stats-head span{
color:rgba(255,255,255,0.56);
}

.mailing-composer-card .music-chip.admin-chip span{
border-color:rgba(255,255,255,0.14);
background:rgba(255,255,255,0.07);
color:rgba(255,255,255,0.78);
}

.mailing-composer-card .music-chip.admin-chip input:checked + span{
border-color:rgba(0,255,194,0.50);
background:
radial-gradient(circle at 100% 0%, rgba(0,255,194,0.28), transparent 42%),
rgba(0,255,194,0.12);
color:#fff;
box-shadow:0 10px 28px rgba(0,255,194,0.12);
}

.mailing-composer-card .switch-card{
border-color:rgba(255,255,255,0.13);
background:rgba(255,255,255,0.07);
color:#fff;
}

.mailing-composer-card .switch-card-muted{
color:rgba(255,255,255,0.58);
}

.mailing-composer-card .actions .btn{
border-color:rgba(255,255,255,0.92);
background:#fff;
color:#060606;
box-shadow:0 16px 34px rgba(0,0,0,0.24);
}

.mailing-composer-card .actions .btn.secondary{
border-color:rgba(255,255,255,0.18);
background:rgba(255,255,255,0.08);
color:#fff;
}

.mailing-email-preview,
.mailing-audience-card,
.mailing-quality-card,
.mailing-metrics-card,
.mailing-ops-panel .mailing-warning-panel{
border-color:rgba(255,255,255,0.14);
box-shadow:0 20px 44px rgba(0,0,0,0.26), inset 0 1px 0 rgba(255,255,255,0.08);
}

.mailing-quality-card{
background:
radial-gradient(circle at 100% 0%, rgba(255,207,74,0.18), transparent 36%),
rgba(255,255,255,0.065);
color:#fff;
}

.mailing-quality-card > span{
color:rgba(255,255,255,0.56);
}

.mailing-check-row{
border-color:rgba(255,255,255,0.10);
background:rgba(255,255,255,0.07);
}

.mailing-check-row b{
background:rgba(255,255,255,0.13);
color:#fff;
}

.mailing-check-row strong{
color:#fff;
}

.mailing-check-row small{
color:rgba(255,255,255,0.54);
}

.mailing-automation-strip article:nth-child(1){
background:
radial-gradient(circle at 100% 0%, rgba(109,124,255,0.22), transparent 42%),
rgba(255,255,255,0.055);
}

.mailing-automation-strip article:nth-child(2){
background:
radial-gradient(circle at 100% 0%, rgba(66,232,255,0.18), transparent 42%),
rgba(255,255,255,0.055);
}

.mailing-automation-strip article:nth-child(3){
background:
radial-gradient(circle at 100% 0%, rgba(255,111,203,0.18), transparent 42%),
rgba(255,255,255,0.055);
}

@media(max-width:640px){
.mailing-builder-shell{
padding:14px;
}

.mailing-composer-card{
border-radius:24px;
}

.mailing-objective-grid,
.mailing-automation-strip{
grid-template-columns:1fr;
}
}

/* Registered user navigation: Mahema-like text menu with a dedicated logout pill */
.user-account-topbar .account-nav{
gap:4px;
}

.user-account-topbar .account-nav-link{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:32px;
padding:0 10px;
color:rgba(255,255,255,0.62);
font-size:12px;
line-height:20px;
font-weight:500;
text-decoration:none;
transition:color 180ms ease;
white-space:nowrap;
}

.user-account-topbar .account-nav-link::after{
content:"";
position:absolute;
left:10px;
right:10px;
bottom:4px;
height:1px;
background:rgba(255,255,255,0.52);
opacity:0;
transform:scaleX(0.36);
transform-origin:center;
transition:opacity 180ms ease, transform 180ms ease;
}

.user-account-topbar .account-nav-link:hover,
.user-account-topbar .account-nav-link:focus-visible,
.user-account-topbar .account-nav-link.is-active{
color:#fff;
}

.user-account-topbar .account-nav-link:hover::after,
.user-account-topbar .account-nav-link:focus-visible::after,
.user-account-topbar .account-nav-link.is-active::after{
opacity:1;
transform:scaleX(1);
}

.user-account-topbar .account-logout{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:0 15px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:transparent;
color:#fff;
font-size:12px;
line-height:18px;
font-weight:700;
text-decoration:none;
white-space:nowrap;
transition:background 180ms ease, border-color 180ms ease;
}

.user-account-topbar .account-logout:hover,
.user-account-topbar .account-logout:focus-visible{
background:rgba(255,255,255,0.06);
border-color:rgba(255,255,255,0.48);
}

.user-settings-save .user-save-pill{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:0 15px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:transparent;
color:#fff;
font-size:12px;
line-height:18px;
font-weight:700;
text-decoration:none;
white-space:nowrap;
box-shadow:none;
transition:background 180ms ease, border-color 180ms ease;
}

.user-settings-save .user-save-pill:hover,
.user-settings-save .user-save-pill:focus-visible{
background:rgba(255,255,255,0.06);
border-color:rgba(255,255,255,0.48);
color:#fff;
transform:none;
}

.preference-extra-selected,
.preference-search-results{
margin-top:10px;
}

.removable-chip{
display:inline-flex;
align-items:center;
gap:6px;
}

.preference-remove{
display:inline-flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
border:1px solid var(--line-strong);
border-radius:999px;
background:#121212;
color:#fff;
font-size:13px;
line-height:1;
cursor:pointer;
}

.preference-remove:hover{
background:#1d1d1d;
border-color:#fff;
}

.account-delete-card{
position:relative;
margin-top:28px;
overflow:hidden;
border-color:rgba(255,82,82,0.32);
background:
radial-gradient(circle at 8% -12%, rgba(255,255,255,0.16), transparent 32%),
radial-gradient(circle at 86% 12%, rgba(255,71,71,0.22), transparent 34%),
linear-gradient(145deg, rgba(26,8,10,0.86), rgba(8,8,10,0.72));
box-shadow:0 24px 74px rgba(0,0,0,0.36), inset 0 1px 0 rgba(255,255,255,0.08);
backdrop-filter:blur(24px) saturate(148%);
-webkit-backdrop-filter:blur(24px) saturate(148%);
}

.account-delete-card::before{
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(135deg, rgba(255,255,255,0.10), transparent 42%, rgba(255,82,82,0.08));
opacity:0.72;
}

.account-delete-card > *{
position:relative;
z-index:1;
}

.account-delete-orb{
position:absolute;
right:-44px;
top:-44px;
width:150px;
height:150px;
border-radius:999px;
background:radial-gradient(circle, rgba(255,99,99,0.32), rgba(255,99,99,0.05) 52%, transparent 68%);
filter:blur(1px);
}

.account-delete-card .stats-head h2{
color:#fff;
}

.account-delete-card .stats-head span{
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
padding:7px 11px;
background:rgba(255,255,255,0.06);
color:#ffd9d9;
font-weight:850;
}

.account-delete-copy{
display:grid;
gap:8px;
max-width:940px;
}

.account-delete-card p{
max-width:none;
margin:0;
color:rgba(255,232,232,0.78);
font-size:13px;
font-weight:650;
line-height:21px;
}

.account-delete-card p + p{
margin-top:0;
}

.account-delete-steps{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:10px;
margin-top:2px;
}

.account-delete-steps span{
display:flex;
align-items:center;
min-height:42px;
padding:10px 12px;
border:1px solid rgba(255,255,255,0.12);
border-radius:16px;
background:rgba(255,255,255,0.055);
color:#fff;
font-size:11px;
font-weight:850;
line-height:1.25;
}

.account-delete-steps span::before{
content:"";
flex:0 0 auto;
width:8px;
height:8px;
margin-right:9px;
border-radius:999px;
background:#ff5b5b;
box-shadow:0 0 0 5px rgba(255,91,91,0.12);
}

.account-delete-actions{
display:grid;
grid-template-columns:repeat(2, minmax(0, 220px)) auto;
align-items:end;
gap:10px;
justify-content:flex-start;
margin-top:6px;
}

.account-delete-actions label{
display:grid;
gap:6px;
margin:0;
color:rgba(255,255,255,0.72);
font-size:11px;
font-weight:850;
letter-spacing:0.03em;
text-transform:uppercase;
}

.account-delete-actions input{
width:100%;
min-height:38px;
padding:0 12px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:rgba(255,255,255,0.06);
color:#fff;
outline:none;
}

.account-delete-actions input:focus{
border-color:rgba(255,255,255,0.36);
background:rgba(255,255,255,0.09);
}

@media(max-width:720px){
.account-delete-actions,
.account-delete-steps{
grid-template-columns:1fr;
}
}

.widais-native-select-hidden{
position:absolute !important;
width:1px !important;
height:1px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
opacity:0 !important;
pointer-events:none !important;
}

.widais-country-input,
.widais-select-input{
width:100%;
height:46px;
cursor:pointer;
background-color:#111;
background-image:url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.25L7 7.25L13 1.25' stroke='%23d8d8d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
background-position:calc(100% - 18px) 50%;
background-size:14px 9px;
background-repeat:no-repeat;
padding-right:46px;
}

.widais-country-option,
.widais-select-option{
justify-content:space-between;
}

.widais-country-option span,
.widais-select-option span{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.widais-country-option small,
.widais-select-option small{
margin-left:auto;
padding:4px 7px;
border:1px solid var(--line);
border-radius:999px;
color:var(--muted);
font-size:10px;
font-weight:900;
letter-spacing:0.12em;
}

.widais-select-option:disabled{
opacity:0.42;
cursor:not-allowed;
transform:none;
}

/* Final liquid header/footer pass */
.account-topbar,
.admin-footer,
.header-card{
border:1px solid var(--liquid-line);
background:
radial-gradient(circle at 16% 0%, var(--liquid-sheen), transparent 36%),
radial-gradient(circle at 88% 20%, var(--liquid-warm), transparent 34%),
linear-gradient(145deg, var(--liquid-glass), var(--liquid-glass-soft));
box-shadow:var(--liquid-shadow);
backdrop-filter:blur(26px) saturate(150%);
-webkit-backdrop-filter:blur(26px) saturate(150%);
position:relative;
overflow:hidden;
}

.account-topbar::before,
.admin-footer::before,
.header-card::before{
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(135deg, rgba(255,255,255,0.10), transparent 36%, rgba(255,255,255,0.035));
opacity:0.42;
}

.account-topbar > *,
.admin-footer > *,
.header-card > *{
position:relative;
z-index:1;
}

.account-nav .btn.secondary,
.user-account-topbar .account-logout,
.user-settings-save .user-save-pill{
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.12), transparent 34%),
rgba(255,255,255,0.03);
border-color:rgba(255,255,255,0.24);
color:#fff;
transition:color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.account-nav .btn.secondary:hover,
.user-account-topbar .account-logout:hover,
.user-settings-save .user-save-pill:hover{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.48);
color:#fff;
}

.automatic-email-settings{
position:relative;
gap:20px;
overflow:hidden;
}

.automatic-email-settings::before{
content:"";
position:absolute;
inset:-120px auto auto -80px;
width:260px;
height:260px;
border-radius:999px;
background:radial-gradient(circle, rgba(46,255,172,0.18), rgba(255,255,255,0));
pointer-events:none;
}

.automatic-email-settings::after{
content:"";
position:absolute;
right:-90px;
bottom:-120px;
width:310px;
height:310px;
border-radius:999px;
background:radial-gradient(circle, rgba(255,76,76,0.16), rgba(255,255,255,0));
pointer-events:none;
}

.automatic-email-settings > *{
position:relative;
z-index:1;
}

.automatic-email-settings .stats-head{
align-items:flex-start;
padding-bottom:10px;
border-bottom:1px solid rgba(255,255,255,0.08);
}

.automatic-email-settings .stats-head h2{
letter-spacing:-0.04em;
}

.automatic-email-settings .stats-head span{
max-width:460px;
color:rgba(255,255,255,0.58);
font-size:0.76rem;
line-height:1.5;
text-align:right;
}

.automatic-email-grid{
display:grid;
gap:16px;
}

.automatic-email-card{
position:relative;
border:1px solid rgba(255,255,255,0.12);
border-radius:28px;
background:
linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.018)),
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.13), transparent 32%),
rgba(4,4,5,0.72);
box-shadow:0 20px 70px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.10);
overflow:hidden;
transition:border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.automatic-email-card::before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:3px;
background:linear-gradient(180deg, #2effac, #ffffff 44%, #ff4d4d);
opacity:0.64;
}

.automatic-email-card[open]{
border-color:rgba(255,255,255,0.22);
background:
linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.022)),
radial-gradient(circle at 14% 0%, rgba(46,255,172,0.15), transparent 34%),
rgba(3,3,4,0.82);
}

.automatic-email-card:hover{
transform:translateY(-1px);
border-color:rgba(255,255,255,0.20);
}

.automatic-email-card summary{
position:relative;
display:grid;
grid-template-columns:minmax(170px,0.7fr) minmax(220px,1fr) 28px;
align-items:center;
gap:16px;
padding:18px 20px 18px 22px;
cursor:pointer;
list-style:none;
}

.automatic-email-card summary::-webkit-details-marker{
display:none;
}

.automatic-email-card summary::after{
content:"+";
display:inline-flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:rgba(255,255,255,0.045);
color:#fff;
font-size:1rem;
font-weight:650;
line-height:1;
transition:transform 180ms ease, background 180ms ease, border-color 180ms ease;
}

.automatic-email-card[open] summary::after{
content:"-";
background:rgba(46,255,172,0.10);
border-color:rgba(46,255,172,0.28);
color:#baffdf;
}

.automatic-email-card summary strong{
color:#fff;
font-size:0.98rem;
font-weight:850;
letter-spacing:-0.025em;
}

.automatic-email-card summary small{
color:rgba(255,255,255,0.58);
font-size:0.74rem;
font-weight:650;
line-height:1.45;
text-align:left;
}

.automatic-email-languages{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(295px,1fr));
gap:16px;
padding:0 18px 18px 22px;
}

.automatic-email-language-card{
display:grid;
gap:12px;
padding:16px;
border:1px solid rgba(255,255,255,0.12);
border-radius:24px;
background:
linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)),
rgba(0,0,0,0.28);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.automatic-email-language-card > span{
width:max-content;
padding:6px 10px;
border:1px solid rgba(46,255,172,0.22);
border-radius:999px;
background:rgba(46,255,172,0.08);
color:#d7ffe9;
font-size:0.66rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:0.12em;
}

.automatic-email-language-card label{
display:grid;
gap:7px;
}

.automatic-email-language-card label span{
color:rgba(255,255,255,0.55);
font-size:0.66rem;
font-weight:850;
letter-spacing:0.12em;
text-transform:uppercase;
}

.automatic-email-language-card input,
.automatic-email-language-card textarea{
width:100%;
border:1px solid rgba(255,255,255,0.13);
border-radius:18px;
background:
linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
rgba(0,0,0,0.22);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
font-size:0.86rem;
font-weight:650;
line-height:1.55;
transition:border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.automatic-email-language-card input{
min-height:44px;
padding:0 14px;
}

.automatic-email-language-card textarea{
min-height:136px;
padding:13px 14px;
resize:vertical;
}

.automatic-email-language-card input:focus,
.automatic-email-language-card textarea:focus{
outline:none;
border-color:rgba(46,255,172,0.44);
background:
linear-gradient(180deg, rgba(46,255,172,0.07), rgba(255,255,255,0.018)),
rgba(0,0,0,0.28);
box-shadow:0 0 0 4px rgba(46,255,172,0.08), inset 0 1px 0 rgba(255,255,255,0.12);
}

.automatic-email-settings .notice{
border-color:rgba(46,255,172,0.18);
background:
linear-gradient(135deg, rgba(46,255,172,0.10), rgba(255,255,255,0.035)),
rgba(0,0,0,0.20);
color:rgba(255,255,255,0.76);
}

@media (max-width:760px){
.automatic-email-settings .stats-head,
.automatic-email-settings .stats-head span{
text-align:left;
}

.automatic-email-card summary{
grid-template-columns:1fr 28px;
gap:10px;
}

.automatic-email-card summary small{
grid-column:1 / -1;
grid-row:2;
}

.automatic-email-languages{
grid-template-columns:1fr;
padding:0 12px 12px 15px;
}
}

.preference-core-badge{
display:inline-flex;
margin-left:7px;
padding:2px 7px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
color:rgba(255,255,255,0.64);
font-size:0.62rem;
font-weight:850;
letter-spacing:0.08em;
text-transform:uppercase;
vertical-align:middle;
}

/* Absolute final panel uniformity lock. */
.account-topbar .account-nav,
.user-account-topbar .account-nav{gap:4px;}

.account-topbar .account-nav-link,
.user-account-topbar .account-nav-link{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
min-height:32px;
padding:0 10px;
border:0;
border-radius:0;
background:transparent !important;
box-shadow:none !important;
color:rgba(255,255,255,0.62);
font-size:12px;
font-weight:500;
line-height:20px;
text-decoration:none;
white-space:nowrap;
transition:color 180ms ease;
}

.account-nav-icon{
display:block;
width:14px;
height:14px;
flex:0 0 14px;
fill:currentColor;
opacity:0.86;
}

.account-nav-label{
display:inline-flex;
align-items:center;
line-height:inherit;
}

.account-topbar .account-nav-link::after,
.user-account-topbar .account-nav-link::after{
content:"";
position:absolute;
left:10px;
right:10px;
bottom:4px;
height:1px;
border-radius:999px;
background:rgba(255,255,255,0.58);
opacity:0;
transform:scaleX(0.36);
transform-origin:center;
transition:opacity 180ms ease, transform 180ms ease;
}

.account-topbar .account-nav-link:hover,
.account-topbar .account-nav-link:focus-visible,
.account-topbar .account-nav-link.is-active,
.user-account-topbar .account-nav-link:hover,
.user-account-topbar .account-nav-link:focus-visible,
.user-account-topbar .account-nav-link.is-active{
color:#fff;
outline:none;
}

.account-topbar .account-nav-link:hover::after,
.account-topbar .account-nav-link:focus-visible::after,
.account-topbar .account-nav-link.is-active::after,
.user-account-topbar .account-nav-link:hover::after,
.user-account-topbar .account-nav-link:focus-visible::after,
.user-account-topbar .account-nav-link.is-active::after{
opacity:1;
transform:scaleX(1);
}

.account-topbar .account-logout,
.user-account-topbar .account-logout,
body:not(.login-page) .stats-card.settings-form:not(.mailing-composer-card) > .actions .btn,
body:not(.login-page) .stats-card.settings-form:not(.mailing-composer-card) .user-settings-save .user-save-pill,
body:not(.login-page) .preference-add-row .btn,
body:not(.login-page) .social-add-btn,
body:not(.login-page) .event-submit,
body:not(.login-page) .alert-resend-form button,
body:not(.login-page) .user-panel-alert a{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:34px;
padding:0 15px;
border:1px solid rgba(255,255,255,0.24);
border-radius:999px;
background:radial-gradient(circle at 18% 0%, rgba(255,255,255,0.13), transparent 34%), rgba(255,255,255,0.035);
color:#fff;
box-shadow:none;
font-size:12px;
font-weight:800;
line-height:18px;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
transition:color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.account-topbar .account-logout:hover,
.account-topbar .account-logout:focus-visible,
.user-account-topbar .account-logout:hover,
.user-account-topbar .account-logout:focus-visible,
body:not(.login-page) .stats-card.settings-form:not(.mailing-composer-card) > .actions .btn:hover,
body:not(.login-page) .stats-card.settings-form:not(.mailing-composer-card) > .actions .btn:focus-visible,
body:not(.login-page) .stats-card.settings-form:not(.mailing-composer-card) .user-settings-save .user-save-pill:hover,
body:not(.login-page) .stats-card.settings-form:not(.mailing-composer-card) .user-settings-save .user-save-pill:focus-visible,
body:not(.login-page) .preference-add-row .btn:hover,
body:not(.login-page) .preference-add-row .btn:focus-visible,
body:not(.login-page) .social-add-btn:hover,
body:not(.login-page) .social-add-btn:focus-visible,
body:not(.login-page) .event-submit:hover,
body:not(.login-page) .event-submit:focus-visible,
body:not(.login-page) .alert-resend-form button:hover,
body:not(.login-page) .alert-resend-form button:focus-visible,
body:not(.login-page) .user-panel-alert a:hover,
body:not(.login-page) .user-panel-alert a:focus-visible{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.48);
color:#fff;
outline:none;
transform:translateY(-1px);
}

body:not(.login-page) .stats-card.settings-form:not(.mailing-composer-card) > .actions .btn.secondary,
body:not(.login-page) .preference-add-row .btn.secondary{
background:rgba(255,255,255,0.018);
border-color:rgba(255,255,255,0.18);
color:rgba(255,255,255,0.76);
}

body:not(.login-page) .account-delete-card .danger-btn,
body:not(.login-page) .social-delete-btn,
body:not(.login-page) .crm-delete-button,
body:not(.login-page) .note-delete-button,
body:not(.login-page) .icon-btn.delete-btn{
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,86,86,0.34);
border-radius:999px;
background:radial-gradient(circle at 18% 0%, rgba(255,255,255,0.08), transparent 34%), rgba(255,86,86,0.10);
color:#ffaaaa;
box-shadow:none;
font-weight:850;
text-decoration:none;
cursor:pointer;
transition:background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

body:not(.login-page) .account-delete-card .danger-btn:hover,
body:not(.login-page) .account-delete-card .danger-btn:focus-visible,
body:not(.login-page) .social-delete-btn:hover,
body:not(.login-page) .social-delete-btn:focus-visible,
body:not(.login-page) .crm-delete-button:hover,
body:not(.login-page) .crm-delete-button:focus-visible,
body:not(.login-page) .note-delete-button:hover,
body:not(.login-page) .note-delete-button:focus-visible,
body:not(.login-page) .icon-btn.delete-btn:hover,
body:not(.login-page) .icon-btn.delete-btn:focus-visible{
background:rgba(255,86,86,0.18);
border-color:rgba(255,126,126,0.56);
color:#ffd0d0;
outline:none;
transform:translateY(-1px);
}

body:not(.login-page) .icon-btn.save-btn{
border-color:rgba(37,199,111,0.38);
background:rgba(37,199,111,0.12);
color:#a9efc2;
}

body:not(.login-page) .icon-btn.save-btn:hover,
body:not(.login-page) .icon-btn.save-btn:focus-visible{
background:rgba(37,199,111,0.20);
border-color:rgba(37,199,111,0.58);
color:#d7ffe4;
}

.widais-global-notice{
position:relative;
isolation:isolate;
display:grid;
grid-template-columns:minmax(0, 1fr) auto auto;
align-items:center;
gap:16px;
width:100%;
max-width:1360px;
margin:0 auto 10px;
padding:14px 16px 14px 18px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.16);
border-radius:28px;
background:
radial-gradient(circle at 8% 0%, rgba(255,255,255,0.22), transparent 34%),
radial-gradient(circle at 92% 14%, rgba(158,255,225,0.30), transparent 32%),
radial-gradient(circle at 18% 120%, rgba(240,255,97,0.16), transparent 42%),
linear-gradient(135deg, rgba(10,10,11,0.96), rgba(23,25,24,0.92));
box-shadow:0 18px 54px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.16);
color:#fff;
backdrop-filter:blur(20px) saturate(145%);
-webkit-backdrop-filter:blur(20px) saturate(145%);
}

.widais-global-notice[hidden]{
display:none;
}

.widais-global-notice::before{
content:"";
position:absolute;
inset:0;
z-index:-1;
padding:1px;
border-radius:inherit;
background:linear-gradient(120deg, rgba(255,255,255,0.42), rgba(158,255,225,0.78), rgba(240,255,97,0.58), rgba(255,255,255,0.18));
mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask-composite:exclude;
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
pointer-events:none;
}

.widais-global-notice-copy{
display:grid;
gap:4px;
min-width:0;
}

.widais-global-notice-copy strong{
color:#fff;
font-size:clamp(0.98rem, 1.6vw, 1.18rem);
font-weight:950;
letter-spacing:-0.035em;
line-height:1.05;
}

.widais-global-notice-copy p{
margin:0;
color:rgba(255,255,255,0.70);
font-size:12px;
font-weight:740;
line-height:1.35;
}

.widais-global-notice-link{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
padding:0 14px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:linear-gradient(135deg, #f1ff5c, #9effe1);
color:#050505;
font-size:11px;
font-weight:950;
letter-spacing:.08em;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
box-shadow:0 10px 22px rgba(158,255,225,0.18), inset 0 1px 0 rgba(255,255,255,0.52);
transition:transform .18s ease, filter .18s ease, border-color .18s ease;
}

.widais-global-notice-link:hover,
.widais-global-notice-link:focus-visible{
border-color:rgba(255,255,255,0.44);
filter:saturate(1.08) brightness(1.04);
outline:none;
transform:translateY(-1px);
}

.widais-global-notice-close{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
padding:0;
overflow:hidden;
border:1px solid rgba(255,255,255,0.20);
border-radius:999px;
background:
radial-gradient(circle at 30% 18%, rgba(255,255,255,0.24), transparent 34%),
rgba(255,255,255,0.08);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.18);
cursor:pointer;
transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.widais-global-notice-close:hover,
.widais-global-notice-close:focus-visible{
background:
radial-gradient(circle at 30% 18%, rgba(255,255,255,0.34), transparent 34%),
rgba(255,255,255,0.16);
border-color:rgba(255,255,255,0.38);
box-shadow:0 10px 22px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.24);
outline:none;
transform:translateY(-1px) rotate(4deg);
}

.widais-global-notice-close svg{
position:relative;
z-index:1;
width:16px;
height:16px;
fill:currentColor;
}

.login-page{
align-content:center;
gap:18px;
}

.login-page .widais-global-notice{
position:fixed;
top:24px;
left:50%;
z-index:2;
width:calc(100% - 48px);
max-width:1360px;
margin:0;
transform:translateX(-50%);
}

.global-notice-settings{
border-color:rgba(117,231,255,0.16);
background:
radial-gradient(circle at 10% 0%, rgba(117,231,255,0.10), transparent 34%),
radial-gradient(circle at 90% 12%, rgba(255,93,143,0.08), transparent 30%),
rgba(10,10,12,0.68);
}

.global-notice-settings .notice{
border-color:rgba(117,231,255,0.18);
background:rgba(117,231,255,0.08);
color:rgba(255,255,255,0.76);
}

@media(max-width:760px){
.login-page .widais-global-notice{
top:16px;
width:calc(100% - 32px);
}

.widais-global-notice{
grid-template-columns:minmax(0, 1fr) auto;
align-items:start;
gap:12px;
padding:16px 54px 14px 14px;
border-radius:24px;
}

.widais-global-notice-copy{
padding-right:2px;
}

.widais-global-notice-link{
grid-column:1 / -1;
justify-self:stretch;
width:calc(100% + 44px);
margin-right:-44px;
}

.widais-global-notice-close{
position:absolute;
top:10px;
right:10px;
width:32px;
height:32px;
}
}

/* Link admin remodel */
.link-admin-page .notice{
border-color:rgba(255,255,255,0.12);
background:
radial-gradient(circle at 0% 0%, rgba(158,255,225,0.12), transparent 34%),
rgba(255,255,255,0.055);
color:rgba(255,255,255,0.76);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.link-admin-page .notice.success{
border-color:rgba(37,199,111,0.25);
background:
radial-gradient(circle at 0% 0%, rgba(37,199,111,0.18), transparent 34%),
rgba(37,199,111,0.08);
color:#c9ffd9;
}

.link-admin-page .error-box{
border-color:rgba(255,86,86,0.28);
background:
radial-gradient(circle at 0% 0%, rgba(255,86,86,0.18), transparent 34%),
rgba(255,86,86,0.08);
color:#ffd0d0;
}

.link-admin-page .link-admin-hero{
margin-top:4px;
}

.link-admin-page .link-admin-hero-metrics article{
transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.link-admin-page .link-admin-hero-metrics article:hover{
border-color:rgba(255,255,255,0.24);
box-shadow:0 18px 42px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.16);
transform:translateY(-2px);
}

.link-admin-page .link-admin-section-nav{
margin:-2px 0 2px;
}

.link-admin-page .link-admin-section-nav a::before{
content:"";
width:7px;
height:7px;
border-radius:999px;
background:rgba(255,255,255,0.34);
box-shadow:0 0 0 4px rgba(255,255,255,0.05);
}

.link-admin-page .link-admin-section-nav a[href="#eventos"]::before{
background:#44e77c;
box-shadow:0 0 0 4px rgba(68,231,124,0.10);
}

.link-admin-page .link-admin-section-nav a[href="#music"]::before{
background:#5eead4;
box-shadow:0 0 0 4px rgba(94,234,212,0.10);
}

.link-admin-page .link-admin-section-nav a[href="#links"]::before{
background:#60a5fa;
box-shadow:0 0 0 4px rgba(96,165,250,0.10);
}

.link-admin-page .link-admin-section-nav a[href="#escaparate"]::before{
background:#facc15;
box-shadow:0 0 0 4px rgba(250,204,21,0.12);
}

.link-admin-page .link-admin-section-nav a[href="#form-preferences"]::before{
background:#fb923c;
box-shadow:0 0 0 4px rgba(251,146,60,0.12);
}

.link-admin-page .link-form-preferences-card{
margin-top:24px;
padding:20px;
overflow:visible;
border-radius:26px;
border-color:rgba(251,146,60,0.22);
background:
radial-gradient(circle at 0% 0%, rgba(251,146,60,0.15), transparent 34%),
radial-gradient(circle at 100% 10%, rgba(250,204,21,0.10), transparent 30%),
rgba(10,10,10,0.92);
box-shadow:0 24px 70px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.08);
}

.link-admin-page .link-form-preferences-details{
display:grid;
position:relative;
z-index:20;
}

.link-admin-page .link-form-preferences-summary{
min-height:66px;
padding:16px;
}

.link-admin-page .link-form-preferences-summary::-webkit-details-marker{
display:none;
}

.link-admin-page .link-form-preferences-summary .tag.neutral{
background:linear-gradient(135deg, rgba(251,146,60,0.20), rgba(255,255,255,0.08));
border-color:rgba(251,146,60,0.28);
color:#fed7aa;
}

.link-admin-page .link-form-preferences-summary .link-item-toggle{
margin-left:0;
}

.link-admin-page .link-form-preferences-details[open] .link-item-toggle-open{
display:none;
}

.link-admin-page .link-form-preferences-details[open] .link-item-toggle-close{
display:inline;
}

.link-admin-page .link-form-preferences-details[open] .link-form-preferences-summary{
background:
linear-gradient(90deg, rgba(251,146,60,0.12), transparent 72%),
rgba(255,255,255,0.035);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.link-admin-page .link-form-preferences-body{
display:grid;
gap:16px;
padding:0;
overflow:visible;
}

.link-admin-page .link-form-preferences-body::before{
content:"";
display:block;
height:1px;
background:linear-gradient(90deg, transparent, rgba(251,146,60,0.22), rgba(255,255,255,0.12), transparent);
}

.link-admin-page .link-form-preferences-body .link-create-body-head span{
color:rgba(255,255,255,0.72);
}

.link-admin-page .link-admin-grid{
align-items:start;
grid-auto-rows:auto;
}

.link-admin-page .link-create-card{
display:grid;
align-content:start;
align-self:start;
gap:0;
min-height:0;
overflow:hidden;
padding:0;
border-color:rgba(var(--link-accent-rgb),0.16);
transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.link-admin-page .link-create-card:hover,
.link-admin-page .link-create-card:has(details[open]){
border-color:rgba(var(--link-accent-rgb),0.34);
box-shadow:0 22px 54px rgba(0,0,0,0.30), 0 0 0 1px rgba(var(--link-accent-rgb),0.08), inset 0 1px 0 rgba(255,255,255,0.12);
transform:translateY(-2px);
}

.link-admin-page .link-create-details{
display:grid;
height:auto;
position:relative;
z-index:1;
}

.link-admin-page .link-create-details[open] .link-item-toggle-open{
display:none;
}

.link-admin-page .link-create-details[open] .link-item-toggle-close{
display:inline;
}

.link-admin-page .link-create-summary{
min-height:72px;
border-radius:26px;
}

.link-admin-page .link-create-count{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:54px;
min-height:30px;
padding:0 10px;
border:1px solid rgba(var(--link-accent-rgb),0.20);
border-radius:999px;
background:linear-gradient(135deg, rgba(var(--link-accent-rgb),0.14), rgba(255,255,255,0.055));
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10), 0 8px 20px rgba(0,0,0,0.14);
font-size:11px;
font-weight:950;
letter-spacing:-0.02em;
white-space:nowrap;
}

.link-admin-page .link-create-body{
display:grid;
gap:14px;
padding:0 16px 16px;
}

.link-admin-page .link-create-details:not([open]) .link-create-body{
display:none;
}

.link-admin-page .link-create-body::before{
content:"";
display:block;
height:1px;
background:linear-gradient(90deg, transparent, rgba(var(--link-accent-rgb),0.28), rgba(255,255,255,0.12), transparent);
}

.link-admin-page .link-create-body-head{
display:grid;
gap:4px;
padding-top:2px;
}

.link-admin-page .link-create-body-head h3{
margin:0;
color:#fff;
font-size:1.14rem;
font-weight:950;
letter-spacing:-0.045em;
}

.link-admin-page .link-create-body-head span{
color:rgba(255,255,255,0.52);
font-size:10px;
font-weight:950;
letter-spacing:0.08em;
line-height:1.35;
text-transform:uppercase;
}

.link-admin-page .event-submit,
.link-admin-page .actions .btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:100%;
min-height:48px;
padding:0 18px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.35), transparent 28%),
linear-gradient(135deg, #f1ff5c, #9effe1);
color:#050505;
box-shadow:0 16px 34px rgba(94,234,212,0.16), inset 0 1px 0 rgba(255,255,255,0.50);
font-size:12px;
font-weight:950;
letter-spacing:0.08em;
line-height:1;
text-transform:uppercase;
}

.link-admin-page .event-submit:hover,
.link-admin-page .event-submit:focus-visible,
.link-admin-page .actions .btn:hover,
.link-admin-page .actions .btn:focus-visible{
border-color:rgba(255,255,255,0.42);
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.42), transparent 28%),
linear-gradient(135deg, #f7ff83, #b6ffeb);
color:#050505;
outline:none;
transform:translateY(-1px);
}

.link-admin-page .event-form label,
.link-admin-page .event-fields label,
.link-admin-page .highlight-edit-card label,
.link-admin-page .music-platform-admin-grid label{
position:relative;
}

.link-admin-page .event-form input[type="file"],
.link-admin-page .event-fields input[type="file"],
.link-admin-page .highlight-edit-card input[type="file"]{
height:auto;
min-height:46px;
padding:11px 13px;
border-style:dashed;
background:rgba(255,255,255,0.055);
color:rgba(255,255,255,0.62);
}

.link-admin-page .link-date-field{
position:relative;
isolation:isolate;
}

.link-admin-page .link-date-field::after{
content:"";
position:absolute;
right:11px;
bottom:10px;
width:28px;
height:28px;
border:1px solid rgba(255,255,255,0.16);
border-radius:12px;
background:
radial-gradient(circle at 28% 18%, rgba(255,255,255,0.26), transparent 35%),
linear-gradient(135deg, rgba(158,255,225,0.18), rgba(241,255,92,0.10)),
rgba(255,255,255,0.075);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12), 0 8px 18px rgba(0,0,0,0.18);
pointer-events:none;
z-index:1;
}

.link-admin-page .link-date-field::before{
content:"";
position:absolute;
right:18px;
bottom:17px;
width:14px;
height:14px;
z-index:2;
pointer-events:none;
background:currentColor;
color:rgba(255,255,255,0.86);
mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h2v2h6V2h2v2h2.5A2.5 2.5 0 0 1 22 6.5v12A3.5 3.5 0 0 1 18.5 22h-13A3.5 3.5 0 0 1 2 18.5v-12A2.5 2.5 0 0 1 4.5 4H7V2Zm13 8H4v8.5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5V10ZM4.5 6a.5.5 0 0 0-.5.5V8h16V6.5a.5.5 0 0 0-.5-.5h-15Z'/%3E%3C/svg%3E") center / contain no-repeat;
-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h2v2h6V2h2v2h2.5A2.5 2.5 0 0 1 22 6.5v12A3.5 3.5 0 0 1 18.5 22h-13A3.5 3.5 0 0 1 2 18.5v-12A2.5 2.5 0 0 1 4.5 4H7V2Zm13 8H4v8.5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5V10ZM4.5 6a.5.5 0 0 0-.5.5V8h16V6.5a.5.5 0 0 0-.5-.5h-15Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.link-admin-page .link-date-field input[type="date"]{
padding-right:52px;
font-weight:850;
letter-spacing:0.02em;
font-variant-numeric:tabular-nums;
color-scheme:dark;
background:
radial-gradient(circle at 100% 0%, rgba(158,255,225,0.09), transparent 34%),
rgba(255,255,255,0.075);
}

.link-admin-page .link-date-field input[type="date"]:hover{
background:
radial-gradient(circle at 100% 0%, rgba(158,255,225,0.13), transparent 34%),
rgba(255,255,255,0.10);
}

.link-admin-page .link-date-field input[type="date"]:focus{
border-color:rgba(158,255,225,0.52);
background:
radial-gradient(circle at 100% 0%, rgba(158,255,225,0.15), transparent 34%),
rgba(255,255,255,0.12);
box-shadow:0 0 0 4px rgba(94,234,212,0.11), inset 0 1px 0 rgba(255,255,255,0.10);
}

.link-admin-page .link-date-field input[type="date"]::-webkit-calendar-picker-indicator{
position:absolute;
right:8px;
bottom:7px;
width:34px;
height:34px;
padding:0;
opacity:0;
cursor:pointer;
z-index:3;
}

.link-admin-page .link-date-field:hover::after,
.link-admin-page .link-date-field:focus-within::after{
border-color:rgba(158,255,225,0.36);
background:
radial-gradient(circle at 28% 18%, rgba(255,255,255,0.34), transparent 35%),
linear-gradient(135deg, rgba(158,255,225,0.24), rgba(241,255,92,0.16)),
rgba(255,255,255,0.10);
transform:translateY(-1px);
}

.link-admin-page .link-date-field.has-widais-datepicker::before,
.link-admin-page .link-date-field.has-widais-datepicker::after{
display:none;
}

.link-admin-page .link-date-field.has-widais-datepicker{
isolation:isolate;
}

.link-admin-page .link-date-field.has-widais-datepicker > input[type="hidden"]{
display:none;
}

.link-admin-page .has-datepicker-open{
position:relative !important;
overflow:visible !important;
z-index:1200 !important;
}

.link-admin-page .widais-date-control{
position:relative;
z-index:5;
}

.link-admin-page .widais-date-control.is-open{
z-index:5000;
}

.link-admin-page .link-date-field.has-datepicker-open{
z-index:5200 !important;
}

.link-admin-page .widais-date-button{
position:relative;
overflow:hidden;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
width:100%;
min-height:56px;
padding:9px 10px 9px 16px;
border:1px solid rgba(var(--link-accent-rgb),0.18);
border-radius:18px;
background:
radial-gradient(circle at 100% 0%, rgba(var(--link-accent-rgb),0.16), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.09), rgba(255,255,255,0.025)),
rgba(255,255,255,0.065);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10), 0 12px 28px rgba(0,0,0,0.18);
cursor:pointer;
text-align:left;
transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.link-admin-page .widais-date-button::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(120deg, transparent, rgba(255,255,255,0.10), transparent);
opacity:.65;
transform:translateX(-120%);
transition:transform .42s ease;
}

.link-admin-page .widais-date-button:hover,
.link-admin-page .widais-date-button:focus-visible,
.link-admin-page .widais-date-control.is-open .widais-date-button{
border-color:rgba(var(--link-accent-rgb),0.42);
background:
radial-gradient(circle at 100% 0%, rgba(var(--link-accent-rgb),0.22), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.11), rgba(255,255,255,0.035)),
rgba(255,255,255,0.075);
box-shadow:0 0 0 4px rgba(var(--link-accent-rgb),0.10), 0 16px 34px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.12);
outline:none;
transform:translateY(-1px);
}

.link-admin-page .widais-date-button:hover::before,
.link-admin-page .widais-date-button:focus-visible::before{
transform:translateX(120%);
}

.link-admin-page .widais-date-button-copy{
position:relative;
z-index:1;
display:grid;
gap:3px;
min-width:0;
}

.link-admin-page .widais-date-kicker{
color:rgba(255,255,255,0.52);
font-size:10px;
font-weight:950;
letter-spacing:0.12em;
line-height:1;
text-transform:uppercase;
}

.link-admin-page .widais-date-value{
overflow:hidden;
color:#fff;
font-size:15px;
font-weight:950;
letter-spacing:-0.02em;
line-height:1.1;
text-overflow:ellipsis;
white-space:nowrap;
}

.link-admin-page .widais-date-button-icon{
position:relative;
z-index:1;
display:inline-flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
min-width:38px;
border:1px solid rgba(255,255,255,0.16);
border-radius:15px;
background:
radial-gradient(circle at 25% 15%, rgba(255,255,255,0.30), transparent 34%),
linear-gradient(135deg, rgba(var(--link-accent-rgb),0.25), rgba(241,255,92,0.12)),
rgba(255,255,255,0.075);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12), 0 10px 20px rgba(0,0,0,0.18);
}

.link-admin-page .widais-date-button-icon::before{
content:"";
width:18px;
height:18px;
background:currentColor;
color:#fff;
mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h2v2h6V2h2v2h2.5A2.5 2.5 0 0 1 22 6.5v12A3.5 3.5 0 0 1 18.5 22h-13A3.5 3.5 0 0 1 2 18.5v-12A2.5 2.5 0 0 1 4.5 4H7V2Zm13 8H4v8.5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5V10ZM4.5 6a.5.5 0 0 0-.5.5V8h16V6.5a.5.5 0 0 0-.5-.5h-15Z'/%3E%3C/svg%3E") center / contain no-repeat;
-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h2v2h6V2h2v2h2.5A2.5 2.5 0 0 1 22 6.5v12A3.5 3.5 0 0 1 18.5 22h-13A3.5 3.5 0 0 1 2 18.5v-12A2.5 2.5 0 0 1 4.5 4H7V2Zm13 8H4v8.5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5V10ZM4.5 6a.5.5 0 0 0-.5.5V8h16V6.5a.5.5 0 0 0-.5-.5h-15Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.link-admin-page .widais-date-popover{
position:absolute;
left:0;
right:auto;
top:calc(100% + 10px);
z-index:6000;
display:grid;
gap:12px;
width:min(340px, calc(100vw - 32px));
padding:14px;
border:1px solid rgba(var(--link-accent-rgb),0.24);
border-radius:26px;
background:
radial-gradient(circle at 0% 0%, rgba(var(--link-accent-rgb),0.18), transparent 34%),
radial-gradient(circle at 100% 100%, rgba(241,255,92,0.10), transparent 34%),
linear-gradient(145deg, rgba(24,24,26,0.98), rgba(8,8,9,0.98));
box-shadow:0 28px 80px rgba(0,0,0,0.52), 0 0 0 1px rgba(255,255,255,0.04), inset 0 1px 0 rgba(255,255,255,0.10);
backdrop-filter:blur(22px) saturate(145%);
-webkit-backdrop-filter:blur(22px) saturate(145%);
pointer-events:auto;
}

.link-admin-page .widais-date-popover[hidden]{
display:none;
}

.link-admin-page .widais-date-popover-head{
display:grid;
grid-template-columns:40px minmax(0, 1fr) 40px;
align-items:center;
gap:10px;
}

.link-admin-page .widais-date-title{
overflow:hidden;
color:#fff;
font-size:15px;
font-weight:950;
letter-spacing:-0.035em;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
}

.link-admin-page .widais-date-nav{
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
border:1px solid rgba(255,255,255,0.12);
border-radius:15px;
background:rgba(255,255,255,0.07);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
cursor:pointer;
transition:border-color .18s ease, background .18s ease, transform .18s ease;
}

.link-admin-page .widais-date-nav::before{
content:"";
width:10px;
height:10px;
border-left:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:rotate(45deg) translate(1px, -1px);
}

.link-admin-page .widais-date-nav.is-next::before{
transform:rotate(225deg) translate(1px, -1px);
}

.link-admin-page .widais-date-nav:hover,
.link-admin-page .widais-date-nav:focus-visible{
border-color:rgba(var(--link-accent-rgb),0.36);
background:rgba(var(--link-accent-rgb),0.14);
outline:none;
transform:translateY(-1px);
}

.link-admin-page .widais-date-days{
display:grid;
grid-template-columns:repeat(7, minmax(0, 1fr));
gap:6px;
}

.link-admin-page .widais-date-weekday,
.link-admin-page .widais-date-empty,
.link-admin-page .widais-date-day{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:0;
aspect-ratio:1;
border-radius:14px;
font-variant-numeric:tabular-nums;
}

.link-admin-page .widais-date-weekday{
color:rgba(255,255,255,0.42);
font-size:10px;
font-weight:950;
letter-spacing:0.08em;
text-transform:uppercase;
}

.link-admin-page .widais-date-day{
border:1px solid rgba(255,255,255,0.08);
background:rgba(255,255,255,0.052);
color:rgba(255,255,255,0.78);
font-size:13px;
font-weight:900;
cursor:pointer;
transition:border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.link-admin-page .widais-date-day:hover,
.link-admin-page .widais-date-day:focus-visible{
border-color:rgba(var(--link-accent-rgb),0.36);
background:rgba(var(--link-accent-rgb),0.16);
color:#fff;
outline:none;
transform:translateY(-1px);
}

.link-admin-page .widais-date-day.is-today{
border-color:rgba(241,255,92,0.34);
box-shadow:inset 0 0 0 1px rgba(241,255,92,0.12);
}

.link-admin-page .widais-date-day.is-selected{
border-color:rgba(255,255,255,0.26);
background:linear-gradient(135deg, var(--link-lime), var(--link-accent), var(--link-mint));
color:#050505;
box-shadow:0 12px 26px rgba(var(--link-accent-rgb),0.22), inset 0 1px 0 rgba(255,255,255,0.48);
}

.link-admin-page .widais-date-actions{
display:flex;
justify-content:flex-end;
padding-top:2px;
}

.link-admin-page .widais-date-today{
min-height:34px;
padding:0 14px;
border:1px solid rgba(var(--link-accent-rgb),0.22);
border-radius:999px;
background:rgba(var(--link-accent-rgb),0.10);
color:#fff;
font-size:10px;
font-weight:950;
letter-spacing:0.10em;
text-transform:uppercase;
cursor:pointer;
transition:border-color .18s ease, background .18s ease, transform .18s ease;
}

.link-admin-page .widais-date-today:hover,
.link-admin-page .widais-date-today:focus-visible{
border-color:rgba(var(--link-accent-rgb),0.40);
background:rgba(var(--link-accent-rgb),0.16);
outline:none;
transform:translateY(-1px);
}

.link-admin-page .widais-date-control.has-error .widais-date-button{
border-color:rgba(255,86,86,0.55);
box-shadow:0 0 0 4px rgba(255,86,86,0.12), 0 16px 34px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.12);
}

.link-admin-page .event-preference-picker{
overflow:hidden;
border-radius:22px;
background:
radial-gradient(circle at 100% 0%, rgba(255,255,255,0.10), transparent 30%),
rgba(255,255,255,0.052);
}

.link-admin-page .event-preference-picker summary::after{
border-color:rgba(255,255,255,0.12);
background:rgba(255,255,255,0.09);
color:#fff;
}

.link-admin-page .event-preference-picker-body{
padding-top:10px;
border-top:1px solid rgba(255,255,255,0.07);
}

.link-admin-page .event-pref-group{
padding:10px;
border:1px solid rgba(255,255,255,0.08);
border-radius:18px;
background:rgba(0,0,0,0.16);
}

.link-admin-page .event-pref-group strong{
color:rgba(255,255,255,0.72);
}

.link-admin-page .music-chip.admin-chip span{
border-color:rgba(255,255,255,0.10);
background:rgba(255,255,255,0.055);
color:rgba(255,255,255,0.74);
}

.link-admin-page .music-chip.admin-chip input:checked + span{
border-color:rgba(158,255,225,0.44);
background:linear-gradient(135deg, #f1ff5c, #9effe1);
color:#050505;
}

.link-admin-page .music-platform-admin-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px;
padding:10px;
border:1px solid rgba(255,255,255,0.08);
border-radius:24px;
background:
radial-gradient(circle at 12% 0%, rgba(94,234,212,0.08), transparent 34%),
rgba(0,0,0,0.16);
}

.link-admin-page .music-platform-admin-grid label{
position:relative;
display:grid;
grid-template-columns:minmax(0, 1fr);
gap:8px;
padding:12px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.11);
border-radius:22px;
background:
radial-gradient(circle at 100% 0%, rgba(255,255,255,0.10), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.065), rgba(255,255,255,0.018)),
rgba(12,12,13,0.78);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.link-admin-page .music-platform-admin-grid label span{
position:relative;
z-index:1;
color:rgba(255,255,255,0.72);
font-size:11px;
font-weight:950;
letter-spacing:0.08em;
text-transform:uppercase;
}

.link-admin-page .music-platform-admin-grid label:hover{
border-color:rgba(var(--link-accent-rgb),0.26);
background:
radial-gradient(circle at 100% 0%, rgba(var(--link-accent-rgb),0.13), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.085), rgba(255,255,255,0.025)),
rgba(16,16,18,0.90);
transform:translateY(-1px);
}

.link-admin-page .music-platform-admin-grid input{
position:relative;
z-index:1;
height:42px;
min-height:42px;
padding:0 12px;
border-radius:15px;
background:rgba(0,0,0,0.22);
font-size:13px;
}

.link-admin-page .music-platform-admin-grid input:focus{
border-color:rgba(var(--link-accent-rgb),0.52);
background:rgba(0,0,0,0.30);
box-shadow:0 0 0 4px rgba(var(--link-accent-rgb),0.11), inset 0 1px 0 rgba(255,255,255,0.10);
}

.link-admin-page .music-platform-icon{
width:24px;
height:24px;
min-width:24px;
background:rgba(255,255,255,0.10);
color:#fff;
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.16), 0 8px 20px rgba(0,0,0,0.18);
}

.link-admin-page .music-platform-icon svg{
width:14px;
height:14px;
}

.link-admin-page .event-list{
gap:14px;
}

.link-admin-page .event-list > .notice{
grid-column:1 / -1;
margin:0;
padding:18px;
border-radius:22px;
}

.link-admin-page .event-card{
position:relative;
overflow:hidden;
padding:16px;
transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.link-admin-page .link-collapsible-card{
border-color:rgba(var(--link-accent-rgb),0.13);
}

.link-admin-page .link-events-card .link-collapsible-card{
--link-accent:var(--link-event);
--link-accent-rgb:68,231,124;
}

.link-admin-page .link-music-card .link-collapsible-card{
--link-accent:var(--link-music);
--link-accent-rgb:94,234,212;
}

.link-admin-page .link-links-card .link-collapsible-card{
--link-accent:var(--link-blue);
--link-accent-rgb:96,165,250;
}

.link-admin-page .event-card::after{
content:"";
position:absolute;
left:16px;
right:16px;
top:0;
height:1px;
background:linear-gradient(90deg, transparent, rgba(255,255,255,0.28), transparent);
pointer-events:none;
}

.link-admin-page .event-card:hover{
border-color:rgba(var(--link-accent-rgb),0.28);
box-shadow:0 20px 48px rgba(0,0,0,0.28), 0 0 0 1px rgba(var(--link-accent-rgb),0.07), inset 0 1px 0 rgba(255,255,255,0.10);
transform:translateY(-1px);
}

.link-admin-page .event-card:has(details[open]){
border-color:rgba(var(--link-accent-rgb),0.34);
box-shadow:0 22px 54px rgba(0,0,0,0.30), 0 0 0 1px rgba(var(--link-accent-rgb),0.09), inset 0 1px 0 rgba(255,255,255,0.12);
}

.link-admin-page .link-collapsible-card{
padding:0;
}

.link-admin-page .link-item-details{
position:relative;
z-index:1;
display:grid;
}

.link-admin-page .link-item-summary{
position:relative;
display:flex;
align-items:center;
gap:12px;
min-height:66px;
padding:16px;
cursor:pointer;
list-style:none;
border-radius:26px;
transition:background .18s ease, box-shadow .18s ease;
}

.link-admin-page .link-item-summary::-webkit-details-marker{
display:none;
}

.link-admin-page .link-item-summary:hover .link-item-title,
.link-admin-page .link-item-summary:focus-visible .link-item-title{
color:#fff;
}

.link-admin-page .link-item-summary:hover{
background:rgba(255,255,255,0.035);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
}

.link-admin-page .link-item-summary:focus-visible{
outline:2px solid rgba(158,255,225,0.36);
outline-offset:-6px;
border-radius:26px;
}

.link-admin-page .link-item-title{
flex:1 1 auto;
min-width:0;
overflow:hidden;
color:rgba(255,255,255,0.84);
font-size:15px;
font-weight:950;
letter-spacing:-0.025em;
line-height:1.1;
text-overflow:ellipsis;
white-space:nowrap;
transition:color .18s ease;
}

.link-admin-page .link-item-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-width:92px;
min-height:34px;
padding:0 12px;
border:1px solid rgba(var(--link-accent-rgb),0.18);
border-radius:999px;
background:linear-gradient(135deg, rgba(var(--link-accent-rgb),0.12), rgba(255,255,255,0.055));
color:rgba(255,255,255,0.78);
font-size:10px;
font-weight:950;
letter-spacing:0.10em;
text-transform:uppercase;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.09);
transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.link-admin-page .link-item-toggle::after{
content:"";
width:7px;
height:7px;
border-right:2px solid currentColor;
border-bottom:2px solid currentColor;
opacity:.78;
transform:rotate(45deg) translateY(-1px);
transition:transform .18s ease;
}

.link-admin-page details[open] > summary .link-item-toggle::after{
transform:rotate(225deg) translate(-1px, -1px);
}

.link-admin-page .link-item-summary:hover .link-item-toggle,
.link-admin-page .link-item-summary:focus-visible .link-item-toggle{
border-color:rgba(var(--link-accent-rgb),0.34);
background:linear-gradient(135deg, rgba(var(--link-accent-rgb),0.18), rgba(255,255,255,0.075));
color:#fff;
transform:translateY(-1px);
}

.link-admin-page .link-item-toggle-close{
display:none;
}

.link-admin-page .link-item-details[open] .link-item-toggle-open{
display:none;
}

.link-admin-page .link-item-details[open] .link-item-toggle-close{
display:inline;
}

.link-admin-page .link-item-details[open] .link-item-summary,
.link-admin-page .link-create-details[open] .link-create-summary,
.link-admin-page .link-showcase-details[open] .link-showcase-summary{
background:
linear-gradient(90deg, rgba(var(--link-accent-rgb),0.12), transparent 72%),
rgba(255,255,255,0.035);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.link-admin-page .link-showcase-details[open] .link-item-toggle-open{
display:none;
}

.link-admin-page .link-showcase-details[open] .link-item-toggle-close{
display:inline;
}

.link-admin-page .link-item-body{
display:grid;
gap:14px;
padding:0 16px 16px;
}

.link-admin-page .link-item-body::before{
content:"";
display:block;
height:1px;
background:linear-gradient(90deg, transparent, rgba(255,255,255,0.16), transparent);
}

.link-admin-page .link-item-body .event-card-actions{
justify-content:flex-end;
}

.link-admin-page .link-showcase-card{
padding:20px;
overflow:hidden;
border-radius:26px;
background:
radial-gradient(circle at 100% 0%, rgba(250,204,21,0.13), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
rgba(8,8,9,0.94);
}

.link-admin-page .link-showcase-details{
display:grid;
position:relative;
z-index:1;
}

.link-admin-page .link-showcase-summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:66px;
padding:16px;
cursor:pointer;
list-style:none;
}

.link-admin-page .link-showcase-summary::-webkit-details-marker{
display:none;
}

.link-admin-page .link-showcase-summary:focus-visible{
outline:2px solid rgba(250,204,21,0.34);
outline-offset:-6px;
border-radius:26px;
}

.link-admin-page .link-showcase-summary .tag.neutral{
background:linear-gradient(135deg, rgba(250,204,21,0.20), rgba(255,255,255,0.08));
border-color:rgba(250,204,21,0.28);
color:#fde68a;
}

.link-admin-page .link-showcase-summary .link-item-toggle{
margin-left:auto;
}

.link-admin-page .link-showcase-body{
display:grid;
gap:16px;
padding:0;
}

.link-admin-page .link-showcase-body::before{
content:"";
display:block;
height:1px;
background:linear-gradient(90deg, transparent, rgba(250,204,21,0.20), rgba(255,255,255,0.12), transparent);
}

.link-admin-page .event-card-actions{
gap:8px;
}

.link-admin-page .icon-btn{
width:38px;
height:38px;
border-radius:14px;
}

.link-admin-page .tag.neutral{
border-radius:999px;
}

.link-admin-page .highlight-edit-grid{
align-items:stretch;
}

.link-admin-page .highlight-edit-card{
position:relative;
overflow:hidden;
padding:16px;
border-radius:24px;
}

.link-admin-page .highlight-edit-card::before{
content:"";
position:absolute;
inset:auto -70px -92px auto;
width:180px;
height:180px;
border-radius:50%;
background:radial-gradient(circle, rgba(250,204,21,0.12), transparent 68%);
pointer-events:none;
}

.link-admin-page .highlight-edit-card strong{
position:relative;
z-index:1;
display:inline-flex;
align-items:center;
gap:8px;
width:max-content;
padding:7px 10px;
border:1px solid rgba(250,204,21,0.18);
border-radius:999px;
background:rgba(250,204,21,0.08);
color:#fff7b5;
font-size:11px;
font-weight:950;
}

.link-admin-page .highlight-edit-card strong::before{
content:"";
width:7px;
height:7px;
border-radius:999px;
background:#facc15;
box-shadow:0 0 0 4px rgba(250,204,21,0.10);
}

.link-admin-page .highlight-edit-card label,
.link-admin-page .highlight-edit-card input,
.link-admin-page .highlight-edit-card .image-preview-card{
position:relative;
z-index:1;
}

.link-admin-page .highlight-edit-card label span{
color:rgba(255,255,255,0.62);
font-weight:950;
}

.link-admin-page .showcase-upload-field,
.link-admin-page .link-upload-field{
display:grid;
gap:9px;
cursor:pointer;
}

.link-admin-page .showcase-upload-field input[type="file"],
.link-admin-page .link-upload-field input[type="file"]{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0, 0, 0, 0);
white-space:nowrap;
border:0;
}

.link-admin-page .showcase-upload-button{
display:flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:44px;
padding:0 14px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.35), transparent 28%),
linear-gradient(135deg, #f1ff5c, #9effe1);
box-shadow:0 16px 34px rgba(94,234,212,0.16), inset 0 1px 0 rgba(255,255,255,0.50);
color:#050505;
font-size:12px;
font-weight:950;
letter-spacing:0.08em;
line-height:1;
text-transform:uppercase;
transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.link-admin-page .showcase-upload-button svg{
width:18px;
height:18px;
fill:none;
stroke:#000;
stroke-width:2.1;
stroke-linecap:round;
stroke-linejoin:round;
}

.link-admin-page .showcase-upload-button svg path{
stroke:#000;
}

.link-admin-page .showcase-upload-button strong{
display:inline;
width:auto;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
color:#000;
font-size:inherit;
font-weight:inherit;
letter-spacing:inherit;
}

.link-admin-page .showcase-upload-button strong::before{
display:none;
content:none;
}

.link-admin-page .showcase-upload-field:hover .showcase-upload-button,
.link-admin-page .showcase-upload-field:focus-within .showcase-upload-button,
.link-admin-page .link-upload-field:hover .showcase-upload-button,
.link-admin-page .link-upload-field:focus-within .showcase-upload-button{
transform:translateY(-1px);
filter:saturate(1.08);
border-color:rgba(255,255,255,0.42);
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.42), transparent 28%),
linear-gradient(135deg, #f7ff83, #b6ffeb);
box-shadow:0 20px 42px rgba(94,234,212,0.20), inset 0 1px 0 rgba(255,255,255,0.54);
}

.link-admin-page .showcase-image-hint{
display:block;
margin-top:7px;
color:rgba(255,255,255,0.50);
font-size:11px;
font-weight:800;
line-height:1.35;
}

.link-admin-page .image-preview-card.compact-preview{
padding:8px;
border:1px solid rgba(255,255,255,0.10);
border-radius:22px;
background:rgba(255,255,255,0.045);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.link-admin-page .image-preview-card.compact-preview img{
border-color:rgba(255,255,255,0.12);
border-radius:16px;
}

.link-admin-page .music-admin-preview{
justify-self:start;
display:inline-flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
padding:4px;
border-radius:16px;
background:rgba(255,255,255,0.055);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 22px rgba(0,0,0,0.20);
}

.link-admin-page .music-admin-preview img{
width:100%;
height:100%;
aspect-ratio:auto;
object-fit:cover;
border-radius:12px;
}

.link-admin-page .image-preview-empty{
min-height:150px;
border-color:rgba(255,255,255,0.14);
background:
linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.018)),
rgba(0,0,0,0.18);
color:rgba(255,255,255,0.50);
font-weight:850;
}

.link-admin-page .highlight-remove-image-btn{
border-color:rgba(255,102,102,0.28);
background:rgba(255,102,102,0.11);
color:#ffcbcb;
}

.link-admin-page .highlight-remove-image-btn:hover,
.link-admin-page .highlight-remove-image-btn:focus-visible{
border-color:rgba(255,150,150,0.56);
background:rgba(255,102,102,0.20);
color:#fff;
}

@media(max-width:1180px){
.link-admin-page .link-admin-hero{
grid-template-columns:1fr;
}

.link-admin-page .link-admin-grid{
grid-template-columns:1fr 1fr;
}

.link-admin-page .highlight-edit-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

@media(max-width:760px){
.link-admin-page .link-admin-hero{
gap:16px;
padding:22px;
border-radius:28px;
}

.link-admin-page .link-admin-hero-copy h2{
font-size:clamp(38px, 13vw, 54px);
letter-spacing:-0.08em;
}

.link-admin-page .link-admin-hero-copy p{
font-size:13px;
}

.link-admin-page .link-admin-hero-metrics{
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
}

.link-admin-page .link-admin-hero-metrics article{
min-height:108px;
padding:14px;
border-radius:22px;
}

.link-admin-page .link-admin-hero-metrics strong{
font-size:38px;
}

.link-admin-page .link-admin-section-nav{
position:relative;
top:auto;
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
border-radius:24px;
}

.link-admin-page .link-admin-section-nav a{
min-height:40px;
padding:0 12px;
font-size:11px;
}

.link-admin-page .link-admin-builder,
.link-admin-page .link-section-card{
padding:16px;
border-radius:26px;
}

.link-admin-page .link-item-summary{
flex-wrap:wrap;
}

.link-admin-page .link-item-title{
flex-basis:calc(100% - 130px);
}

.link-admin-page .link-create-summary .link-item-title,
.link-admin-page .link-showcase-summary .link-item-title{
flex:1 1 130px;
flex-basis:auto;
}

.link-admin-page .link-create-count{
min-width:48px;
min-height:28px;
font-size:10px;
}

.link-admin-page .link-item-toggle{
margin-left:auto;
min-width:86px;
}

.link-admin-page .link-showcase-summary{
align-items:center;
flex-wrap:wrap;
}

.link-admin-page .link-showcase-summary .link-item-toggle{
margin-left:auto;
}

.link-admin-page .link-admin-grid,
.link-admin-page .highlight-edit-grid,
.link-admin-page .event-list,
.link-admin-page .music-platform-admin-grid{
grid-template-columns:1fr;
}

.link-admin-page .link-create-card,
.link-admin-page .event-card,
.link-admin-page .highlight-edit-card{
border-radius:22px;
}
}

@media(max-width:420px){
.link-admin-page .link-admin-hero-metrics{
grid-template-columns:1fr;
}

.link-admin-page .link-admin-section-nav{
grid-template-columns:1fr;
}
}

/* Shared account header lock: Link, Pro, Admin and User panels use one visual system. */
body:not(.login-page) .account-topbar,
body.user-panel-page .account-topbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:18px 22px;
border:1px solid rgba(255,255,255,0.12);
border-radius:28px;
background:rgba(12,12,12,0.96);
box-shadow:0 16px 44px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.08);
}

body:not(.login-page) .account-brand img,
body.user-panel-page .account-brand img{
display:block;
width:clamp(104px, 12vw, 168px);
height:auto;
}

body:not(.login-page) .account-topbar .account-nav,
body.user-panel-page .account-topbar .account-nav{
display:flex;
align-items:center;
justify-content:flex-end;
gap:4px;
flex-wrap:wrap;
}

body:not(.login-page) .account-topbar .account-nav-link,
body.user-panel-page .account-topbar .account-nav-link{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
min-height:32px;
padding:0 10px;
border:0;
border-radius:0;
background:transparent !important;
box-shadow:none !important;
color:rgba(255,255,255,0.62);
font-size:12px;
font-weight:500;
line-height:20px;
text-decoration:none;
white-space:nowrap;
transition:color 180ms ease;
}

body:not(.login-page) .account-topbar .account-nav-link::after,
body.user-panel-page .account-topbar .account-nav-link::after{
content:"";
position:absolute;
left:10px;
right:10px;
bottom:4px;
height:1px;
border-radius:999px;
background:rgba(255,255,255,0.58);
opacity:0;
transform:scaleX(0.36);
transform-origin:center;
transition:opacity 180ms ease, transform 180ms ease;
}

body:not(.login-page) .account-topbar .account-nav-link:hover,
body:not(.login-page) .account-topbar .account-nav-link:focus-visible,
body:not(.login-page) .account-topbar .account-nav-link.is-active,
body.user-panel-page .account-topbar .account-nav-link:hover,
body.user-panel-page .account-topbar .account-nav-link:focus-visible,
body.user-panel-page .account-topbar .account-nav-link.is-active{
color:#fff;
outline:none;
}

body:not(.login-page) .account-topbar .account-nav-link:hover::after,
body:not(.login-page) .account-topbar .account-nav-link:focus-visible::after,
body:not(.login-page) .account-topbar .account-nav-link.is-active::after,
body.user-panel-page .account-topbar .account-nav-link:hover::after,
body.user-panel-page .account-topbar .account-nav-link:focus-visible::after,
body.user-panel-page .account-topbar .account-nav-link.is-active::after{
opacity:1;
transform:scaleX(1);
}

body:not(.login-page) .account-topbar .account-logout,
body.user-panel-page .account-topbar .account-logout{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:34px;
padding:0 15px;
border:1px solid rgba(255,255,255,0.24);
border-radius:999px;
background:radial-gradient(circle at 18% 0%, rgba(255,255,255,0.13), transparent 34%), rgba(255,255,255,0.035);
color:#fff;
box-shadow:none;
font-size:12px;
font-weight:800;
line-height:18px;
text-decoration:none;
white-space:nowrap;
transition:color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body:not(.login-page) .account-topbar .account-logout:hover,
body:not(.login-page) .account-topbar .account-logout:focus-visible,
body.user-panel-page .account-topbar .account-logout:hover,
body.user-panel-page .account-topbar .account-logout:focus-visible{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.48);
color:#fff;
outline:none;
transform:translateY(-1px);
}

/* Final shared panel UI: buttons, cards and controls stay consistent across Admin, Pro and User. */
body:not(.login-page){
--widais-panel-bg:#050505;
--widais-panel-card:rgba(12,12,13,0.92);
--widais-panel-line:rgba(255,255,255,0.13);
--widais-panel-line-strong:rgba(255,255,255,0.24);
--widais-panel-text:#fff;
--widais-panel-muted:rgba(255,255,255,0.62);
--widais-panel-soft:rgba(255,255,255,0.065);
--widais-panel-glow:0 22px 64px rgba(0,0,0,0.30);
--widais-action-a:#f1ff5c;
--widais-action-b:#9effe1;
--widais-action-text:#050505;
}

body:not(.login-page) .stats-card,
body:not(.login-page) .lead-card,
body:not(.login-page) .settings-form,
body.user-panel-page .stats-card{
border-color:var(--widais-panel-line);
background:
radial-gradient(circle at 6% 0%, rgba(255,255,255,0.10), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
var(--widais-panel-card);
box-shadow:var(--widais-panel-glow), inset 0 1px 0 rgba(255,255,255,0.08);
}

body:not(.login-page) .btn,
body:not(.login-page) .event-submit,
body:not(.login-page) .social-add-btn,
body:not(.login-page) .user-settings-save .user-save-pill,
body:not(.login-page) .note-register-button,
body:not(.login-page) .agenda-search-toggle,
body:not(.login-page) .alert-resend-form button,
body:not(.login-page) .user-panel-alert a,
body:not(.login-page) .preference-add-row .btn,
body:not(.login-page) .mailing-composer-card .actions .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:44px;
padding:0 17px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.36), transparent 32%),
linear-gradient(135deg, var(--widais-action-a), var(--widais-action-b));
color:var(--widais-action-text);
box-shadow:0 16px 34px rgba(158,255,225,0.14), inset 0 1px 0 rgba(255,255,255,0.48);
font-size:12px;
font-weight:950;
letter-spacing:0.06em;
line-height:1;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
cursor:pointer;
transition:transform .18s ease, filter .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

body:not(.login-page) .btn:hover,
body:not(.login-page) .btn:focus-visible,
body:not(.login-page) .event-submit:hover,
body:not(.login-page) .event-submit:focus-visible,
body:not(.login-page) .social-add-btn:hover,
body:not(.login-page) .social-add-btn:focus-visible,
body:not(.login-page) .user-settings-save .user-save-pill:hover,
body:not(.login-page) .user-settings-save .user-save-pill:focus-visible,
body:not(.login-page) .note-register-button:hover,
body:not(.login-page) .note-register-button:focus-visible,
body:not(.login-page) .agenda-search-toggle:hover,
body:not(.login-page) .agenda-search-toggle:focus-visible,
body:not(.login-page) .alert-resend-form button:hover,
body:not(.login-page) .alert-resend-form button:focus-visible,
body:not(.login-page) .user-panel-alert a:hover,
body:not(.login-page) .user-panel-alert a:focus-visible,
body:not(.login-page) .preference-add-row .btn:hover,
body:not(.login-page) .preference-add-row .btn:focus-visible,
body:not(.login-page) .mailing-composer-card .actions .btn:hover,
body:not(.login-page) .mailing-composer-card .actions .btn:focus-visible{
border-color:rgba(255,255,255,0.38);
color:var(--widais-action-text);
filter:saturate(1.08) brightness(1.04);
outline:none;
transform:translateY(-1px);
}

body:not(.login-page) .btn.secondary,
body:not(.login-page) .mailing-composer-card .actions .btn.secondary,
body:not(.login-page) .preference-add-row .btn.secondary{
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.12), transparent 34%),
rgba(255,255,255,0.045);
border-color:rgba(255,255,255,0.22);
color:#fff;
box-shadow:none;
}

body:not(.login-page) .btn.secondary:hover,
body:not(.login-page) .btn.secondary:focus-visible,
body:not(.login-page) .mailing-composer-card .actions .btn.secondary:hover,
body:not(.login-page) .mailing-composer-card .actions .btn.secondary:focus-visible,
body:not(.login-page) .preference-add-row .btn.secondary:hover,
body:not(.login-page) .preference-add-row .btn.secondary:focus-visible{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.46);
color:#fff;
}

body:not(.login-page) .danger-btn,
body:not(.login-page) .btn.danger,
body:not(.login-page) .note-delete-button,
body:not(.login-page) .social-delete-btn,
body:not(.login-page) .icon-btn.delete-btn{
border:1px solid rgba(255,86,86,0.34);
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.08), transparent 34%),
rgba(255,86,86,0.10);
color:#ffb4b4;
box-shadow:none;
}

body:not(.login-page) .danger-btn:hover,
body:not(.login-page) .danger-btn:focus-visible,
body:not(.login-page) .btn.danger:hover,
body:not(.login-page) .btn.danger:focus-visible,
body:not(.login-page) .note-delete-button:hover,
body:not(.login-page) .note-delete-button:focus-visible,
body:not(.login-page) .social-delete-btn:hover,
body:not(.login-page) .social-delete-btn:focus-visible,
body:not(.login-page) .icon-btn.delete-btn:hover,
body:not(.login-page) .icon-btn.delete-btn:focus-visible{
background:rgba(255,86,86,0.18);
border-color:rgba(255,126,126,0.56);
color:#ffd0d0;
outline:none;
transform:translateY(-1px);
}

body:not(.login-page) .icon-btn,
body:not(.login-page) .social-update-btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
min-width:40px;
padding:0;
border:1px solid rgba(255,255,255,0.18);
border-radius:16px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.16), transparent 34%),
rgba(255,255,255,0.055);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
cursor:pointer;
transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

body:not(.login-page) .icon-btn:hover,
body:not(.login-page) .icon-btn:focus-visible,
body:not(.login-page) .social-update-btn:hover,
body:not(.login-page) .social-update-btn:focus-visible{
border-color:rgba(158,255,225,0.38);
background:rgba(158,255,225,0.12);
color:#fff;
outline:none;
transform:translateY(-1px);
}

body:not(.login-page) .lead-fields input,
body:not(.login-page) .lead-fields select,
body:not(.login-page) .lead-fields textarea,
body:not(.login-page) .settings-form input:not([type="checkbox"]):not([type="radio"]),
body:not(.login-page) .settings-form select,
body:not(.login-page) .settings-form textarea,
body:not(.login-page) .event-form input,
body:not(.login-page) .event-fields input,
body:not(.login-page) .mailing-composer-card input,
body:not(.login-page) .mailing-composer-card select,
body:not(.login-page) .mailing-composer-card textarea{
border-color:rgba(255,255,255,0.12);
background:rgba(255,255,255,0.075);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

body:not(.login-page) .lead-fields input:focus,
body:not(.login-page) .lead-fields select:focus,
body:not(.login-page) .lead-fields textarea:focus,
body:not(.login-page) .settings-form input:not([type="checkbox"]):not([type="radio"]):focus,
body:not(.login-page) .settings-form select:focus,
body:not(.login-page) .settings-form textarea:focus,
body:not(.login-page) .event-form input:focus,
body:not(.login-page) .event-fields input:focus,
body:not(.login-page) .mailing-composer-card input:focus,
body:not(.login-page) .mailing-composer-card select:focus,
body:not(.login-page) .mailing-composer-card textarea:focus{
border-color:rgba(158,255,225,0.48);
background:rgba(255,255,255,0.11);
box-shadow:0 0 0 4px rgba(158,255,225,0.10), inset 0 1px 0 rgba(255,255,255,0.10);
outline:none;
}

/* Shared panel UI polish for action families that do not use .btn. */
body:not(.login-page) .users-search-card button,
body:not(.login-page) .widais-modal-button:not(.widais-modal-button-ghost):not(.widais-modal-button-danger){
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:44px;
padding:0 17px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.36), transparent 32%),
linear-gradient(135deg, var(--widais-action-a), var(--widais-action-b));
color:var(--widais-action-text);
box-shadow:0 16px 34px rgba(158,255,225,0.14), inset 0 1px 0 rgba(255,255,255,0.48);
font-size:12px;
font-weight:950;
letter-spacing:0.06em;
line-height:1;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
cursor:pointer;
transition:transform .18s ease, filter .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

body:not(.login-page) .users-search-card button:hover,
body:not(.login-page) .users-search-card button:focus-visible,
body:not(.login-page) .widais-modal-button:not(.widais-modal-button-ghost):not(.widais-modal-button-danger):hover,
body:not(.login-page) .widais-modal-button:not(.widais-modal-button-ghost):not(.widais-modal-button-danger):focus-visible{
border-color:rgba(255,255,255,0.38);
color:var(--widais-action-text);
filter:saturate(1.08) brightness(1.04);
outline:none;
transform:translateY(-1px);
}

body:not(.login-page) .users-search-card a,
body:not(.login-page) .highlight-remove-image-btn,
body:not(.login-page) .widais-modal-button-ghost{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:40px;
padding:0 15px;
border:1px solid rgba(255,255,255,0.20);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.12), transparent 34%),
rgba(255,255,255,0.050);
color:#fff;
box-shadow:none;
font-size:12px;
font-weight:850;
letter-spacing:0.04em;
line-height:1;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
cursor:pointer;
transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

body:not(.login-page) .users-search-card a:hover,
body:not(.login-page) .users-search-card a:focus-visible,
body:not(.login-page) .highlight-remove-image-btn:hover,
body:not(.login-page) .highlight-remove-image-btn:focus-visible,
body:not(.login-page) .widais-modal-button-ghost:hover,
body:not(.login-page) .widais-modal-button-ghost:focus-visible{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.46);
color:#fff;
outline:none;
transform:translateY(-1px);
}

body:not(.login-page) .crm-delete-button,
body:not(.login-page) .profile-photo-delete-button,
body:not(.login-page) .widais-modal-button-danger{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:40px;
padding:0 15px;
border:1px solid rgba(255,86,86,0.34);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.08), transparent 34%),
rgba(255,86,86,0.10);
color:#ffb4b4;
box-shadow:none;
font-size:12px;
font-weight:850;
letter-spacing:0.04em;
line-height:1;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
cursor:pointer;
transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

body:not(.login-page) .crm-delete-button:hover,
body:not(.login-page) .crm-delete-button:focus-visible,
body:not(.login-page) .profile-photo-delete-button:hover,
body:not(.login-page) .profile-photo-delete-button:focus-visible,
body:not(.login-page) .widais-modal-button-danger:hover,
body:not(.login-page) .widais-modal-button-danger:focus-visible{
background:rgba(255,86,86,0.18);
border-color:rgba(255,126,126,0.56);
color:#ffd0d0;
outline:none;
transform:translateY(-1px);
}

/* Settings sections use the same primary action language as form preferences. */
body:not(.login-page) .settings-profile-actions .btn,
body:not(.login-page) .settings-company-actions .btn,
body:not(.login-page) .form-preferences-settings .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:44px;
padding:0 17px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.36), transparent 32%),
linear-gradient(135deg, var(--widais-action-a), var(--widais-action-b));
color:var(--widais-action-text);
box-shadow:0 16px 34px rgba(158,255,225,0.14), inset 0 1px 0 rgba(255,255,255,0.48);
font-size:12px;
font-weight:950;
letter-spacing:0.06em;
line-height:1;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
cursor:pointer;
transition:transform .18s ease, filter .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

body:not(.login-page) .settings-profile-actions .btn:hover,
body:not(.login-page) .settings-profile-actions .btn:focus-visible,
body:not(.login-page) .settings-company-actions .btn:hover,
body:not(.login-page) .settings-company-actions .btn:focus-visible,
body:not(.login-page) .form-preferences-settings .btn:hover,
body:not(.login-page) .form-preferences-settings .btn:focus-visible{
border-color:rgba(255,255,255,0.38);
color:var(--widais-action-text);
filter:saturate(1.08) brightness(1.04);
outline:none;
transform:translateY(-1px);
}

body:not(.login-page) .settings-social-bubble{
display:grid;
gap:18px;
margin-top:4px;
}

body:not(.login-page) .settings-social-bubble .social-link-list{
gap:12px;
}

body:not(.login-page) .settings-social-bubble .lead-fields.social-add-row{
position:relative;
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
align-items:end;
gap:12px;
margin-top:10px;
padding:16px;
border:1px solid rgba(255,255,255,0.12);
border-radius:26px;
background:
radial-gradient(circle at 8% 0%, rgba(241,255,92,0.12), transparent 34%),
radial-gradient(circle at 96% 16%, rgba(158,255,225,0.12), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.018)),
rgba(0,0,0,0.20);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

body:not(.login-page) .settings-social-bubble .social-add-action{
display:flex;
grid-column:1 / -1;
align-items:end;
justify-content:flex-end;
height:auto;
min-height:44px;
padding-top:2px;
}

body:not(.login-page) .settings-social-bubble .social-add-btn{
min-width:116px;
width:auto;
height:44px;
}

@media(max-width:1080px){
body:not(.login-page) .settings-social-bubble .lead-fields.social-add-row{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

body:not(.login-page) .settings-social-bubble .social-add-action{
grid-column:1 / -1;
}

body:not(.login-page) .settings-social-bubble .social-add-btn{
width:100%;
}
}

@media(max-width:720px){
body:not(.login-page) .settings-social-bubble .lead-fields.social-add-row{
grid-template-columns:1fr;
padding:12px;
}
}

/* Highest-specificity lock: Profile and Company save buttons stay yellow. */
body:not(.login-page) .stats-card.settings-form.settings-profile-bubble > .actions.settings-profile-actions .btn,
body:not(.login-page) .stats-card.settings-form.settings-company-bubble > .actions.settings-company-actions .btn,
body:not(.login-page) .stats-card.settings-form.settings-email-bubble > .actions.settings-email-actions .btn,
body:not(.login-page) .stats-card.settings-form.settings-consent-bubble > .actions.settings-consent-actions .btn,
body:not(.login-page) .settings-preferences-bubble .form-preferences-settings > .actions .btn{
border-color:rgba(255,255,255,0.18);
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.36), transparent 32%),
linear-gradient(135deg, var(--widais-action-a), var(--widais-action-b));
color:var(--widais-action-text);
box-shadow:0 16px 34px rgba(158,255,225,0.14), inset 0 1px 0 rgba(255,255,255,0.48);
}

body:not(.login-page) .stats-card.settings-form.settings-profile-bubble > .actions.settings-profile-actions .btn:hover,
body:not(.login-page) .stats-card.settings-form.settings-profile-bubble > .actions.settings-profile-actions .btn:focus-visible,
body:not(.login-page) .stats-card.settings-form.settings-company-bubble > .actions.settings-company-actions .btn:hover,
body:not(.login-page) .stats-card.settings-form.settings-company-bubble > .actions.settings-company-actions .btn:focus-visible,
body:not(.login-page) .stats-card.settings-form.settings-email-bubble > .actions.settings-email-actions .btn:hover,
body:not(.login-page) .stats-card.settings-form.settings-email-bubble > .actions.settings-email-actions .btn:focus-visible,
body:not(.login-page) .stats-card.settings-form.settings-consent-bubble > .actions.settings-consent-actions .btn:hover,
body:not(.login-page) .stats-card.settings-form.settings-consent-bubble > .actions.settings-consent-actions .btn:focus-visible,
body:not(.login-page) .settings-preferences-bubble .form-preferences-settings > .actions .btn:hover,
body:not(.login-page) .settings-preferences-bubble .form-preferences-settings > .actions .btn:focus-visible{
border-color:rgba(255,255,255,0.38);
color:var(--widais-action-text);
filter:saturate(1.08) brightness(1.04);
}

/* Configuration polish: shared layout for User, Pro and Admin settings. */
body:not(.login-page) .settings-config-grid,
body.user-panel-page .settings-config-grid{
display:grid;
gap:24px;
margin-bottom:24px;
}

body:not(.login-page) .settings-main-form,
body.user-panel-page .settings-main-form{
display:contents;
}

body:not(.login-page) .stats-card.settings-form,
body.user-panel-page .stats-card.settings-form,
body:not(.login-page) .settings-pref-block.stats-card{
position:relative;
isolation:isolate;
overflow:hidden;
border-color:rgba(255,255,255,0.13);
border-radius:30px;
background:
radial-gradient(circle at 7% 0%, rgba(255,255,255,0.11), transparent 34%),
radial-gradient(circle at 92% 12%, rgba(158,255,225,0.075), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.060), rgba(255,255,255,0.020)),
rgba(10,10,11,0.92);
box-shadow:0 22px 64px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.08);
}

body:not(.login-page) .stats-card.settings-form > *,
body.user-panel-page .stats-card.settings-form > *,
body:not(.login-page) .settings-pref-block.stats-card > *{
position:relative;
z-index:1;
}

body:not(.login-page) .stats-card.settings-form > .stats-head,
body.user-panel-page .stats-card.settings-form > .stats-head,
body:not(.login-page) .settings-pref-block.stats-card > .stats-head{
padding-bottom:2px;
}

body:not(.login-page) .stats-card.settings-form > .stats-head h2,
body.user-panel-page .stats-card.settings-form > .stats-head h2,
body:not(.login-page) .settings-pref-block.stats-card > .stats-head h2{
letter-spacing:-0.045em;
}

body:not(.login-page) .stats-card.settings-form > .actions,
body.user-panel-page .stats-card.settings-form > .actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
margin:0;
padding-top:2px;
}

body:not(.login-page) .stats-card.settings-form:not(.account-delete-card):not(.mailing-composer-card) > .actions .btn:not(.secondary):not(.danger),
body.user-panel-page .stats-card.settings-form:not(.account-delete-card) > .actions .btn:not(.secondary):not(.danger),
body:not(.login-page) .settings-pref-block.stats-card .social-add-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:44px;
padding:0 17px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.36), transparent 32%),
linear-gradient(135deg, var(--widais-action-a), var(--widais-action-b));
color:var(--widais-action-text);
box-shadow:0 16px 34px rgba(158,255,225,0.14), inset 0 1px 0 rgba(255,255,255,0.48);
font-size:12px;
font-weight:950;
letter-spacing:0.06em;
line-height:1;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
cursor:pointer;
transition:transform .18s ease, filter .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

body:not(.login-page) .stats-card.settings-form:not(.account-delete-card):not(.mailing-composer-card) > .actions .btn:not(.secondary):not(.danger):hover,
body:not(.login-page) .stats-card.settings-form:not(.account-delete-card):not(.mailing-composer-card) > .actions .btn:not(.secondary):not(.danger):focus-visible,
body.user-panel-page .stats-card.settings-form:not(.account-delete-card) > .actions .btn:not(.secondary):not(.danger):hover,
body.user-panel-page .stats-card.settings-form:not(.account-delete-card) > .actions .btn:not(.secondary):not(.danger):focus-visible,
body:not(.login-page) .settings-pref-block.stats-card .social-add-btn:hover,
body:not(.login-page) .settings-pref-block.stats-card .social-add-btn:focus-visible{
border-color:rgba(255,255,255,0.38);
color:var(--widais-action-text);
filter:saturate(1.08) brightness(1.04);
outline:none;
transform:translateY(-1px);
}

body:not(.login-page) .settings-social-bubble,
body.user-panel-page .settings-social-bubble{
gap:18px;
scroll-margin-top:24px;
}

body:not(.login-page) .settings-social-bubble,
body.user-panel-page .settings-social-bubble{
margin-top:34px;
}

body:not(.login-page) .settings-social-bubble .social-link-list,
body.user-panel-page .settings-social-bubble .social-link-list{
gap:12px;
}

body:not(.login-page) .settings-social-bubble .social-link-row,
body.user-panel-page .settings-social-bubble .social-link-row{
border-color:rgba(255,255,255,0.12);
border-radius:22px;
background:
radial-gradient(circle at 7% 0%, rgba(255,255,255,0.10), transparent 30%),
rgba(255,255,255,0.045);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
}

body:not(.login-page) .settings-social-bubble .lead-fields.social-add-row,
body.user-panel-page .settings-social-bubble .lead-fields.social-add-row{
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:12px;
margin:0;
padding:16px;
border:1px solid rgba(255,255,255,0.12);
border-radius:26px;
background:
radial-gradient(circle at 8% 0%, rgba(241,255,92,0.12), transparent 34%),
radial-gradient(circle at 96% 16%, rgba(158,255,225,0.12), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.060), rgba(255,255,255,0.018)),
rgba(0,0,0,0.20);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

body:not(.login-page) .settings-social-bubble .social-add-action,
body.user-panel-page .settings-social-bubble .social-add-action{
grid-column:1 / -1;
display:flex;
justify-content:flex-end;
align-items:center;
min-height:44px;
padding-top:2px;
}

body:not(.login-page) .settings-social-bubble .social-add-btn,
body.user-panel-page .settings-social-bubble .social-add-btn{
width:auto;
min-width:116px;
}

body:not(.login-page) .settings-social-bubble .social-save-actions,
body.user-panel-page .settings-social-bubble .social-save-actions{
display:flex;
justify-content:flex-end;
gap:10px;
margin:0;
padding-top:2px;
}

body:not(.login-page) .settings-social-bubble .social-save-btn,
body.user-panel-page .settings-social-bubble .social-save-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:44px;
padding:0 17px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.36), transparent 32%),
linear-gradient(135deg, var(--widais-action-a), var(--widais-action-b));
color:var(--widais-action-text);
box-shadow:0 16px 34px rgba(158,255,225,0.14), inset 0 1px 0 rgba(255,255,255,0.48);
font-size:12px;
font-weight:950;
letter-spacing:0.06em;
line-height:1;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
cursor:pointer;
transition:transform .18s ease, filter .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

body:not(.login-page) .settings-social-bubble .social-save-btn:hover,
body:not(.login-page) .settings-social-bubble .social-save-btn:focus-visible,
body.user-panel-page .settings-social-bubble .social-save-btn:hover,
body.user-panel-page .settings-social-bubble .social-save-btn:focus-visible{
border-color:rgba(255,255,255,0.38);
color:var(--widais-action-text);
filter:saturate(1.08) brightness(1.04);
outline:none;
transform:translateY(-1px);
}

body:not(.login-page) .settings-consent-bubble .user-consent-grid,
body.user-panel-page .settings-consent-bubble .user-consent-grid{
grid-template-columns:minmax(0, 1fr);
}

body:not(.login-page) .settings-consent-bubble .switch-card-toggle,
body.user-panel-page .settings-consent-bubble .switch-card-toggle{
min-height:62px;
border-color:rgba(255,255,255,0.12);
border-radius:24px;
background:
radial-gradient(circle at 5% 0%, rgba(255,255,255,0.10), transparent 30%),
rgba(255,255,255,0.045);
}

/* Dark liquid section bars for Pro/Admin settings, matching the User panel. */
body:not(.login-page) .settings-profile-bubble,
body:not(.login-page) .settings-company-bubble,
body:not(.login-page) .settings-preferences-bubble,
body:not(.login-page) .settings-social-bubble,
body:not(.login-page) .settings-email-bubble,
body:not(.login-page) .settings-agenda-fields-bubble,
body:not(.login-page) .settings-consent-bubble{
--settings-bar-a:rgba(241,255,92,0.26);
--settings-bar-b:rgba(117,231,255,0.14);
--settings-bar-c:rgba(255,255,255,0.10);
--settings-bar-glow:rgba(241,255,92,0.14);
}

body:not(.login-page) .settings-profile-bubble{
--settings-bar-a:rgba(117,231,255,0.28);
--settings-bar-b:rgba(255,255,255,0.12);
--settings-bar-glow:rgba(117,231,255,0.17);
}

body:not(.login-page) .settings-company-bubble{
--settings-bar-a:rgba(241,255,92,0.22);
--settings-bar-b:rgba(255,255,255,0.12);
--settings-bar-glow:rgba(241,255,92,0.13);
}

body:not(.login-page) .settings-preferences-bubble{
--settings-bar-a:rgba(241,255,92,0.25);
--settings-bar-b:rgba(158,255,225,0.14);
--settings-bar-glow:rgba(158,255,225,0.15);
}

body:not(.login-page) .settings-social-bubble{
--settings-bar-a:rgba(255,94,94,0.26);
--settings-bar-b:rgba(241,255,92,0.12);
--settings-bar-glow:rgba(255,94,94,0.14);
}

body:not(.login-page) .settings-email-bubble{
--settings-bar-a:rgba(158,255,225,0.24);
--settings-bar-b:rgba(255,255,255,0.12);
--settings-bar-glow:rgba(158,255,225,0.15);
}

body:not(.login-page) .settings-agenda-fields-bubble{
--settings-bar-a:rgba(241,255,92,0.24);
--settings-bar-b:rgba(117,231,255,0.13);
--settings-bar-glow:rgba(241,255,92,0.14);
}

body:not(.login-page) .settings-consent-bubble{
--settings-bar-a:rgba(46,255,172,0.23);
--settings-bar-b:rgba(117,231,255,0.14);
--settings-bar-glow:rgba(46,255,172,0.15);
}

body:not(.login-page) .settings-profile-bubble > .stats-head:first-of-type,
body:not(.login-page) .settings-company-bubble > .stats-head:first-of-type,
body:not(.login-page) .settings-preferences-bubble > .stats-head:first-of-type,
body:not(.login-page) .settings-social-bubble > .stats-head:first-of-type,
body:not(.login-page) .settings-email-bubble > .stats-head:first-of-type,
body:not(.login-page) .settings-agenda-fields-bubble > .stats-head:first-of-type,
body:not(.login-page) .settings-consent-bubble > .stats-head:first-of-type{
position:relative;
isolation:isolate;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
min-height:0;
padding:18px 20px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.18);
border-radius:28px;
background:
radial-gradient(circle at 9% -28%, var(--settings-bar-a), transparent 36%),
radial-gradient(circle at 92% -14%, var(--settings-bar-b), transparent 34%),
radial-gradient(circle at 64% 132%, var(--settings-bar-c), transparent 38%),
linear-gradient(140deg, rgba(13,13,15,0.99), rgba(0,0,0,0.96) 54%, rgba(17,17,19,0.98));
box-shadow:
0 20px 58px rgba(0,0,0,0.42),
0 0 0 1px rgba(255,255,255,0.03),
inset 0 1px 0 rgba(255,255,255,0.14),
inset 0 -1px 0 rgba(255,255,255,0.04);
backdrop-filter:blur(22px) saturate(150%);
-webkit-backdrop-filter:blur(22px) saturate(150%);
}

body:not(.login-page) .settings-profile-bubble > .stats-head:first-of-type::before,
body:not(.login-page) .settings-company-bubble > .stats-head:first-of-type::before,
body:not(.login-page) .settings-preferences-bubble > .stats-head:first-of-type::before,
body:not(.login-page) .settings-social-bubble > .stats-head:first-of-type::before,
body:not(.login-page) .settings-email-bubble > .stats-head:first-of-type::before,
body:not(.login-page) .settings-agenda-fields-bubble > .stats-head:first-of-type::before,
body:not(.login-page) .settings-consent-bubble > .stats-head:first-of-type::before{
content:"";
position:absolute;
inset:1px;
z-index:-1;
border-radius:inherit;
background:
linear-gradient(115deg, rgba(255,255,255,0.18), transparent 26%, rgba(255,255,255,0.045) 58%, transparent 76%),
linear-gradient(90deg, rgba(255,255,255,0.035), transparent 42%, rgba(255,255,255,0.05));
opacity:0.86;
pointer-events:none;
}

body:not(.login-page) .settings-profile-bubble > .stats-head:first-of-type::after,
body:not(.login-page) .settings-company-bubble > .stats-head:first-of-type::after,
body:not(.login-page) .settings-preferences-bubble > .stats-head:first-of-type::after,
body:not(.login-page) .settings-social-bubble > .stats-head:first-of-type::after,
body:not(.login-page) .settings-email-bubble > .stats-head:first-of-type::after,
body:not(.login-page) .settings-agenda-fields-bubble > .stats-head:first-of-type::after,
body:not(.login-page) .settings-consent-bubble > .stats-head:first-of-type::after{
content:"";
position:absolute;
right:-74px;
top:-92px;
width:208px;
height:208px;
z-index:-1;
border-radius:999px;
background:radial-gradient(circle, rgba(255,255,255,0.18), var(--settings-bar-glow) 42%, transparent 70%);
opacity:0.9;
pointer-events:none;
}

body:not(.login-page) .settings-profile-bubble > .stats-head:first-of-type h2,
body:not(.login-page) .settings-company-bubble > .stats-head:first-of-type h2,
body:not(.login-page) .settings-preferences-bubble > .stats-head:first-of-type h2,
body:not(.login-page) .settings-social-bubble > .stats-head:first-of-type h2,
body:not(.login-page) .settings-email-bubble > .stats-head:first-of-type h2,
body:not(.login-page) .settings-agenda-fields-bubble > .stats-head:first-of-type h2,
body:not(.login-page) .settings-consent-bubble > .stats-head:first-of-type h2{
display:inline-flex;
align-items:center;
gap:12px;
max-width:720px;
margin:0;
color:#fff;
font-size:clamp(1.34rem, 2.5vw, 2.12rem);
line-height:1;
letter-spacing:-0.07em;
text-shadow:0 14px 32px rgba(0,0,0,0.54);
}

body:not(.login-page) .settings-profile-bubble > .stats-head:first-of-type h2::before,
body:not(.login-page) .settings-company-bubble > .stats-head:first-of-type h2::before,
body:not(.login-page) .settings-preferences-bubble > .stats-head:first-of-type h2::before,
body:not(.login-page) .settings-social-bubble > .stats-head:first-of-type h2::before,
body:not(.login-page) .settings-email-bubble > .stats-head:first-of-type h2::before,
body:not(.login-page) .settings-agenda-fields-bubble > .stats-head:first-of-type h2::before,
body:not(.login-page) .settings-consent-bubble > .stats-head:first-of-type h2::before{
content:"";
display:inline-block;
width:36px;
height:36px;
flex:0 0 36px;
border:1px solid rgba(255,255,255,0.24);
border-radius:16px;
background:
radial-gradient(circle at 30% 20%, rgba(255,255,255,0.86), rgba(255,255,255,0.14) 21%, transparent 36%),
radial-gradient(circle at 72% 82%, var(--settings-bar-a), transparent 48%),
linear-gradient(135deg, rgba(255,255,255,0.15), rgba(255,255,255,0.035));
box-shadow:
0 12px 26px rgba(0,0,0,0.28),
0 0 28px var(--settings-bar-glow),
inset 0 1px 0 rgba(255,255,255,0.22);
}

body:not(.login-page) .settings-profile-bubble > .stats-head:first-of-type span,
body:not(.login-page) .settings-company-bubble > .stats-head:first-of-type span,
body:not(.login-page) .settings-preferences-bubble > .stats-head:first-of-type span,
body:not(.login-page) .settings-social-bubble > .stats-head:first-of-type span,
body:not(.login-page) .settings-email-bubble > .stats-head:first-of-type span,
body:not(.login-page) .settings-agenda-fields-bubble > .stats-head:first-of-type span,
body:not(.login-page) .settings-consent-bubble > .stats-head:first-of-type span{
max-width:500px;
color:rgba(255,255,255,0.82);
font-size:12px;
font-weight:850;
line-height:1.38;
text-align:right;
text-shadow:0 8px 22px rgba(0,0,0,0.38);
}

body:not(.login-page) .settings-email-bubble::before{
background:radial-gradient(circle, rgba(158,255,225,0.10), transparent 68%);
}

body:not(.login-page) .settings-agenda-fields-bubble .preference-manager{
align-items:start;
}

body:not(.login-page) .settings-agenda-fields-bubble .preference-manager-card{
align-self:start;
}

@media(min-width:901px){
body:not(.login-page) .settings-agenda-fields-bubble .preference-manager{
grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
grid-auto-flow:row;
gap:14px;
}

body:not(.login-page) .settings-agenda-fields-bubble .crm-field-card-nivel{
grid-column:1;
grid-row:1;
}

body:not(.login-page) .settings-agenda-fields-bubble .crm-field-card-tipo_comercial{
grid-column:1;
grid-row:2;
}

body:not(.login-page) .settings-agenda-fields-bubble .crm-field-card-lead_origen{
grid-column:2;
grid-row:1 / span 2;
}
}

@media(max-width:1080px){
body:not(.login-page) .settings-social-bubble .lead-fields.social-add-row,
body.user-panel-page .settings-social-bubble .lead-fields.social-add-row{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

body:not(.login-page) .settings-social-bubble .social-add-btn,
body.user-panel-page .settings-social-bubble .social-add-btn{
width:100%;
}
}

@media(max-width:720px){
body:not(.login-page) .settings-config-grid,
body.user-panel-page .settings-config-grid{
gap:16px;
}

body:not(.login-page) .settings-profile-bubble > .stats-head:first-of-type,
body:not(.login-page) .settings-company-bubble > .stats-head:first-of-type,
body:not(.login-page) .settings-preferences-bubble > .stats-head:first-of-type,
body:not(.login-page) .settings-social-bubble > .stats-head:first-of-type,
body:not(.login-page) .settings-email-bubble > .stats-head:first-of-type,
body:not(.login-page) .settings-agenda-fields-bubble > .stats-head:first-of-type,
body:not(.login-page) .settings-consent-bubble > .stats-head:first-of-type{
display:grid;
gap:10px;
padding:16px;
border-radius:24px;
}

body:not(.login-page) .settings-profile-bubble > .stats-head:first-of-type h2,
body:not(.login-page) .settings-company-bubble > .stats-head:first-of-type h2,
body:not(.login-page) .settings-preferences-bubble > .stats-head:first-of-type h2,
body:not(.login-page) .settings-social-bubble > .stats-head:first-of-type h2,
body:not(.login-page) .settings-email-bubble > .stats-head:first-of-type h2,
body:not(.login-page) .settings-agenda-fields-bubble > .stats-head:first-of-type h2,
body:not(.login-page) .settings-consent-bubble > .stats-head:first-of-type h2{
font-size:clamp(1.28rem, 8vw, 1.82rem);
}

body:not(.login-page) .settings-profile-bubble > .stats-head:first-of-type h2::before,
body:not(.login-page) .settings-company-bubble > .stats-head:first-of-type h2::before,
body:not(.login-page) .settings-preferences-bubble > .stats-head:first-of-type h2::before,
body:not(.login-page) .settings-social-bubble > .stats-head:first-of-type h2::before,
body:not(.login-page) .settings-email-bubble > .stats-head:first-of-type h2::before,
body:not(.login-page) .settings-agenda-fields-bubble > .stats-head:first-of-type h2::before,
body:not(.login-page) .settings-consent-bubble > .stats-head:first-of-type h2::before{
width:32px;
height:32px;
flex-basis:32px;
border-radius:14px;
}

body:not(.login-page) .settings-profile-bubble > .stats-head:first-of-type span,
body:not(.login-page) .settings-company-bubble > .stats-head:first-of-type span,
body:not(.login-page) .settings-preferences-bubble > .stats-head:first-of-type span,
body:not(.login-page) .settings-social-bubble > .stats-head:first-of-type span,
body:not(.login-page) .settings-email-bubble > .stats-head:first-of-type span,
body:not(.login-page) .settings-agenda-fields-bubble > .stats-head:first-of-type span,
body:not(.login-page) .settings-consent-bubble > .stats-head:first-of-type span{
max-width:none;
text-align:left;
}

body:not(.login-page) .stats-card.settings-form,
body.user-panel-page .stats-card.settings-form,
body:not(.login-page) .settings-pref-block.stats-card{
border-radius:24px;
}

body:not(.login-page) .settings-social-bubble .lead-fields.social-add-row,
body.user-panel-page .settings-social-bubble .lead-fields.social-add-row{
grid-template-columns:1fr;
padding:12px;
}

body:not(.login-page) .stats-card.settings-form > .actions,
body.user-panel-page .stats-card.settings-form > .actions,
body:not(.login-page) .settings-social-bubble .social-add-action,
body.user-panel-page .settings-social-bubble .social-add-action,
body:not(.login-page) .settings-social-bubble .social-save-actions,
body.user-panel-page .settings-social-bubble .social-save-actions{
justify-content:stretch;
}

body:not(.login-page) .stats-card.settings-form > .actions .btn,
body.user-panel-page .stats-card.settings-form > .actions .btn,
body:not(.login-page) .settings-social-bubble .social-add-btn,
body.user-panel-page .settings-social-bubble .social-add-btn,
body:not(.login-page) .settings-social-bubble .social-save-btn,
body.user-panel-page .settings-social-bubble .social-save-btn{
width:100%;
}
}

/* Widais auth screens: animated liquid disco system */
.login-page{
position:relative;
isolation:isolate;
display:grid;
place-items:center;
min-height:100vh;
padding:clamp(18px, 4vw, 44px);
overflow:hidden;
background:
radial-gradient(circle at 50% 50%, rgba(255,255,255,0.055), transparent 30%),
linear-gradient(180deg, #030303 0%, #000 100%);
color:#fff;
}

.login-page::before{
content:"";
position:fixed;
inset:-14%;
z-index:-3;
display:block;
opacity:1;
background:
radial-gradient(ellipse at 50% 44%, rgba(255,255,255,0.12), transparent 18%),
radial-gradient(ellipse at 18% 16%, rgba(0,117,255,0.82), transparent 30%),
radial-gradient(ellipse at 84% 18%, rgba(255,39,93,0.68), transparent 31%),
radial-gradient(ellipse at 24% 86%, rgba(37,255,136,0.48), transparent 32%),
radial-gradient(ellipse at 78% 78%, rgba(255,212,48,0.36), transparent 28%),
linear-gradient(135deg, #020202 0%, #071018 44%, #030303 100%);
background-size:100% 100%, 138% 138%, 132% 132%, 150% 150%, 142% 142%, 100% 100%;
animation:widaisLoginDiscoBackdrop 10.5s ease-in-out infinite alternate, widaisLoginHue 16s linear infinite;
will-change:background-position, filter, transform;
}

.login-page::after{
content:"";
position:fixed;
inset:-18%;
z-index:-2;
display:block;
opacity:0.84;
pointer-events:none;
background:
linear-gradient(63deg, transparent 0 31%, rgba(0,130,255,0.54) 39%, rgba(255,255,255,0.24) 43%, transparent 51%),
linear-gradient(121deg, transparent 0 34%, rgba(255,45,94,0.48) 43%, rgba(255,255,255,0.18) 47%, transparent 58%),
linear-gradient(11deg, transparent 0 39%, rgba(52,255,152,0.34) 49%, transparent 61%),
conic-gradient(from 140deg at 50% 50%, rgba(0,116,255,0), rgba(0,116,255,0.38), rgba(44,255,149,0.28), rgba(245,255,96,0.18), rgba(255,42,83,0.36), rgba(0,116,255,0)),
repeating-linear-gradient(115deg, rgba(255,255,255,0.040) 0 1px, transparent 1px 15px),
radial-gradient(circle at 50% 50%, transparent 0 24%, rgba(0,0,0,0.34) 62%, rgba(0,0,0,0.70) 100%);
filter:blur(20px) saturate(1.64) contrast(1.12);
mix-blend-mode:screen;
transform-origin:50% 50%;
animation:widaisLoginDiscoSweep 12.5s cubic-bezier(.45,0,.2,1) infinite, widaisLoginBeamHue 8s linear infinite, widaisLoginPulse 4s ease-in-out infinite;
will-change:transform, filter, opacity;
}

.login-page .login-shell{
position:relative;
z-index:1;
width:min(100%, 488px);
gap:20px;
padding:clamp(28px, 4vw, 42px);
overflow:hidden;
border:1px solid rgba(255,255,255,0.20);
border-radius:40px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.18), transparent 32%),
radial-gradient(circle at 90% 18%, rgba(0,213,255,0.13), transparent 30%),
radial-gradient(circle at 12% 92%, rgba(245,255,96,0.11), transparent 34%),
linear-gradient(145deg, rgba(8,8,10,0.88), rgba(10,10,12,0.58));
box-shadow:0 36px 118px rgba(0,0,0,0.62), 0 0 90px rgba(0,117,255,0.18), 0 0 110px rgba(255,42,83,0.10), inset 0 1px 0 rgba(255,255,255,0.18);
backdrop-filter:blur(32px) saturate(168%);
-webkit-backdrop-filter:blur(32px) saturate(168%);
}

.login-page .login-shell-wide{
width:min(100%, 650px);
}

.login-page .login-shell::before{
content:"";
position:absolute;
inset:1px;
z-index:0;
border-radius:inherit;
background:
linear-gradient(116deg, transparent 0 32%, rgba(255,255,255,0.13) 42%, transparent 54%),
linear-gradient(18deg, transparent 0 40%, rgba(245,255,96,0.06) 50%, transparent 62%),
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.18), transparent 30%),
radial-gradient(circle at 92% 10%, rgba(0,213,255,0.14), transparent 28%),
linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0));
pointer-events:none;
}

.login-page .login-shell::after{
content:"";
position:absolute;
inset:auto -12% -42% 12%;
z-index:0;
height:58%;
border-radius:50%;
background:radial-gradient(ellipse at center, rgba(245,255,96,0.24), rgba(0,213,255,0.11) 38%, rgba(255,42,83,0.08) 52%, transparent 72%);
filter:blur(24px);
opacity:0.82;
pointer-events:none;
animation:widaisLoginOrb 6.5s ease-in-out infinite alternate;
}

.login-page .login-shell > *{
position:relative;
z-index:1;
}

.login-page .login-shell > div:first-child{
display:grid;
gap:12px;
}

.login-page .eyebrow{
display:inline-flex;
align-items:center;
width:max-content;
min-height:32px;
padding:0 13px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:rgba(255,255,255,0.075);
color:rgba(255,255,255,0.76);
font-size:11px;
font-weight:900;
letter-spacing:0.18em;
text-transform:uppercase;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
}

.login-page .login-shell h2{
max-width:9ch;
margin:0;
color:#fff;
font-size:clamp(2.55rem, 8vw, 4.95rem);
line-height:0.88;
letter-spacing:-0.095em;
text-shadow:0 26px 80px rgba(0,0,0,0.76), 0 2px 18px rgba(0,0,0,0.48);
}

.login-page .login-shell-wide h2{
max-width:12ch;
}

.login-page .login-shell p{
color:rgba(255,255,255,0.68);
}

.login-page .login-shell form{
display:grid;
gap:13px;
}

.login-page .login-shell input,
.login-page .login-shell select{
height:56px;
padding:0 17px;
border:1px solid rgba(255,255,255,0.14);
border-radius:20px;
background:rgba(255,255,255,0.075);
color:#fff;
font-size:15px;
outline:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10), 0 14px 40px rgba(0,0,0,0.16);
transition:border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.login-page .login-shell input::placeholder{
color:rgba(255,255,255,0.46);
}

.login-page .login-shell input:hover,
.login-page .login-shell select:hover{
background:rgba(255,255,255,0.105);
border-color:rgba(255,255,255,0.26);
}

.login-page .login-shell input:focus,
.login-page .login-shell select:focus{
background:rgba(255,255,255,0.12);
border-color:rgba(245,255,96,0.72);
box-shadow:0 0 0 4px rgba(245,255,96,0.12), 0 18px 46px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.14);
transform:translateY(-1px);
}

.login-page .login-shell .btn,
.login-page .login-shell button[type="submit"]{
min-height:54px;
padding:0 20px;
border:1px solid rgba(255,255,255,0.72);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.22), transparent 34%),
linear-gradient(135deg, rgba(0,0,0,0.96), rgba(12,12,14,0.78));
color:#fff;
font-size:14px;
font-weight:950;
letter-spacing:0.02em;
box-shadow:0 20px 48px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.16);
transition:transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.login-page .login-shell .btn:hover,
.login-page .login-shell button[type="submit"]:hover,
.login-page .login-shell .btn:focus-visible,
.login-page .login-shell button[type="submit"]:focus-visible{
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.28), transparent 34%),
linear-gradient(135deg, rgba(14,14,16,0.98), rgba(0,0,0,0.86));
border-color:#fff;
color:#fff;
box-shadow:0 24px 58px rgba(0,0,0,0.48), 0 0 0 5px rgba(255,255,255,0.07), inset 0 1px 0 rgba(255,255,255,0.18);
transform:translateY(-2px);
}

.login-page .login-links{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}

.login-page .login-links a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:0 15px;
border:1px solid rgba(255,255,255,0.15);
border-radius:999px;
background:rgba(255,255,255,0.055);
color:rgba(255,255,255,0.78);
font-size:12px;
font-weight:600;
text-decoration:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
transition:background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.login-page .login-links a:hover,
.login-page .login-links a:focus-visible{
opacity:1;
background:rgba(255,255,255,0.12);
border-color:rgba(255,255,255,0.34);
color:#fff;
transform:translateY(-1px);
}

.login-page .error,
.login-page .notice,
.login-page .error-box{
padding:13px 14px;
border-radius:20px;
border:1px solid rgba(255,255,255,0.14);
background:rgba(255,255,255,0.075);
color:rgba(255,255,255,0.80);
font-size:13px;
line-height:1.45;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.login-page .notice.success{
background:linear-gradient(135deg, rgba(37,199,111,0.16), rgba(44,255,149,0.08));
border-color:rgba(44,255,149,0.30);
color:#c9ffde;
}

.login-page .error,
.login-page .error-box{
background:linear-gradient(135deg, rgba(255,82,82,0.16), rgba(255,42,83,0.08));
border-color:rgba(255,82,82,0.28);
color:#ffc6c6;
}

@keyframes widaisLoginDiscoBackdrop{
0%{background-position:50% 50%, 0% 0%, 100% 8%, 18% 100%, 86% 72%, 50% 50%;filter:hue-rotate(0deg) saturate(1.36) contrast(1.08);transform:scale(1);}
25%{background-position:54% 46%, 22% 8%, 76% 28%, 34% 84%, 62% 96%, 50% 50%;filter:hue-rotate(24deg) saturate(1.56) contrast(1.12);transform:scale(1.025);}
50%{background-position:48% 54%, 56% 24%, 60% 42%, 50% 70%, 44% 54%, 50% 50%;filter:hue-rotate(62deg) saturate(1.46) contrast(1.14);transform:scale(1.01);}
75%{background-position:52% 48%, 78% 18%, 34% 66%, 62% 46%, 26% 40%, 50% 50%;filter:hue-rotate(118deg) saturate(1.60) contrast(1.10);transform:scale(1.035);}
100%{background-position:46% 52%, 100% 6%, 8% 42%, 86% 34%, 12% 86%, 50% 50%;filter:hue-rotate(180deg) saturate(1.44) contrast(1.12);transform:scale(1.015);}
}

@keyframes widaisLoginDiscoSweep{
0%{transform:translate3d(-7%, -5%, 0) rotate(-8deg) scale(1.04);}
30%{transform:translate3d(5%, 1%, 0) rotate(24deg) scale(1.11);}
62%{transform:translate3d(-3%, 7%, 0) rotate(66deg) scale(1.06);}
100%{transform:translate3d(7%, -3%, 0) rotate(112deg) scale(1.13);}
}

@keyframes widaisLoginHue{
0%{filter:hue-rotate(0deg) saturate(1.34);}
100%{filter:hue-rotate(360deg) saturate(1.48);}
}

@keyframes widaisLoginBeamHue{
0%{filter:blur(30px) saturate(1.6) hue-rotate(0deg);}
100%{filter:blur(30px) saturate(1.8) hue-rotate(360deg);}
}

@keyframes widaisLoginPulse{
0%,100%{opacity:0.74;}
50%{opacity:1;}
}

@keyframes widaisLoginOrb{
0%{transform:translate3d(-4%, 0, 0) scale(0.96);opacity:0.58;}
100%{transform:translate3d(8%, -10%, 0) scale(1.08);opacity:0.90;}
}

@media(max-width:640px){
.login-page{
padding:16px;
align-items:center;
}

.login-page::before{
inset:-24%;
}

.login-page .login-shell{
width:100%;
padding:26px 20px;
border-radius:30px;
}

.login-page .login-shell h2{
font-size:clamp(2.35rem, 15vw, 4rem);
}

.login-page .login-links{
display:grid;
grid-template-columns:1fr;
}
}

/* Home-sized internal header: User, Pro and Admin share the public topbar scale. */
body:not(.login-page) .account-topbar,
body.user-panel-page .account-topbar{
min-height:50px;
padding:5px 10px 5px 12px;
gap:14px;
border-radius:18px;
background:
radial-gradient(circle at 16% 0%, rgba(255,255,255,0.16), transparent 36%),
radial-gradient(circle at 88% 20%, rgba(187,58,62,0.18), transparent 34%),
linear-gradient(145deg, rgba(12,12,12,0.72), rgba(8,8,9,0.56));
box-shadow:0 18px 46px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.08);
backdrop-filter:blur(22px) saturate(140%);
-webkit-backdrop-filter:blur(22px) saturate(140%);
}

body:not(.login-page) .account-brand,
body.user-panel-page .account-brand{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:30px;
min-height:40px;
flex:0 0 auto;
}

body:not(.login-page) .account-brand img,
body.user-panel-page .account-brand img{
display:block;
width:30px;
height:30px;
max-width:30px;
max-height:30px;
object-fit:contain;
border-radius:6px;
}

body:not(.login-page) .account-topbar .account-nav,
body.user-panel-page .account-topbar .account-nav{
display:flex;
align-items:center;
justify-content:flex-end;
gap:4px;
min-width:0;
min-height:40px;
overflow-x:auto;
overflow-y:hidden;
flex:1 1 auto;
flex-wrap:nowrap;
scrollbar-width:none;
}

body:not(.login-page) .account-topbar .account-nav::-webkit-scrollbar,
body.user-panel-page .account-topbar .account-nav::-webkit-scrollbar{
display:none;
}

body:not(.login-page) .account-topbar .account-nav-link,
body.user-panel-page .account-topbar .account-nav-link{
min-height:34px;
padding:0 9px;
gap:6px;
font-size:12px;
line-height:18px;
flex:0 0 auto;
}

body:not(.login-page) .account-topbar .account-nav-link::after,
body.user-panel-page .account-topbar .account-nav-link::after{
bottom:3px;
}

body:not(.login-page) .account-topbar .account-nav-icon,
body.user-panel-page .account-topbar .account-nav-icon{
width:14px;
height:14px;
flex:0 0 14px;
}

body:not(.login-page) .account-topbar .account-logout,
body.user-panel-page .account-topbar .account-logout{
min-height:34px;
padding:0 14px;
gap:7px;
font-size:12px;
line-height:18px;
flex:0 0 auto;
}

body:not(.login-page) .account-topbar .account-logout .button-icon,
body.user-panel-page .account-topbar .account-logout .button-icon{
width:15px;
height:15px;
flex:0 0 15px;
}

@media(max-width:760px){
body:not(.login-page) .account-topbar,
body.user-panel-page .account-topbar{
padding:6px 8px 6px 10px;
border-radius:18px;
}

body:not(.login-page) .account-brand,
body.user-panel-page .account-brand{
min-height:36px;
}

body:not(.login-page) .account-brand img,
body.user-panel-page .account-brand img{
width:26px;
height:26px;
max-width:26px;
max-height:26px;
}

body:not(.login-page) .account-topbar .account-nav,
body.user-panel-page .account-topbar .account-nav{
justify-content:flex-start;
min-height:36px;
}

body:not(.login-page) .account-topbar .account-nav-link,
body.user-panel-page .account-topbar .account-nav-link,
body:not(.login-page) .account-topbar .account-logout,
body.user-panel-page .account-topbar .account-logout{
min-height:32px;
padding:0 12px;
font-size:11px;
}
}

/* Sells: high ticket CRM for Pro/Admin */
body.sells-page{
background:
radial-gradient(circle at 50% -12%, rgba(255,211,82,0.14), transparent 36%),
radial-gradient(circle at 12% 14%, rgba(255,255,255,0.055), transparent 26%),
radial-gradient(circle at 88% 8%, rgba(64,135,255,0.075), transparent 30%),
linear-gradient(180deg, #050505 0%, #080808 48%, #050505 100%);
background-attachment:fixed;
}

.sells-page .admin-shell{
position:relative;
overflow:visible;
}

.sells-page .admin-shell::before{
content:"";
position:fixed;
inset:0;
pointer-events:none;
background:
linear-gradient(115deg, transparent 0 38%, rgba(255,255,255,0.018) 46%, transparent 58%),
radial-gradient(circle at 50% 0%, rgba(255,210,82,0.06), transparent 38%);
mix-blend-mode:normal;
opacity:1;
}

.sells-page .container{
position:relative;
z-index:1;
}

.sells-hero-card{
display:grid;
grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr);
gap:22px;
align-items:stretch;
margin-top:18px;
overflow:hidden;
background:
radial-gradient(circle at 14% 6%, rgba(255,211,92,0.16), transparent 34%),
radial-gradient(circle at 96% 0%, rgba(70,145,255,0.10), transparent 34%),
linear-gradient(135deg, rgba(18,18,18,0.94), rgba(8,8,8,0.92));
border-color:rgba(255,255,255,0.13);
box-shadow:0 28px 80px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.10);
}

.sells-hero-copy{
position:relative;
min-height:220px;
display:flex;
flex-direction:column;
justify-content:flex-end;
gap:14px;
padding:8px;
}

.sells-hero-copy::before{
content:"";
position:absolute;
right:8%;
top:10%;
width:138px;
height:138px;
border-radius:999px;
background:
linear-gradient(#111, #111) padding-box,
conic-gradient(from 90deg, #ffd24d, #ff6b3d, #44a2ff, #70ffb0, #ffd24d) border-box;
border:2px solid transparent;
box-shadow:0 0 42px rgba(255,209,83,0.18);
opacity:.72;
animation:widaisSellsSpin 8s linear infinite;
}

.sells-hero-copy::after{
content:"";
position:absolute;
right:calc(8% + 46px);
top:calc(10% + 46px);
width:46px;
height:46px;
border-radius:50%;
background:rgba(255,255,255,0.86);
box-shadow:0 0 0 14px rgba(255,255,255,0.04);
opacity:.86;
}

.sells-hero-copy > *{
position:relative;
z-index:1;
}

.sells-hero-copy .tag{
width:max-content;
border-color:rgba(255,218,88,0.35);
background:rgba(255,218,88,0.13);
color:#ffe49b;
}

.sells-hero-copy h1{
margin:0;
font-size:clamp(3.2rem, 7vw, 7.4rem);
line-height:.82;
letter-spacing:-.09em;
color:#fff;
text-shadow:0 22px 60px rgba(0,0,0,0.46);
}

.sells-hero-copy p{
max-width:640px;
margin:0;
color:rgba(255,255,255,0.78);
font-size:clamp(15px, 1.35vw, 20px);
line-height:1.45;
}

.sells-kpis{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px;
}

.sells-kpis article{
position:relative;
min-height:126px;
display:flex;
flex-direction:column;
justify-content:space-between;
gap:12px;
padding:18px;
border-radius:28px;
border:1px solid rgba(255,255,255,0.12);
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.16), transparent 44%),
linear-gradient(145deg, rgba(255,255,255,0.095), rgba(255,255,255,0.035));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10), 0 18px 40px rgba(0,0,0,0.26);
overflow:hidden;
}

.sells-kpis article::after{
content:"";
position:absolute;
right:-24px;
bottom:-30px;
width:96px;
height:96px;
border-radius:999px;
background:rgba(255,213,82,0.18);
filter:blur(1px);
}

.sells-kpis article:nth-child(2)::after{background:rgba(68,160,255,0.18);}
.sells-kpis article:nth-child(3)::after{background:rgba(81,255,178,0.15);}
.sells-kpis article:nth-child(4)::after{background:rgba(255,95,64,0.18);}

.sells-kpis span{
position:relative;
z-index:1;
font-size:11px;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
color:rgba(255,255,255,0.58);
}

.sells-kpis strong{
position:relative;
z-index:1;
font-size:clamp(2rem, 3vw, 3.4rem);
line-height:.92;
letter-spacing:-.07em;
color:#fff;
}

.sells-layout-grid{
display:grid;
grid-template-columns:minmax(0, 1.14fr) minmax(340px, .86fr);
gap:18px;
align-items:start;
margin-top:18px;
}

.sells-create-card,
.sells-marked-card,
.sells-call-card,
.sells-toolbar,
.sells-opportunity-card,
.sells-page .empty-state{
border-color:rgba(255,255,255,0.12);
background:
radial-gradient(circle at 14% 0%, rgba(255,255,255,0.10), transparent 32%),
linear-gradient(145deg, rgba(18,18,18,0.88), rgba(8,8,8,0.78));
box-shadow:0 22px 60px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.08);
}

.sells-page .settings-form .lead-fields label,
.sells-opportunity-form .lead-fields label,
.sells-note-composer .lead-fields label{
background:rgba(0,0,0,0.22);
border-color:rgba(255,255,255,0.11);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}

.sells-page input,
.sells-page select,
.sells-page textarea{
background:rgba(255,255,255,0.075);
border-color:rgba(255,255,255,0.12);
color:#fff;
}

.sells-page select option{
background:#111;
color:#fff;
}

.sells-page textarea{
min-height:110px;
resize:vertical;
}

.sells-marked-card{
align-self:start;
}

.sells-marked-list{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
}

.sells-marked-list a{
display:grid;
gap:5px;
min-width:0;
padding:13px 14px;
border-radius:20px;
border:1px solid rgba(255,255,255,0.11);
background:
radial-gradient(circle at 12% 0%, rgba(255,210,82,0.12), transparent 38%),
rgba(255,255,255,0.055);
color:#fff;
text-decoration:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.sells-marked-list a:hover{
transform:translateY(-2px);
border-color:rgba(255,211,82,0.30);
background:
radial-gradient(circle at 12% 0%, rgba(255,210,82,0.18), transparent 38%),
rgba(255,255,255,0.075);
}

.sells-marked-list strong,
.sells-marked-list span{
min-width:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.sells-marked-list strong{
font-size:14px;
letter-spacing:-.02em;
}

.sells-marked-list span{
font-size:12px;
color:rgba(255,255,255,0.58);
}

.sells-call-list{
display:grid;
gap:10px;
}

.sells-call-item{
position:relative;
display:grid;
grid-template-columns:auto minmax(0, 1fr);
gap:5px 12px;
align-items:center;
padding:14px;
border-radius:22px;
border:1px solid rgba(255,255,255,0.10);
background:
linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.025));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
overflow:hidden;
}

.sells-call-item::before{
content:"";
grid-row:1 / span 3;
width:10px;
height:100%;
min-height:58px;
border-radius:999px;
background:linear-gradient(180deg, #ffd252, #ff7b42);
box-shadow:0 0 22px rgba(255,199,72,0.34);
}

.sells-call-item.is-overdue{
border-color:rgba(255,117,62,0.42);
background:
radial-gradient(circle at 10% 0%, rgba(255,118,72,0.16), transparent 40%),
linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
}

.sells-call-item span{
font-size:11px;
font-weight:900;
letter-spacing:.10em;
text-transform:uppercase;
color:#ffe39a;
}

.sells-call-item strong{
min-width:0;
color:#fff;
font-size:15px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.sells-call-item small{
grid-column:2;
color:rgba(255,255,255,0.58);
line-height:1.35;
}

.sells-call-item div{
grid-column:2;
display:flex;
gap:8px;
flex-wrap:wrap;
}

.sells-call-item a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:30px;
padding:0 12px;
border-radius:999px;
border:1px solid rgba(255,255,255,0.14);
background:rgba(255,255,255,0.08);
color:#fff;
font-size:12px;
font-weight:900;
text-decoration:none;
}

.sells-call-item a:hover{
border-color:rgba(255,214,76,0.42);
background:rgba(255,214,76,0.13);
}

.sells-toolbar{
margin-top:18px;
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:16px;
align-items:end;
}

.sells-toolbar .stats-head{
margin:0;
}

.sells-filter-row{
display:flex;
gap:10px;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
}

.sells-filter-row select{
min-height:42px;
min-width:220px;
border-radius:999px;
padding:0 16px;
}

.sells-opportunity-list{
display:grid;
gap:14px;
margin-top:16px;
}

.sells-opportunity-card{
padding:0;
overflow:hidden;
}

.sells-opportunity-card[open]{
border-color:rgba(255,211,82,0.26);
}

.sells-opportunity-summary{
position:relative;
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:16px;
align-items:center;
padding:18px;
cursor:pointer;
list-style:none;
}

.sells-opportunity-summary::-webkit-details-marker{
display:none;
}

.sells-opportunity-summary::after{
content:"+";
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:999px;
border:1px solid rgba(255,255,255,0.14);
background:rgba(255,255,255,0.075);
color:#fff;
font-size:20px;
font-weight:900;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.sells-opportunity-card[open] .sells-opportunity-summary::after{
content:"-";
background:linear-gradient(135deg, #ffd252, #f3a629);
color:#111;
border-color:rgba(255,255,255,0.24);
}

.sells-opportunity-summary h3{
margin:9px 0 6px;
color:#fff;
font-size:clamp(20px, 2.2vw, 30px);
line-height:1;
letter-spacing:-.055em;
}

.sells-opportunity-summary p{
margin:0;
color:rgba(255,255,255,0.58);
font-size:13px;
line-height:1.35;
}

.sells-summary-meta{
display:grid;
grid-template-columns:auto auto;
gap:7px;
align-items:center;
justify-items:end;
padding-right:46px;
}

.sells-summary-meta strong{
grid-column:1 / -1;
color:#fff;
font-size:clamp(1.35rem, 2.4vw, 2rem);
letter-spacing:-.06em;
}

.sells-summary-meta span{
font-size:12px;
font-weight:900;
color:rgba(255,255,255,0.62);
}

.sells-stage-badge,
.sells-priority{
display:inline-flex;
align-items:center;
justify-content:center;
width:max-content;
min-height:28px;
padding:0 11px;
border-radius:999px;
font-size:10px;
font-weight:950;
letter-spacing:.12em;
text-transform:uppercase;
border:1px solid rgba(255,255,255,0.14);
background:rgba(255,255,255,0.08);
color:#fff;
font-style:normal;
}

.sells-stage-new{background:rgba(255,255,255,0.09);}
.sells-stage-contacted{background:rgba(255,211,82,0.15);color:#ffe39a;border-color:rgba(255,211,82,0.28);}
.sells-stage-proposal{background:rgba(70,150,255,0.16);color:#bcd9ff;border-color:rgba(70,150,255,0.30);}
.sells-stage-negotiation{background:rgba(255,129,61,0.16);color:#ffd0b2;border-color:rgba(255,129,61,0.30);}
.sells-stage-won{background:rgba(56,232,145,0.15);color:#b9ffd7;border-color:rgba(56,232,145,0.30);}
.sells-stage-lost{background:rgba(255,73,93,0.14);color:#ffc2c9;border-color:rgba(255,73,93,0.28);}

.sells-priority-high{
background:rgba(255,107,61,0.18);
color:#ffd4bd;
border-color:rgba(255,107,61,0.32);
}

.sells-priority-medium{
background:rgba(255,211,82,0.14);
color:#ffe39a;
border-color:rgba(255,211,82,0.26);
}

.sells-priority-low{
background:rgba(68,160,255,0.14);
color:#c8e0ff;
border-color:rgba(68,160,255,0.26);
}

.sells-progress{
position:relative;
height:12px;
margin:0 18px 18px;
border-radius:999px;
background:rgba(255,255,255,0.08);
overflow:hidden;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.36);
}

.sells-progress span{
display:block;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg, #ff7348, #ffd252, #51ffb2, #48a7ff);
box-shadow:0 0 22px rgba(255,210,82,0.22);
}

.sells-opportunity-form,
.sells-note-composer{
padding:0 18px 18px;
}

.sells-note-composer{
margin-top:4px;
padding-top:18px;
border-top:1px solid rgba(255,255,255,0.08);
}

.sells-notes-list{
display:grid;
gap:10px;
padding:0 18px 18px;
}

.sells-notes-list .lead-label{
width:max-content;
margin-top:2px;
}

.sells-note-item{
display:grid;
gap:8px;
padding:14px;
border-radius:20px;
border:1px solid rgba(255,255,255,0.10);
background:
radial-gradient(circle at 8% 0%, rgba(255,255,255,0.10), transparent 34%),
rgba(255,255,255,0.045);
}

.sells-note-item strong{
color:#fff;
font-size:13px;
}

.sells-note-item p{
margin:0;
color:rgba(255,255,255,0.70);
font-size:13px;
line-height:1.5;
}

.sells-note-item button{
justify-self:start;
min-height:30px;
padding:0 12px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.07);
color:rgba(255,255,255,0.76);
font-size:12px;
font-weight:900;
cursor:pointer;
}

.sells-note-item button:hover{
background:rgba(255,82,96,0.16);
border-color:rgba(255,82,96,0.28);
color:#ffd2d7;
}

.sells-page .btn{
background:linear-gradient(135deg, #ffd252, #f1a629);
color:#111;
border-color:rgba(255,255,255,0.18);
box-shadow:0 16px 38px rgba(239,170,44,0.18), inset 0 1px 0 rgba(255,255,255,0.30);
}

.sells-page .btn.secondary{
background:rgba(255,255,255,0.07);
color:#fff;
border-color:rgba(255,255,255,0.14);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.sells-page .btn:disabled{
opacity:.48;
cursor:not-allowed;
filter:saturate(.6);
}

.sells-page .empty-state{
padding:18px;
border-radius:24px;
color:rgba(255,255,255,0.72);
}

@keyframes widaisSellsSpin{
0%{transform:rotate(0deg) scale(1);}
50%{transform:rotate(180deg) scale(1.04);}
100%{transform:rotate(360deg) scale(1);}
}

@media(max-width:980px){
.sells-hero-card,
.sells-layout-grid,
.sells-toolbar{
grid-template-columns:1fr;
}

.sells-kpis{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.sells-toolbar{
align-items:stretch;
}

.sells-filter-row{
justify-content:flex-start;
}
}

@media(max-width:640px){
.sells-hero-card{
gap:14px;
margin-top:14px;
}

.sells-hero-copy{
min-height:190px;
padding:2px;
}

.sells-hero-copy::before{
right:-6%;
top:4%;
width:104px;
height:104px;
}

.sells-hero-copy::after{
right:calc(-6% + 35px);
top:calc(4% + 35px);
width:34px;
height:34px;
}

.sells-kpis{
grid-template-columns:1fr;
}

.sells-kpis article{
min-height:96px;
padding:15px;
}

.sells-layout-grid{
gap:14px;
}

.sells-opportunity-summary{
grid-template-columns:1fr;
padding:15px;
}

.sells-opportunity-summary::after{
position:absolute;
right:14px;
top:14px;
}

.sells-summary-meta{
justify-items:start;
padding-right:0;
}

.sells-filter-row,
.sells-filter-row select,
.sells-filter-row .btn{
width:100%;
}

.sells-marked-list{
grid-template-columns:1fr;
}

.sells-call-item{
grid-template-columns:auto minmax(0, 1fr);
}
}

/* Sells 2.0: cleaner Widais CRM language */
body.sells-page{
background:
radial-gradient(circle at 18% 0%, rgba(255,213,82,0.13), transparent 30%),
radial-gradient(circle at 84% 6%, rgba(54,134,255,0.11), transparent 28%),
radial-gradient(circle at 42% 100%, rgba(255,104,58,0.09), transparent 34%),
linear-gradient(180deg, #030303 0%, #080808 42%, #040404 100%);
}

.sells-page .container{
max-width:1240px;
}

.sells-page .stats-head h2{
letter-spacing:-.055em;
}

.sells-hero-card{
position:relative;
isolation:isolate;
min-height:310px;
padding:26px;
border-radius:34px;
grid-template-columns:minmax(0, 1fr) minmax(380px, .86fr);
background:
linear-gradient(135deg, rgba(255,255,255,0.095), rgba(255,255,255,0.035)) padding-box,
linear-gradient(135deg, rgba(255,214,85,0.38), rgba(255,255,255,0.12), rgba(71,145,255,0.24)) border-box;
border:1px solid transparent;
box-shadow:0 34px 95px rgba(0,0,0,0.44), inset 0 1px 0 rgba(255,255,255,0.12);
}

.sells-hero-card::before{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:
radial-gradient(circle at 15% 10%, rgba(255,211,82,0.22), transparent 34%),
radial-gradient(circle at 80% 6%, rgba(66,147,255,0.18), transparent 30%),
linear-gradient(125deg, rgba(0,0,0,0.12), rgba(0,0,0,0.62));
opacity:.9;
}

.sells-hero-card::after{
content:"";
position:absolute;
right:28px;
bottom:24px;
width:min(42%, 420px);
height:150px;
border-radius:34px;
background:
linear-gradient(90deg, transparent 0 8%, rgba(255,210,82,0.70) 8% 11%, transparent 11% 22%, rgba(255,255,255,0.42) 22% 24%, transparent 24% 38%, rgba(71,145,255,0.72) 38% 42%, transparent 42% 56%, rgba(255,112,63,0.70) 56% 60%, transparent 60% 78%, rgba(89,255,178,0.56) 78% 82%, transparent 82%),
linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.03));
mask:linear-gradient(180deg, transparent 0, #000 18%, #000 82%, transparent 100%);
opacity:.44;
pointer-events:none;
}

.sells-hero-copy{
min-height:260px;
padding:4px 0;
justify-content:center;
}

.sells-hero-copy::before{
right:8%;
top:9%;
width:96px;
height:96px;
background:
linear-gradient(#090909, #090909) padding-box,
conic-gradient(from 0deg, #ffd252, #ff7446, #4e9cff, #58ffb2, #ffd252) border-box;
box-shadow:0 0 42px rgba(255,210,82,0.20), inset 0 1px 0 rgba(255,255,255,0.10);
opacity:.86;
}

.sells-hero-copy::after{
right:calc(8% + 33px);
top:calc(9% + 33px);
width:30px;
height:30px;
background:linear-gradient(135deg, #ffd252, #fff0b5);
box-shadow:0 0 0 11px rgba(255,210,82,0.065), 0 0 30px rgba(255,210,82,0.22);
}

.sells-hero-copy h1{
font-size:clamp(4.6rem, 10vw, 9rem);
line-height:.78;
letter-spacing:-.11em;
max-width:680px;
}

.sells-hero-copy p{
max-width:700px;
font-size:clamp(16px, 1.45vw, 22px);
color:rgba(255,255,255,0.74);
}

.sells-kpis{
align-self:stretch;
grid-template-columns:1fr 1fr;
gap:14px;
}

.sells-kpis article{
min-height:135px;
border-radius:30px;
background:
linear-gradient(145deg, rgba(255,255,255,0.13), rgba(255,255,255,0.045));
backdrop-filter:blur(18px) saturate(135%);
-webkit-backdrop-filter:blur(18px) saturate(135%);
}

.sells-kpis article::before{
content:"";
position:absolute;
left:16px;
top:16px;
width:30px;
height:30px;
border-radius:12px;
background:rgba(255,255,255,0.09);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12);
}

.sells-kpis article:nth-child(1)::before{background:linear-gradient(135deg, rgba(255,210,82,0.24), rgba(255,255,255,0.07));}
.sells-kpis article:nth-child(2)::before{background:linear-gradient(135deg, rgba(77,153,255,0.25), rgba(255,255,255,0.07));}
.sells-kpis article:nth-child(3)::before{background:linear-gradient(135deg, rgba(78,255,176,0.20), rgba(255,255,255,0.07));}
.sells-kpis article:nth-child(4)::before{background:linear-gradient(135deg, rgba(255,115,70,0.24), rgba(255,255,255,0.07));}

.sells-kpis article span{
padding-left:42px;
color:rgba(255,255,255,0.62);
}

.sells-kpis strong{
font-size:clamp(2.2rem, 3.2vw, 3.8rem);
}

.sells-layout-grid{
grid-template-columns:minmax(0, 1.12fr) minmax(330px, .88fr);
grid-auto-flow:dense;
gap:18px;
}

.sells-create-card{
grid-row:span 2;
}

.sells-create-card,
.sells-marked-card,
.sells-call-card,
.sells-toolbar,
.sells-opportunity-card{
border-radius:30px;
background:
linear-gradient(145deg, rgba(255,255,255,0.082), rgba(255,255,255,0.032)) padding-box,
linear-gradient(145deg, rgba(255,255,255,0.13), rgba(255,211,82,0.14), rgba(255,255,255,0.06)) border-box;
border:1px solid transparent;
}

.sells-create-card .stats-head,
.sells-marked-card .stats-head,
.sells-call-card .stats-head,
.sells-toolbar .stats-head{
padding:4px 2px 2px;
}

.sells-create-card .stats-head span,
.sells-marked-card .stats-head span,
.sells-call-card .stats-head span,
.sells-toolbar .stats-head span{
display:inline-flex;
width:max-content;
min-height:28px;
align-items:center;
padding:0 11px;
border-radius:999px;
border:1px solid rgba(255,211,82,0.20);
background:rgba(255,211,82,0.09);
color:#ffe39a;
font-size:10px;
font-weight:950;
letter-spacing:.13em;
text-transform:uppercase;
}

.sells-page .settings-form .lead-fields label,
.sells-opportunity-form .lead-fields label,
.sells-note-composer .lead-fields label{
border-radius:22px;
background:
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.08), transparent 40%),
rgba(0,0,0,0.24);
transition:border-color .18s ease, background .18s ease, transform .18s ease;
}

.sells-page .settings-form .lead-fields label:focus-within,
.sells-opportunity-form .lead-fields label:focus-within,
.sells-note-composer .lead-fields label:focus-within{
border-color:rgba(255,211,82,0.34);
background:
radial-gradient(circle at 12% 0%, rgba(255,211,82,0.10), transparent 42%),
rgba(0,0,0,0.28);
transform:translateY(-1px);
}

.sells-page input,
.sells-page select,
.sells-page textarea{
border-radius:16px;
background:rgba(255,255,255,0.072);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
}

.sells-page input:focus,
.sells-page select:focus,
.sells-page textarea:focus{
outline:none;
border-color:rgba(255,211,82,0.42);
box-shadow:0 0 0 4px rgba(255,211,82,0.08), inset 0 1px 0 rgba(255,255,255,0.09);
}

.sells-marked-list a{
grid-template-columns:minmax(0, 1fr) auto;
align-items:center;
padding:15px;
border-radius:22px;
}

.sells-marked-list a::after{
content:"Abrir";
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:0 10px;
border-radius:999px;
background:rgba(255,255,255,0.08);
color:rgba(255,255,255,0.72);
font-size:10px;
font-weight:950;
letter-spacing:.10em;
text-transform:uppercase;
}

.sells-marked-list span{
grid-column:1;
}

.sells-call-item{
padding:15px;
border-radius:24px;
background:
linear-gradient(135deg, rgba(255,255,255,0.095), rgba(255,255,255,0.035));
}

.sells-call-item::before{
width:12px;
background:linear-gradient(180deg, #ffe477, #ff914d 54%, #4d9cff);
}

.sells-call-item a{
min-height:32px;
background:rgba(0,0,0,0.22);
}

.sells-toolbar{
padding:22px;
}

.sells-opportunity-list{
gap:18px;
}

.sells-opportunity-card{
position:relative;
box-shadow:0 20px 55px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.08);
}

.sells-opportunity-card::before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:5px;
background:linear-gradient(180deg, #ffd252, #ff7348, #4d9cff);
opacity:.75;
}

.sells-opportunity-summary{
padding:22px 24px 22px 26px;
}

.sells-opportunity-summary::after{
width:38px;
height:38px;
background:
linear-gradient(135deg, rgba(255,255,255,0.14), rgba(255,255,255,0.05));
}

.sells-opportunity-summary h3{
font-size:clamp(24px, 2.4vw, 34px);
}

.sells-summary-meta{
padding-right:54px;
}

.sells-stage-badge,
.sells-priority{
min-height:30px;
font-size:10px;
}

.sells-progress{
height:10px;
margin:0 24px 20px 28px;
background:rgba(255,255,255,0.075);
}

.sells-progress span{
background:linear-gradient(90deg, #ff7348 0%, #ffd252 42%, #58ffb2 72%, #4d9cff 100%);
}

.sells-opportunity-form,
.sells-note-composer,
.sells-notes-list{
padding-left:28px;
padding-right:24px;
}

.sells-note-item{
border-radius:22px;
background:
linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.03));
}

.sells-page .btn{
border-radius:999px;
min-height:44px;
padding-inline:18px;
font-weight:950;
letter-spacing:-.01em;
}

.sells-page .btn:hover{
transform:translateY(-1px);
box-shadow:0 18px 44px rgba(239,170,44,0.24), inset 0 1px 0 rgba(255,255,255,0.34);
}

.sells-page .btn.secondary:hover{
border-color:rgba(255,211,82,0.28);
background:rgba(255,211,82,0.10);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
}

@media(max-width:980px){
.sells-hero-card{
grid-template-columns:1fr;
min-height:auto;
}

.sells-hero-card::after{
display:none;
}

.sells-layout-grid{
grid-template-columns:1fr;
}

.sells-create-card{
grid-row:auto;
}
}

@media(max-width:640px){
.sells-hero-card{
padding:20px;
border-radius:30px;
}

.sells-hero-copy{
min-height:210px;
}

.sells-hero-copy h1{
font-size:clamp(4rem, 24vw, 6rem);
}

.sells-kpis{
grid-template-columns:1fr;
}

.sells-marked-list a{
grid-template-columns:1fr;
}

.sells-marked-list a::after{
justify-self:start;
}

.sells-opportunity-summary{
padding:18px 18px 18px 22px;
}

.sells-summary-meta{
padding-right:0;
}

.sells-opportunity-form,
.sells-note-composer,
.sells-notes-list{
padding-left:18px;
padding-right:18px;
}
}

/* Keep the account deletion card aligned with the rest of configuration bubbles. */
body:not(.login-page) .account-delete-card.stats-card.settings-form{
width:100%;
box-sizing:border-box;
padding:clamp(18px, 2.3vw, 26px);
margin-left:0;
margin-right:0;
}

body:not(.login-page) .account-delete-card > .stats-head:first-of-type{
box-sizing:border-box;
width:100%;
padding:16px clamp(16px, 2vw, 22px);
border:1px solid rgba(255,255,255,0.12);
border-radius:24px;
background:
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.10), transparent 34%),
rgba(255,255,255,0.045);
}

body:not(.login-page) .account-delete-card .account-delete-copy,
body:not(.login-page) .account-delete-card .account-delete-steps,
body:not(.login-page) .account-delete-card .account-delete-actions{
width:100%;
box-sizing:border-box;
}

/* Contacts redesign: dense CRM data, Widais liquid-dark aesthetic. */
body.contacts-page{
--contacts-line:rgba(255,255,255,0.12);
--contacts-line-strong:rgba(255,255,255,0.24);
--contacts-ink:#fff;
--contacts-muted:rgba(255,255,255,0.64);
--contacts-soft:rgba(255,255,255,0.065);
--contacts-card:rgba(7,8,10,0.94);
--contacts-yellow:#f3ff69;
--contacts-mint:#99ffe2;
--contacts-blue:#67b7ff;
--contacts-green:#61f4a2;
--contacts-red:#ff6b6b;
}

body.contacts-page .lead-list{
display:grid;
gap:11px;
margin-top:14px;
}

body.contacts-page .lead-card{
isolation:isolate;
padding:0;
border:1px solid var(--contacts-line);
border-radius:24px;
background:
radial-gradient(circle at 0% 0%, rgba(243,255,105,0.10), transparent 32%),
radial-gradient(circle at 96% 8%, rgba(153,255,226,0.08), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.058), rgba(255,255,255,0.015)),
var(--contacts-card);
box-shadow:0 18px 48px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.08);
overflow:hidden;
transform:none;
}

body.contacts-page .lead-card::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent) top / 100% 1px no-repeat,
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.08), transparent 34%);
opacity:0.82;
z-index:0;
}

body.contacts-page .lead-card:hover{
border-color:var(--contacts-line-strong);
background:
radial-gradient(circle at 0% 0%, rgba(243,255,105,0.13), transparent 34%),
radial-gradient(circle at 96% 8%, rgba(103,183,255,0.11), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.022)),
var(--contacts-card);
box-shadow:0 20px 54px rgba(0,0,0,0.36), inset 0 1px 0 rgba(255,255,255,0.10);
transform:translateY(-1px);
}

body.contacts-page .lead-card-commercial-glow,
body.contacts-page .lead-card-commercial-glow:hover{
background:
radial-gradient(circle at 8% 0%, var(--agenda-priority-glow-strong, rgba(255,221,87,0.30)), transparent 35%),
radial-gradient(circle at 95% 10%, var(--agenda-priority-glow-soft, rgba(255,246,164,0.18)), transparent 32%),
linear-gradient(145deg, var(--agenda-priority-bg-a, rgba(35,28,6,0.97)), var(--agenda-priority-bg-b, rgba(9,9,10,0.98)));
}

body.contacts-page .lead-card-collapsible summary{
border-radius:24px;
}

body.contacts-page .lead-summary{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(220px, 0.78fr) minmax(360px, 1.8fr);
gap:14px;
align-items:center;
padding:13px 16px;
}

body.contacts-page .lead-summary-left{
min-width:0;
}

body.contacts-page .lead-main{
position:relative;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:5px 6px;
min-width:0;
padding-left:12px;
}

body.contacts-page .lead-main::before{
content:"";
position:absolute;
left:0;
top:4px;
bottom:4px;
width:3px;
border-radius:999px;
background:linear-gradient(180deg, var(--contacts-yellow), var(--contacts-mint));
box-shadow:0 0 22px rgba(153,255,226,0.28);
}

body.contacts-page .lead-main strong{
flex:0 0 100%;
color:var(--contacts-ink);
font-size:clamp(1.05rem, 1.22vw, 1.38rem);
font-weight:950;
letter-spacing:-0.045em;
line-height:1.02;
overflow-wrap:anywhere;
}

body.contacts-page .lead-main span{
display:inline-flex;
align-items:center;
width:max-content;
max-width:100%;
min-height:22px;
padding:0 8px;
border:1px solid rgba(255,255,255,0.10);
border-radius:999px;
background:rgba(255,255,255,0.055);
color:var(--contacts-muted);
font-size:10.5px;
font-weight:750;
line-height:1.25;
overflow-wrap:anywhere;
}

body.contacts-page .lead-main span:first-of-type{
color:rgba(255,255,255,0.80);
}

body.contacts-page .lead-main .bounced-email{
border-color:rgba(255,107,107,0.34);
background:rgba(255,107,107,0.11);
color:#ffb8b8 !important;
}

body.contacts-page .lead-summary-right{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:10px;
align-items:center;
justify-content:end;
min-width:0;
width:100%;
}

body.contacts-page .lead-summary-badges{
justify-content:flex-end;
gap:5px;
}

body.contacts-page .mini-badge{
height:23px;
padding:0 8px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(255,255,255,0.055);
color:rgba(255,255,255,0.62);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
font-size:9.5px;
font-weight:900;
letter-spacing:0.04em;
text-transform:uppercase;
}

body.contacts-page .mini-badge.active{
border-color:rgba(243,255,105,0.30);
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.38), transparent 34%),
linear-gradient(135deg, rgba(243,255,105,0.96), rgba(153,255,226,0.92));
color:#060606;
box-shadow:0 10px 22px rgba(153,255,226,0.12), inset 0 1px 0 rgba(255,255,255,0.45);
}

body.contacts-page .mini-badge.danger{
border-color:rgba(255,107,107,0.38);
background:rgba(255,107,107,0.15);
color:#ffc1c1;
}

body.contacts-page .lead-summary-actions{
gap:7px;
justify-content:flex-end;
}

body.contacts-page .lead-summary .lead-expand-button,
body.contacts-page .lead-summary .wa-btn{
width:35px;
height:35px;
border-radius:13px;
}

body.contacts-page .lead-summary .lead-expand-button{
border-color:rgba(255,255,255,0.14);
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.22), transparent 34%),
rgba(255,255,255,0.07);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.09), 0 14px 30px rgba(0,0,0,0.24);
}

body.contacts-page .lead-summary .lead-expand-button:hover,
body.contacts-page .lead-card-collapsible[open] .lead-summary .lead-expand-button{
border-color:rgba(243,255,105,0.72);
background:linear-gradient(135deg, var(--contacts-yellow), var(--contacts-mint));
color:#050505;
}

body.contacts-page .lead-summary .wa-btn{
border-color:rgba(37,211,102,0.30);
background:rgba(37,211,102,0.11);
color:#7dffb0;
}

body.contacts-page .lead-summary .wa-btn:hover{
background:#25d366;
border-color:#25d366;
color:#06130b;
}

body.contacts-page .lead-detail-form{
position:relative;
z-index:1;
display:grid;
gap:18px;
padding:0 22px 22px;
border-top:1px solid rgba(255,255,255,0.10);
background:
radial-gradient(circle at 16% 0%, rgba(255,255,255,0.08), transparent 31%),
linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018));
}

body.contacts-page .lead-top-detail{
grid-template-columns:repeat(3, minmax(0, 1fr)) auto;
gap:12px;
padding-top:18px;
align-items:stretch;
}

body.contacts-page.contacts-admin-page .lead-top-detail{
grid-template-columns:repeat(3, minmax(0, 1fr)) auto;
}

body.contacts-page .lead-date-block{
min-height:82px;
padding:15px 16px;
border:1px solid rgba(255,255,255,0.11);
border-radius:22px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.10), transparent 35%),
rgba(255,255,255,0.048);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
}

body.contacts-page .lead-label,
body.contacts-page .lead-fields span,
body.contacts-page .comments-block span{
color:rgba(255,255,255,0.54);
font-size:10px;
font-weight:950;
letter-spacing:0.13em;
}

body.contacts-page .lead-date-block strong{
align-self:end;
color:#fff;
font-size:clamp(1rem, 1.25vw, 1.3rem);
font-weight:920;
letter-spacing:-0.04em;
line-height:1.08;
overflow-wrap:anywhere;
}

body.contacts-page .lead-actions{
align-items:stretch;
justify-content:flex-end;
}

body.contacts-page .lead-fields-extended{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
gap:12px;
padding:16px;
border:1px solid rgba(255,255,255,0.10);
border-radius:26px;
background:rgba(255,255,255,0.035);
}

body.contacts-page .lead-fields label{
min-width:0;
padding:13px;
border:1px solid rgba(255,255,255,0.09);
border-radius:20px;
background:rgba(255,255,255,0.035);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
}

body.contacts-page .lead-fields input,
body.contacts-page .lead-fields select,
body.contacts-page .lead-fields textarea{
height:44px;
border-color:rgba(255,255,255,0.12);
border-radius:15px;
background:rgba(0,0,0,0.32);
color:#fff;
font-weight:760;
}

body.contacts-page .lead-fields select option{
background:#101010;
color:#fff;
}

body.contacts-page .agenda-commercial-toggle-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:12px;
}

body.contacts-page .agenda-commercial-toggle-grid .switch-card{
min-height:76px;
padding:14px 15px;
border-color:rgba(255,255,255,0.11);
border-radius:22px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.10), transparent 36%),
rgba(255,255,255,0.044);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
}

body.contacts-page .agenda-commercial-toggle-grid .switch-card > span:first-child{
font-size:13px;
font-weight:950;
letter-spacing:0.02em;
}

body.contacts-page .agenda-commercial-toggle-grid .switch-card:has(input[name="cliente_potencial"]:checked){
border-color:rgba(255,165,69,0.42);
background:linear-gradient(135deg, rgba(255,165,69,0.20), rgba(255,255,255,0.045));
}

body.contacts-page .agenda-commercial-toggle-grid .switch-card:has(input[name="cliente"]:checked){
border-color:rgba(97,244,162,0.44);
background:linear-gradient(135deg, rgba(97,244,162,0.20), rgba(255,255,255,0.045));
}

body.contacts-page .agenda-commercial-toggle-grid .switch-card:has(input[name="vip"]:checked){
border-color:rgba(103,183,255,0.46);
background:linear-gradient(135deg, rgba(103,183,255,0.22), rgba(255,255,255,0.045));
}

body.contacts-page .agenda-commercial-toggle-grid .switch-card:has(input[name="meet"]:checked){
border-color:rgba(243,255,105,0.52);
background:linear-gradient(135deg, rgba(243,255,105,0.22), rgba(255,255,255,0.045));
}

body.contacts-page .agenda-commercial-toggle-grid .ios-slider{
background:rgba(255,255,255,0.14);
box-shadow:inset 0 1px 5px rgba(0,0,0,0.28);
}

body.contacts-page .agenda-commercial-toggle-grid .ios-switch input:checked + .ios-slider{
background:linear-gradient(135deg, var(--contacts-yellow), var(--contacts-mint));
}

body.contacts-page .detail-tags,
body.contacts-page .note-list{
padding:16px;
border:1px solid rgba(255,255,255,0.10);
border-radius:26px;
background:rgba(255,255,255,0.035);
}

body.contacts-page .tag-row{
gap:7px;
}

body.contacts-page .tag{
height:31px;
min-width:0;
padding:0 11px;
border-color:rgba(255,255,255,0.12);
background:rgba(255,255,255,0.06);
color:rgba(255,255,255,0.72);
font-size:11px;
font-weight:850;
letter-spacing:0.02em;
}

body.contacts-page .tag.event{
border-color:rgba(243,255,105,0.22);
color:#f8ffc4;
}

body.contacts-page .tag.music{
border-color:rgba(153,255,226,0.20);
color:#c8fff1;
}

body.contacts-page .tag.place{
border-color:rgba(103,183,255,0.20);
color:#d4ebff;
}

body.contacts-page .lead-social-list{
gap:9px;
}

body.contacts-page .lead-social-list .social-link-row{
grid-template-columns:minmax(0, 1.2fr) auto auto;
padding:12px 13px;
border-color:rgba(255,255,255,0.10);
border-radius:18px;
background:rgba(0,0,0,0.24);
}

body.contacts-page .lead-social-list .social-link-row span{
color:rgba(255,255,255,0.66);
font-size:12px;
font-weight:750;
overflow-wrap:anywhere;
}

body.contacts-page .lead-social-list .social-link-row a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:30px;
padding:0 11px;
border:1px solid rgba(255,255,255,0.13);
border-radius:999px;
background:rgba(255,255,255,0.055);
color:#fff;
font-size:11px;
font-weight:900;
text-decoration:none;
}

body.contacts-page .lead-social-list .social-link-row small{
display:none;
}

body.contacts-page .note-composer{
border-color:rgba(255,255,255,0.11);
background:
radial-gradient(circle at 14% 0%, rgba(243,255,105,0.12), transparent 32%),
radial-gradient(circle at 92% 10%, rgba(153,255,226,0.09), transparent 30%),
rgba(255,255,255,0.038);
}

body.contacts-page .note-list{
gap:12px;
}

body.contacts-page .note-list-head{
color:rgba(255,255,255,0.62);
}

body.contacts-page .note-list-head a,
body.contacts-page .note-delete-button{
border-color:rgba(255,255,255,0.14);
background:rgba(255,255,255,0.055);
color:#fff;
}

body.contacts-page .note-item{
border-color:rgba(255,255,255,0.10);
background:rgba(0,0,0,0.25);
border-radius:18px;
}

body.contacts-page .note-item span{
color:rgba(255,255,255,0.50);
}

body.contacts-page .note-item p{
color:rgba(255,255,255,0.82);
}

body.contacts-page .lead-detail-form > .actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
flex-wrap:wrap;
padding-top:2px;
}

body.contacts-page .lead-delete-form{
position:relative;
z-index:1;
justify-content:flex-end;
padding:0 22px 22px;
background:linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.012));
}

body.contacts-page .lead-delete-form .delete-btn{
width:44px;
height:44px;
border-color:rgba(255,107,107,0.22);
border-radius:16px;
background:rgba(255,107,107,0.09);
color:#ff9b9b;
}

body.contacts-page .page{
border-color:rgba(255,255,255,0.12);
background:rgba(255,255,255,0.055);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}

body.contacts-page .page.active{
border-color:rgba(243,255,105,0.46);
background:linear-gradient(135deg, var(--contacts-yellow), var(--contacts-mint));
color:#050505;
}

/* Compact expanded Contact view. */
body.contacts-page .lead-detail-form{
gap:12px;
padding:0 16px 16px;
}

body.contacts-page .lead-top-detail,
body.contacts-page.contacts-admin-page .lead-top-detail{
grid-template-columns:repeat(auto-fit, minmax(138px, 1fr));
gap:8px;
padding-top:12px;
}

body.contacts-page .lead-date-block{
min-height:56px;
padding:9px 11px;
border-radius:16px;
}

body.contacts-page .lead-date-block strong{
font-size:0.92rem;
line-height:1.08;
letter-spacing:-0.025em;
}

body.contacts-page .lead-fields-extended{
grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
gap:8px;
padding:10px;
border-radius:20px;
}

body.contacts-page .lead-fields label{
gap:5px;
padding:9px;
border-radius:15px;
}

body.contacts-page .lead-fields input,
body.contacts-page .lead-fields select,
body.contacts-page .lead-fields textarea{
height:38px;
padding:0 11px;
border-radius:12px;
font-size:12.5px;
}

body.contacts-page .agenda-commercial-toggle-grid{
gap:8px;
}

body.contacts-page .agenda-commercial-toggle-grid .switch-card{
min-height:52px;
padding:9px 10px;
border-radius:16px;
}

body.contacts-page .agenda-commercial-toggle-grid .switch-card > span:first-child{
font-size:11.5px;
}

body.contacts-page .agenda-commercial-toggle-grid .ios-switch{
width:42px;
height:24px;
}

body.contacts-page .agenda-commercial-toggle-grid .ios-slider::after{
width:18px;
height:18px;
}

body.contacts-page .agenda-commercial-toggle-grid .ios-switch input:checked + .ios-slider::after{
transform:translateX(18px);
}

body.contacts-page .detail-tags,
body.contacts-page .note-list{
gap:8px;
padding:11px;
border-radius:18px;
}

body.contacts-page .tag-row{
gap:5px;
}

body.contacts-page .tag{
height:25px;
padding:0 8px;
font-size:10px;
}

body.contacts-page .lead-social-list{
gap:7px;
}

body.contacts-page .lead-social-list .social-link-row{
grid-template-columns:minmax(110px, 0.85fr) minmax(0, 1fr) auto auto;
gap:7px;
padding:8px 10px;
border-radius:14px;
}

body.contacts-page .lead-social-list .social-link-row strong,
body.contacts-page .lead-social-list .social-link-row span{
font-size:11.5px;
}

body.contacts-page .lead-social-list .social-link-row a{
justify-self:end;
min-height:26px;
padding:0 9px;
font-size:10px;
}

body.contacts-page .lead-social-list .social-link-row small{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:26px;
padding:0 9px;
border:1px solid rgba(243,255,105,0.20);
border-radius:999px;
background:rgba(243,255,105,0.08);
color:#f8ffc4;
font-size:10px;
font-weight:900;
white-space:nowrap;
}

body.contacts-page .note-composer{
grid-template-columns:minmax(0, 1fr) auto;
gap:10px 12px;
align-items:end;
padding:12px;
border:1px solid rgba(255,255,255,0.11);
border-radius:22px;
background:
radial-gradient(circle at 8% 0%, rgba(243,255,105,0.16), transparent 32%),
radial-gradient(circle at 95% 8%, rgba(103,183,255,0.12), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.060), rgba(255,255,255,0.018)),
rgba(7,8,10,0.76);
box-shadow:0 14px 36px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.08);
}

body.contacts-page .note-composer::before{
inset:auto 14px 0 14px;
background:linear-gradient(90deg, transparent, rgba(243,255,105,0.30), rgba(153,255,226,0.22), transparent);
}

body.contacts-page .note-composer-head{
grid-column:1 / -1;
display:grid;
grid-template-columns:auto minmax(0, 1fr);
gap:10px;
align-items:center;
min-width:0;
padding:2px 2px 0;
}

body.contacts-page .note-composer-icon{
display:inline-grid;
place-items:center;
width:34px;
height:34px;
border:1px solid rgba(243,255,105,0.34);
border-radius:13px;
background:
radial-gradient(circle at 25% 0%, rgba(255,255,255,0.35), transparent 34%),
linear-gradient(135deg, rgba(243,255,105,0.95), rgba(153,255,226,0.86));
color:#050505;
box-shadow:0 10px 24px rgba(153,255,226,0.12), inset 0 1px 0 rgba(255,255,255,0.42);
}

body.contacts-page .note-composer-icon svg{
width:18px;
height:18px;
fill:currentColor;
}

body.contacts-page .note-composer-head strong{
display:block;
color:#fff;
font-size:14px;
font-weight:950;
letter-spacing:-0.02em;
line-height:1.05;
}

body.contacts-page .note-composer-head small{
display:block;
margin-top:3px;
color:rgba(255,255,255,0.56);
font-size:11px;
font-weight:700;
line-height:1.3;
}

body.contacts-page .note-composer-field textarea{
min-height:64px;
padding:11px 12px;
border-radius:16px;
border-color:rgba(255,255,255,0.12);
background:rgba(0,0,0,0.34);
color:#fff;
font-size:12.5px;
line-height:1.35;
resize:vertical;
}

body.contacts-page .note-composer-field textarea::placeholder{
color:rgba(255,255,255,0.36);
}

body.contacts-page .note-composer-field textarea:hover{
background:rgba(0,0,0,0.42);
border-color:rgba(255,255,255,0.20);
}

body.contacts-page .note-composer-field textarea:focus{
background:rgba(0,0,0,0.54);
border-color:rgba(243,255,105,0.46);
box-shadow:0 0 0 4px rgba(243,255,105,0.07), inset 0 1px 0 rgba(255,255,255,0.10);
}

body.contacts-page .note-register-button{
align-self:stretch;
min-height:64px;
padding-inline:17px;
border-radius:17px;
font-size:10.5px;
letter-spacing:0.08em;
box-shadow:0 14px 30px rgba(153,255,226,0.13), inset 0 1px 0 rgba(255,255,255,0.48);
}

body.contacts-page .note-register-button svg{
width:16px;
height:16px;
fill:currentColor;
}

body.contacts-page .note-item{
gap:4px;
padding:9px 10px;
border-radius:14px;
}

body.contacts-page .note-item p{
margin:0;
font-size:12.5px;
line-height:1.35;
}

body.contacts-page .lead-detail-form > .actions{
gap:8px;
}

body.contacts-page .lead-detail-form > .actions .btn{
min-height:38px;
padding:0 13px;
font-size:10.5px;
}

body.contacts-page .lead-delete-form{
padding:0 16px 16px;
}

body.contacts-page .lead-delete-form .delete-btn{
width:38px;
height:38px;
border-radius:14px;
}

body.contacts-page .agenda-search-card{
gap:16px;
}

body.contacts-page .agenda-search-head{
align-items:center;
}

body.contacts-page .agenda-search-head h2{
font-size:clamp(2rem, 4vw, 3.6rem);
}

body.contacts-page .agenda-filter-grid-simple,
body.contacts-page .admin-agenda-filter-grid.agenda-filter-grid-simple{
grid-template-columns:minmax(260px, 1.6fr) repeat(4, minmax(150px, 0.7fr));
align-items:end;
}

body.contacts-page .agenda-filter-grid-simple .agenda-search-wide{
grid-column:auto;
}

body.contacts-page .agenda-filter-grid-simple input,
body.contacts-page .agenda-filter-grid-simple select{
height:48px;
border-radius:18px;
}

body.contacts-page .agenda-filter-section-compact{
padding:14px;
border:1px solid rgba(255,255,255,0.10);
border-radius:24px;
background:rgba(255,255,255,0.035);
}

body.contacts-page .agenda-filter-section-compact h3{
margin-bottom:2px;
}

body.contacts-page .agenda-optional-filters{
display:grid;
gap:14px;
padding:0;
border:1px solid rgba(255,255,255,0.10);
border-radius:24px;
background:rgba(255,255,255,0.035);
overflow:hidden;
}

body.contacts-page .agenda-optional-filters summary{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:56px;
padding:0 16px;
cursor:pointer;
list-style:none;
}

body.contacts-page .agenda-optional-filters summary::-webkit-details-marker{
display:none;
}

body.contacts-page .agenda-optional-filters summary span{
display:inline-flex;
align-items:center;
gap:9px;
color:#fff;
font-size:13px;
font-weight:950;
letter-spacing:0.08em;
text-transform:uppercase;
}

body.contacts-page .agenda-optional-filters summary span::before{
content:"";
width:9px;
height:9px;
border-radius:999px;
background:linear-gradient(135deg, var(--contacts-yellow), var(--contacts-mint));
box-shadow:0 0 18px rgba(153,255,226,0.35);
}

body.contacts-page .agenda-optional-filters summary small{
color:rgba(255,255,255,0.54);
font-size:12px;
font-weight:750;
}

body.contacts-page .agenda-optional-filters summary::after{
content:"+";
display:inline-grid;
place-items:center;
width:30px;
height:30px;
margin-left:auto;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.055);
color:#fff;
font-size:18px;
font-weight:700;
line-height:1;
}

body.contacts-page .agenda-optional-filters[open] summary::after{
content:"-";
background:linear-gradient(135deg, var(--contacts-yellow), var(--contacts-mint));
color:#050505;
}

body.contacts-page .agenda-filter-subsection{
display:grid;
gap:10px;
padding:0 16px 16px;
}

body.contacts-page .agenda-filter-subsection + .agenda-filter-subsection{
padding-top:2px;
}

body.contacts-page .agenda-filter-subsection h3{
margin:0;
color:rgba(255,255,255,0.54);
font-size:10px;
font-weight:950;
letter-spacing:0.13em;
text-transform:uppercase;
}

body.contacts-page .agenda-chip-grid-compact{
max-height:none;
overflow:visible;
}

@media(max-width:980px){
body.contacts-page .lead-summary{
grid-template-columns:1fr;
}

body.contacts-page .lead-summary-right{
grid-template-columns:1fr;
justify-content:start;
}

body.contacts-page .lead-summary-badges{
justify-content:flex-start;
}

body.contacts-page .lead-top-detail,
body.contacts-page.contacts-admin-page .lead-top-detail,
body.contacts-page .agenda-commercial-toggle-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

body.contacts-page .agenda-filter-grid-simple,
body.contacts-page .admin-agenda-filter-grid.agenda-filter-grid-simple{
grid-template-columns:1fr 1fr;
}

body.contacts-page .agenda-filter-grid-simple .agenda-search-wide{
grid-column:1 / -1;
}
}

@media(max-width:720px){
body.contacts-page .lead-card{
border-radius:22px;
}

body.contacts-page .lead-summary{
padding:13px 14px;
gap:12px;
}

body.contacts-page .lead-main{
padding-left:11px;
}

body.contacts-page .lead-main strong{
font-size:1.18rem;
}

body.contacts-page .lead-main span{
width:max-content;
max-width:100%;
}

body.contacts-page .lead-detail-form,
body.contacts-page .lead-delete-form{
padding-left:16px;
padding-right:16px;
}

body.contacts-page .lead-top-detail,
body.contacts-page.contacts-admin-page .lead-top-detail,
body.contacts-page .agenda-commercial-toggle-grid,
body.contacts-page .lead-fields-extended,
body.contacts-page .agenda-filter-grid-simple,
body.contacts-page .admin-agenda-filter-grid.agenda-filter-grid-simple{
grid-template-columns:1fr;
}

body.contacts-page .agenda-optional-filters summary{
align-items:flex-start;
flex-direction:column;
height:auto;
padding:14px 16px;
}

body.contacts-page .agenda-optional-filters summary::after{
position:absolute;
right:16px;
top:13px;
}

body.contacts-page .note-composer{
grid-template-columns:1fr;
}

body.contacts-page .lead-social-list .social-link-row{
grid-template-columns:1fr auto;
}

body.contacts-page .lead-social-list .social-link-row a{
justify-self:start;
}
}

/* Contacts top area: compact stats and search aligned with the lead cards. */
body.contacts-page .agenda-stats-panel{
grid-template-columns:minmax(238px, 1.2fr) repeat(3, minmax(150px, 0.78fr));
gap:11px;
align-items:stretch;
margin:4px 0 14px;
}

body.contacts-page .agenda-stat-card{
isolation:isolate;
gap:7px;
min-height:118px;
padding:14px 15px;
border:1px solid var(--contacts-line);
border-radius:24px;
background:
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.10), transparent 34%),
radial-gradient(circle at 96% 8%, rgba(153,255,226,0.075), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.058), rgba(255,255,255,0.018)),
var(--contacts-card);
box-shadow:0 16px 42px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.08);
align-content:space-between;
}

body.contacts-page .agenda-stat-card::before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:
linear-gradient(90deg, transparent, rgba(255,255,255,0.13), transparent) top / 100% 1px no-repeat,
radial-gradient(circle at 16% 0%, var(--contacts-stat-glow, rgba(255,255,255,0.10)), transparent 38%);
opacity:0.95;
}

body.contacts-page .agenda-stat-card::after{
right:-30px;
bottom:-42px;
width:105px;
height:105px;
background:var(--contacts-stat-orb, rgba(255,255,255,0.06));
filter:blur(1px);
}

body.contacts-page .agenda-stat-card span{
font-size:9.5px;
letter-spacing:0.14em;
color:rgba(255,255,255,0.60);
}

body.contacts-page .agenda-stat-card strong{
font-size:clamp(1.9rem, 2.5vw, 2.35rem);
letter-spacing:-0.075em;
}

body.contacts-page .agenda-stat-card small{
font-size:11px;
line-height:1.28;
color:rgba(255,255,255,0.60);
}

body.contacts-page .agenda-stat-main{
grid-row:span 2;
min-height:247px;
padding:18px;
align-content:end;
--contacts-stat-glow:rgba(103,183,255,0.24);
--contacts-stat-orb:rgba(103,183,255,0.12);
background:
radial-gradient(circle at 8% 0%, rgba(103,183,255,0.20), transparent 38%),
radial-gradient(circle at 92% 14%, rgba(153,255,226,0.13), transparent 34%),
linear-gradient(145deg, rgba(12,22,30,0.98), rgba(7,8,10,0.96));
}

body.contacts-page .agenda-stat-main strong{
font-size:clamp(3.5rem, 5.6vw, 5.3rem);
}

body.contacts-page .agenda-stat-mailing{
--contacts-stat-glow:rgba(153,255,226,0.23);
--contacts-stat-orb:rgba(153,255,226,0.12);
}

body.contacts-page .agenda-stat-client{
--contacts-stat-glow:rgba(255,165,69,0.24);
--contacts-stat-orb:rgba(255,165,69,0.14);
}

body.contacts-page .agenda-stat-customer{
--contacts-stat-glow:rgba(97,244,162,0.24);
--contacts-stat-orb:rgba(97,244,162,0.12);
}

body.contacts-page .agenda-stat-vip{
--contacts-stat-glow:rgba(103,183,255,0.26);
--contacts-stat-orb:rgba(103,183,255,0.13);
}

body.contacts-page .agenda-stat-meet{
--contacts-stat-glow:rgba(243,255,105,0.25);
--contacts-stat-orb:rgba(243,255,105,0.12);
}

body.contacts-page .agenda-stat-bounced{
--contacts-stat-glow:rgba(255,107,107,0.24);
--contacts-stat-orb:rgba(255,107,107,0.13);
}

body.contacts-page .agenda-stat-bar{
height:5px;
background:rgba(255,255,255,0.10);
}

body.contacts-page .agenda-stat-bar i{
box-shadow:0 0 14px currentColor;
}

body.contacts-page .agenda-search-card{
position:relative;
isolation:isolate;
gap:14px;
margin-bottom:14px;
padding:16px;
border:1px solid var(--contacts-line);
border-radius:28px;
background:
radial-gradient(circle at 0% 0%, rgba(243,255,105,0.11), transparent 32%),
radial-gradient(circle at 96% 8%, rgba(103,183,255,0.10), transparent 31%),
linear-gradient(145deg, rgba(255,255,255,0.058), rgba(255,255,255,0.018)),
var(--contacts-card);
box-shadow:0 18px 54px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.08);
overflow:hidden;
}

body.contacts-page .agenda-search-card::before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:
linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent) top / 100% 1px no-repeat,
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.085), transparent 34%);
}

body.contacts-page .agenda-search-card form,
body.contacts-page .agenda-search-head,
body.contacts-page .agenda-search-body{
position:relative;
z-index:1;
}

body.contacts-page .agenda-search-card form,
body.contacts-page .agenda-search-body{
gap:14px;
}

body.contacts-page .agenda-search-head{
grid-template-columns:minmax(0, 1fr) auto;
gap:14px;
align-items:center;
}

body.contacts-page .agenda-search-head .eyebrow{
display:inline-flex;
align-items:center;
min-height:25px;
padding:0 10px;
border:1px solid rgba(243,255,105,0.28);
border-radius:999px;
background:rgba(243,255,105,0.08);
color:#f6ffc0;
font-size:9px;
font-weight:950;
letter-spacing:0.14em;
}

body.contacts-page .agenda-search-head h2{
margin:8px 0 4px;
font-size:clamp(1.65rem, 3vw, 2.55rem);
line-height:0.95;
letter-spacing:-0.075em;
}

body.contacts-page .agenda-search-head p{
max-width:620px;
font-size:13px;
line-height:1.38;
color:rgba(255,255,255,0.60);
}

body.contacts-page .agenda-search-control{
align-items:center;
gap:9px;
}

body.contacts-page .agenda-search-result{
min-width:132px;
gap:2px;
padding:10px 12px;
border:1px solid rgba(255,255,255,0.11);
border-radius:18px;
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.10), transparent 36%),
rgba(255,255,255,0.045);
}

body.contacts-page .agenda-search-result span,
body.contacts-page .agenda-filter-section h3,
body.contacts-page .agenda-filter-grid label span{
font-size:9.2px;
letter-spacing:0.13em;
color:rgba(255,255,255,0.56);
}

body.contacts-page .agenda-search-result strong{
font-size:clamp(1.65rem, 2.5vw, 2.15rem);
letter-spacing:-0.07em;
}

body.contacts-page .agenda-search-result small{
font-size:11px;
color:rgba(255,255,255,0.52);
}

body.contacts-page .agenda-search-toggle{
min-width:132px;
height:42px;
padding:0 14px;
border-radius:15px;
border-color:rgba(255,255,255,0.13);
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.22), transparent 36%),
rgba(255,255,255,0.068);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10), 0 12px 28px rgba(0,0,0,0.22);
}

body.contacts-page .agenda-search-toggle:hover{
border-color:rgba(243,255,105,0.50);
background:linear-gradient(135deg, var(--contacts-yellow), var(--contacts-mint));
color:#050505;
}

body.contacts-page .agenda-filter-grid-simple,
body.contacts-page .admin-agenda-filter-grid.agenda-filter-grid-simple{
grid-template-columns:minmax(280px, 1.7fr) minmax(150px, 0.72fr) minmax(170px, 0.82fr);
gap:10px;
align-items:stretch;
}

body.contacts-page .admin-agenda-filter-grid.agenda-filter-grid-simple{
grid-template-columns:minmax(280px, 1.45fr) minmax(220px, 1fr) minmax(150px, 0.72fr) minmax(170px, 0.82fr);
}

body.contacts-page .agenda-filter-grid-simple label{
min-width:0;
gap:6px;
padding:10px;
border:1px solid rgba(255,255,255,0.09);
border-radius:18px;
background:rgba(255,255,255,0.035);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.055);
}

body.contacts-page .agenda-filter-grid-simple input,
body.contacts-page .agenda-filter-grid-simple select{
height:40px;
padding:0 11px;
border-radius:13px;
border-color:rgba(255,255,255,0.11);
background:rgba(0,0,0,0.30);
font-size:13px;
font-weight:760;
}

body.contacts-page .agenda-filter-grid-simple input:focus,
body.contacts-page .agenda-filter-grid-simple select:focus{
border-color:rgba(243,255,105,0.46);
box-shadow:0 0 0 4px rgba(243,255,105,0.07), inset 0 1px 0 rgba(255,255,255,0.11);
}

body.contacts-page .agenda-filter-section-compact{
gap:9px;
padding:12px;
border-radius:20px;
background:rgba(255,255,255,0.032);
}

body.contacts-page .agenda-chip-grid{
gap:6px;
}

body.contacts-page .agenda-filter-chip span{
min-height:29px;
padding:0 10px;
border-color:rgba(255,255,255,0.11);
background:rgba(255,255,255,0.05);
font-size:10.5px;
}

body.contacts-page .agenda-filter-chip input:checked + span{
background:linear-gradient(135deg, var(--contacts-yellow), var(--contacts-mint));
border-color:rgba(243,255,105,0.60);
color:#050505;
box-shadow:0 10px 24px rgba(153,255,226,0.12);
}

body.contacts-page .agenda-optional-filters{
gap:10px;
border-radius:20px;
background:rgba(255,255,255,0.032);
}

body.contacts-page .agenda-optional-filters summary{
min-height:48px;
padding:0 14px;
}

body.contacts-page .agenda-optional-filters summary span{
font-size:11.5px;
}

body.contacts-page .agenda-optional-filters summary small{
font-size:11px;
}

body.contacts-page .agenda-optional-filters summary::after{
width:27px;
height:27px;
font-size:17px;
}

body.contacts-page .agenda-filter-subsection{
gap:8px;
padding:0 14px 14px;
}

body.contacts-page .agenda-search-actions{
gap:8px;
}

body.contacts-page .agenda-search-actions .btn,
body.contacts-page .agenda-search-actions .ghost-btn{
min-height:39px;
padding:0 15px;
border-radius:14px;
font-size:10.5px;
font-weight:950;
letter-spacing:0.08em;
text-transform:uppercase;
}

@media(max-width:1180px){
body.contacts-page .agenda-stats-panel{
grid-template-columns:repeat(3, minmax(0, 1fr));
}

body.contacts-page .agenda-stat-main{
grid-column:1 / -1;
grid-row:auto;
min-height:170px;
}

body.contacts-page .agenda-filter-grid-simple,
body.contacts-page .admin-agenda-filter-grid.agenda-filter-grid-simple{
grid-template-columns:repeat(3, minmax(0, 1fr));
}

body.contacts-page .agenda-filter-grid-simple .agenda-search-wide{
grid-column:1 / -1;
}
}

@media(max-width:820px){
body.contacts-page .agenda-stats-panel{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

body.contacts-page .agenda-search-head{
grid-template-columns:1fr;
align-items:start;
}

body.contacts-page .agenda-search-control{
justify-content:flex-start;
}
}

@media(max-width:720px){
body.contacts-page .agenda-stats-panel,
body.contacts-page .agenda-filter-grid-simple,
body.contacts-page .admin-agenda-filter-grid.agenda-filter-grid-simple{
grid-template-columns:1fr;
}

body.contacts-page .agenda-stat-card{
min-height:104px;
padding:13px 14px;
border-radius:22px;
}

body.contacts-page .agenda-stat-main{
min-height:148px;
}

body.contacts-page .agenda-stat-main strong{
font-size:3.25rem;
}

body.contacts-page .agenda-search-card{
padding:14px;
border-radius:24px;
}

body.contacts-page .agenda-search-control{
display:grid;
grid-template-columns:1fr;
}

body.contacts-page .agenda-search-result,
body.contacts-page .agenda-search-toggle{
width:100%;
}

body.contacts-page .note-composer{
gap:10px;
}

body.contacts-page .note-composer-head{
grid-template-columns:auto 1fr;
}

body.contacts-page .note-register-button{
width:100%;
min-height:44px;
}
}

/* Sells 3.0: tighter spacing, modern CRM fields and consistent Widais liquid controls. */
body.sells-page{
--sells-card:rgba(8,9,12,0.90);
--sells-line:rgba(255,255,255,0.12);
--sells-line-strong:rgba(255,255,255,0.24);
--sells-muted:rgba(255,255,255,0.62);
--sells-soft:rgba(255,255,255,0.055);
--sells-yellow:#ffd654;
--sells-orange:#ff8b4d;
--sells-blue:#5aa6ff;
--sells-green:#67f4b7;
}

body.sells-page .container{
display:grid;
gap:18px;
}

body.sells-page .notice,
body.sells-page .error-box{
margin:0;
}

body.sells-page .stats-head{
display:grid;
grid-template-columns:minmax(0, 1fr);
gap:8px;
margin:0 0 14px;
}

body.sells-page .stats-head > div{
display:grid;
gap:6px;
}

body.sells-page .stats-head h2{
margin:0;
color:#fff;
font-size:clamp(1.65rem, 2.3vw, 2.55rem);
line-height:0.96;
letter-spacing:-0.065em;
}

body.sells-page .stats-head p,
body.sells-page .stats-head > span{
max-width:680px;
margin:0;
color:var(--sells-muted);
font-size:13px;
font-weight:650;
line-height:1.42;
}

body.sells-page .stats-head span{
display:inline-flex;
align-items:center;
width:max-content;
max-width:100%;
min-height:27px;
padding:0 10px;
border:1px solid rgba(255,214,84,0.22);
border-radius:999px;
background:rgba(255,214,84,0.08);
color:#ffe7a3;
font-size:9.5px;
font-weight:950;
letter-spacing:0.13em;
line-height:1;
text-transform:uppercase;
}

body.sells-page .sells-hero-card,
body.sells-page .sells-create-card,
body.sells-page .sells-marked-card,
body.sells-page .sells-call-card,
body.sells-page .sells-toolbar,
body.sells-page .sells-opportunity-card{
border:1px solid transparent;
background:
radial-gradient(circle at 8% 0%, rgba(255,214,84,0.11), transparent 34%) padding-box,
radial-gradient(circle at 92% 5%, rgba(90,166,255,0.10), transparent 30%) padding-box,
linear-gradient(145deg, rgba(255,255,255,0.066), rgba(255,255,255,0.020)) padding-box,
linear-gradient(145deg, rgba(255,255,255,0.18), rgba(255,214,84,0.18), rgba(90,166,255,0.14)) border-box;
box-shadow:0 24px 70px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.09);
}

body.sells-page .sells-hero-card{
gap:22px;
margin:0;
}

body.sells-page .sells-layout-grid{
gap:18px;
margin-top:0;
}

body.sells-page .sells-create-card,
body.sells-page .sells-marked-card,
body.sells-page .sells-call-card,
body.sells-page .sells-toolbar{
padding:20px;
}

body.sells-page .sells-create-card{
align-self:stretch;
}

body.sells-page .settings-form{
gap:16px;
}

body.sells-page .sells-create-card .lead-fields,
body.sells-page .sells-opportunity-form .lead-fields,
body.sells-page .sells-note-composer .lead-fields{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(175px, 1fr));
gap:10px;
padding:12px;
border:1px solid rgba(255,255,255,0.09);
border-radius:24px;
background:
radial-gradient(circle at 10% 0%, rgba(255,255,255,0.07), transparent 34%),
rgba(255,255,255,0.025);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
}

body.sells-page .sells-create-card .lead-field-full,
body.sells-page .sells-opportunity-form .lead-field-full,
body.sells-page .sells-note-composer .lead-field-full{
grid-column:1 / -1;
}

body.sells-page .settings-form .lead-fields label,
body.sells-page .sells-opportunity-form .lead-fields label,
body.sells-page .sells-note-composer .lead-fields label{
display:grid;
align-content:start;
gap:7px;
min-width:0;
min-height:82px;
padding:11px;
border:1px solid rgba(255,255,255,0.10);
border-radius:18px;
background:
radial-gradient(circle at 16% 0%, rgba(255,255,255,0.08), transparent 36%),
rgba(0,0,0,0.24);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.055);
transition:border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

body.sells-page .settings-form .lead-fields label:focus-within,
body.sells-page .sells-opportunity-form .lead-fields label:focus-within,
body.sells-page .sells-note-composer .lead-fields label:focus-within{
border-color:rgba(255,214,84,0.42);
background:
radial-gradient(circle at 16% 0%, rgba(255,214,84,0.13), transparent 38%),
rgba(0,0,0,0.31);
box-shadow:0 0 0 4px rgba(255,214,84,0.065), inset 0 1px 0 rgba(255,255,255,0.08);
transform:translateY(-1px);
}

body.sells-page .lead-fields label span,
body.sells-page .sells-note-composer .lead-fields label span{
color:rgba(255,255,255,0.58);
font-size:9.5px;
font-weight:950;
letter-spacing:0.13em;
line-height:1.15;
text-transform:uppercase;
}

body.sells-page input,
body.sells-page select,
body.sells-page textarea{
width:100%;
min-width:0;
border:1px solid rgba(255,255,255,0.11);
border-radius:14px;
background:rgba(0,0,0,0.34);
color:#fff;
font-family:inherit;
font-size:13px;
font-weight:740;
outline:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

body.sells-page input,
body.sells-page select{
height:40px;
padding:0 11px;
}

body.sells-page textarea{
min-height:92px;
padding:11px 12px;
line-height:1.42;
resize:vertical;
}

body.sells-page textarea::placeholder,
body.sells-page input::placeholder{
color:rgba(255,255,255,0.34);
font-weight:650;
}

body.sells-page input:hover,
body.sells-page select:hover,
body.sells-page textarea:hover{
background:rgba(0,0,0,0.42);
border-color:rgba(255,255,255,0.18);
}

body.sells-page input:focus,
body.sells-page select:focus,
body.sells-page textarea:focus{
background:rgba(0,0,0,0.54);
border-color:rgba(255,214,84,0.46);
box-shadow:0 0 0 4px rgba(255,214,84,0.08), inset 0 1px 0 rgba(255,255,255,0.09);
}

body.sells-page select option{
background:#101010;
color:#fff;
}

body.sells-page input[type="datetime-local"]{
color-scheme:dark;
}

body.sells-page .actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:9px;
flex-wrap:wrap;
margin-top:12px;
}

body.sells-page .sells-create-card > .actions{
margin-top:14px;
}

body.sells-page .sells-kpis{
gap:10px;
}

body.sells-page .sells-kpis article{
min-height:112px;
padding:15px;
border-radius:24px;
}

body.sells-page .sells-kpis strong{
font-size:clamp(1.8rem, 2.8vw, 3.15rem);
}

body.sells-page .sells-marked-list{
gap:8px;
}

body.sells-page .sells-marked-list a{
gap:4px 9px;
min-height:66px;
padding:11px 12px;
border-radius:18px;
}

body.sells-page .sells-marked-list strong{
font-size:13px;
}

body.sells-page .sells-call-list{
gap:8px;
}

body.sells-page .sells-call-item{
gap:4px 10px;
padding:12px;
border-radius:19px;
}

body.sells-page .sells-call-item span{
font-size:10px;
}

body.sells-page .sells-call-item strong{
font-size:14px;
}

body.sells-page .sells-call-item small{
font-size:12px;
}

body.sells-page .sells-call-item a{
min-height:28px;
padding:0 10px;
font-size:10.5px;
letter-spacing:0.04em;
}

body.sells-page .sells-toolbar{
grid-template-columns:minmax(0, 1fr) auto;
align-items:center;
gap:14px;
margin-top:0;
}

body.sells-page .sells-filter-row{
gap:8px;
}

body.sells-page .sells-filter-row select{
min-width:190px;
height:40px;
border-radius:14px;
}

body.sells-page .sells-opportunity-list{
gap:14px;
margin-top:0;
}

body.sells-page .sells-opportunity-card{
border-radius:28px;
}

body.sells-page .sells-opportunity-card::before{
width:4px;
border-radius:999px;
}

body.sells-page .sells-opportunity-summary{
grid-template-columns:minmax(0, 1fr) minmax(180px, auto) auto;
gap:12px;
padding:17px 18px 17px 22px;
}

body.sells-page .sells-opportunity-summary::after{
grid-column:3;
grid-row:1;
width:34px;
height:34px;
}

body.sells-page .sells-opportunity-summary h3{
margin:8px 0 5px;
font-size:clamp(1.35rem, 2.05vw, 2rem);
line-height:1.02;
}

body.sells-page .sells-opportunity-summary p{
max-width:720px;
font-size:12.5px;
line-height:1.32;
}

body.sells-page .sells-summary-meta{
grid-column:2;
padding-right:0;
gap:6px;
}

body.sells-page .sells-summary-meta strong{
font-size:clamp(1.25rem, 2vw, 1.8rem);
}

body.sells-page .sells-stage-badge,
body.sells-page .sells-priority{
min-height:27px;
padding:0 10px;
font-size:9.5px;
}

body.sells-page .sells-progress{
height:8px;
margin:0 18px 14px 22px;
}

body.sells-page .sells-opportunity-form{
display:grid;
gap:12px;
padding:0 18px 18px 22px;
}

body.sells-page .sells-note-composer{
position:relative;
display:grid;
gap:12px;
margin:0 18px 16px 22px;
padding:15px;
border:1px solid rgba(255,255,255,0.10);
border-radius:22px;
background:
radial-gradient(circle at 10% 0%, rgba(255,214,84,0.11), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.052), rgba(255,255,255,0.018));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}

body.sells-page .sells-note-composer::before{
content:"Registrar actividad";
display:inline-flex;
align-items:center;
width:max-content;
min-height:26px;
padding:0 10px;
border:1px solid rgba(255,214,84,0.22);
border-radius:999px;
background:rgba(255,214,84,0.08);
color:#ffe7a3;
font-size:9px;
font-weight:950;
letter-spacing:0.13em;
text-transform:uppercase;
}

body.sells-page .sells-note-composer .lead-fields{
grid-template-columns:minmax(140px, 0.35fr) minmax(175px, 0.45fr) minmax(260px, 1.2fr);
padding:0;
border:0;
background:none;
box-shadow:none;
}

body.sells-page .sells-note-composer .lead-field-full{
grid-column:auto;
}

body.sells-page .sells-note-composer textarea{
min-height:78px;
}

body.sells-page .sells-note-composer .actions{
margin-top:0;
justify-content:flex-end;
}

body.sells-page .sells-notes-list{
gap:9px;
padding:0 18px 18px 22px;
}

body.sells-page .sells-notes-list .lead-label{
margin:0;
padding:0 0 0 2px;
color:rgba(255,255,255,0.54);
font-size:9.5px;
font-weight:950;
letter-spacing:0.14em;
text-transform:uppercase;
}

body.sells-page .sells-note-item{
grid-template-columns:minmax(0, 1fr) auto;
gap:6px 10px;
padding:11px 12px;
border-radius:17px;
}

body.sells-page .sells-note-item p{
grid-column:1 / -1;
font-size:12.5px;
line-height:1.42;
}

body.sells-page .sells-note-item button{
grid-column:2;
grid-row:1;
min-height:27px;
padding:0 10px;
font-size:10px;
}

body.sells-page .btn{
min-height:39px;
padding:0 15px;
border-radius:14px;
font-size:10.5px;
letter-spacing:0.07em;
text-transform:uppercase;
}

body.sells-page .btn.secondary{
background:rgba(255,255,255,0.055);
}

@media(max-width:1080px){
body.sells-page .sells-hero-card,
body.sells-page .sells-layout-grid,
body.sells-page .sells-toolbar{
grid-template-columns:1fr;
}

body.sells-page .sells-opportunity-summary{
grid-template-columns:minmax(0, 1fr) auto;
}

body.sells-page .sells-summary-meta{
grid-column:1;
justify-items:start;
}

body.sells-page .sells-opportunity-summary::after{
grid-column:2;
grid-row:1;
}
}

@media(max-width:760px){
body.sells-page .sells-create-card,
body.sells-page .sells-marked-card,
body.sells-page .sells-call-card,
body.sells-page .sells-toolbar{
padding:16px;
border-radius:24px;
}

body.sells-page .sells-create-card .lead-fields,
body.sells-page .sells-opportunity-form .lead-fields,
body.sells-page .sells-note-composer .lead-fields{
grid-template-columns:1fr;
}

body.sells-page .sells-note-composer .lead-field-full{
grid-column:1;
}

body.sells-page .sells-opportunity-summary{
grid-template-columns:1fr;
padding:16px 16px 16px 20px;
}

body.sells-page .sells-opportunity-summary::after{
position:absolute;
right:14px;
top:14px;
}

body.sells-page .sells-summary-meta{
padding-right:42px;
}

body.sells-page .actions,
body.sells-page .sells-filter-row{
justify-content:stretch;
}

body.sells-page .actions .btn,
body.sells-page .sells-filter-row .btn,
body.sells-page .sells-filter-row select{
width:100%;
}

body.sells-page .sells-note-composer,
body.sells-page .sells-notes-list,
body.sells-page .sells-opportunity-form{
margin-left:14px;
margin-right:14px;
padding-left:14px;
padding-right:14px;
}
}

/* Link form preferences: premium compact controls inside the collapsible Link panel. */
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-settings{
grid-template-columns:minmax(250px, 1.2fr) minmax(190px, .78fr) minmax(205px, .86fr) minmax(190px, .78fr) minmax(178px, auto);
align-items:stretch;
gap:14px;
padding:18px;
border:1px solid rgba(255,255,255,0.14);
border-radius:28px;
background:
radial-gradient(circle at 4% 0%, rgba(251,146,60,0.20), transparent 34%),
radial-gradient(circle at 64% -10%, rgba(241,255,92,0.13), transparent 30%),
radial-gradient(circle at 100% 12%, rgba(94,234,212,0.12), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.082), rgba(255,255,255,0.024)),
rgba(5,5,5,0.74);
box-shadow:0 20px 54px rgba(0,0,0,0.26), inset 0 1px 0 rgba(255,255,255,0.10);
overflow:visible;
isolation:isolate;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .preference-manager,
body:not(.login-page).link-admin-page .link-form-preferences-card .preference-manager-card{
overflow:visible;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .preference-manager-card:has(.form-preferences-select.is-open){
position:relative;
z-index:10000;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .preference-manager-card.has-open-showcase-picker{
position:relative;
z-index:10000;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-settings::before{
inset:0;
border-radius:28px;
background:
linear-gradient(120deg, rgba(255,255,255,0.16), transparent 28%, transparent 72%, rgba(255,255,255,0.07)),
linear-gradient(90deg, rgba(251,146,60,0.16), transparent 36%, rgba(94,234,212,0.12));
opacity:.48;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-url,
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-switch{
position:relative;
min-height:88px;
align-content:center;
padding:16px 15px 16px 54px;
border:1px solid rgba(255,255,255,0.12);
border-radius:22px;
background:
radial-gradient(circle at 14% 0%, rgba(255,255,255,0.11), transparent 34%),
rgba(255,255,255,0.052);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 24px rgba(0,0,0,0.12);
transition:border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-url:hover,
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-switch:hover,
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-url:focus-within,
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-switch:focus-within{
border-color:rgba(251,146,60,0.30);
background:
radial-gradient(circle at 14% 0%, rgba(255,255,255,0.16), transparent 34%),
rgba(255,255,255,0.072);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12), 0 16px 30px rgba(0,0,0,0.18), 0 0 0 1px rgba(251,146,60,0.07);
transform:translateY(-1px);
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-url::before,
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-switch::before{
content:"";
position:absolute;
left:15px;
top:18px;
width:28px;
height:28px;
border:1px solid rgba(255,255,255,0.16);
border-radius:13px;
background:
radial-gradient(circle at 28% 18%, rgba(255,255,255,0.34), transparent 34%),
linear-gradient(135deg, rgba(251,146,60,0.30), rgba(241,255,92,0.12)),
rgba(255,255,255,0.075);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.16), 0 8px 18px rgba(0,0,0,0.20);
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-url::after,
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-switch::after{
content:"";
position:absolute;
left:22px;
top:25px;
width:14px;
height:14px;
background:rgba(255,255,255,0.90);
pointer-events:none;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-url::after{
mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6 13.4a1.2 1.2 0 0 1 0-1.7l4.2-4.2a3 3 0 1 1 4.2 4.2l-2.1 2.1a1 1 0 1 0 1.4 1.4l2.1-2.1a5 5 0 1 0-7.1-7.1l-4.2 4.2a3.2 3.2 0 0 0 0 4.5 1 1 0 0 0 1.5-1.3Zm2.8-2.8a1.2 1.2 0 0 1 0 1.7l-4.2 4.2a3 3 0 1 1-4.2-4.2l2.1-2.1a1 1 0 1 0-1.4-1.4l-2.1 2.1a5 5 0 1 0 7.1 7.1l4.2-4.2a3.2 3.2 0 0 0 0-4.5 1 1 0 0 0-1.5 1.3Z'/%3E%3C/svg%3E") center / contain no-repeat;
-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6 13.4a1.2 1.2 0 0 1 0-1.7l4.2-4.2a3 3 0 1 1 4.2 4.2l-2.1 2.1a1 1 0 1 0 1.4 1.4l2.1-2.1a5 5 0 1 0-7.1-7.1l-4.2 4.2a3.2 3.2 0 0 0 0 4.5 1 1 0 0 0 1.5-1.3Zm2.8-2.8a1.2 1.2 0 0 1 0 1.7l-4.2 4.2a3 3 0 1 1-4.2-4.2l2.1-2.1a1 1 0 1 0-1.4-1.4l-2.1 2.1a5 5 0 1 0 7.1 7.1l4.2-4.2a3.2 3.2 0 0 0 0-4.5 1 1 0 0 0-1.5 1.3Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select::after{
mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3h12a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm1 4v3h10V7H7Zm0 5v5h4v-5H7Zm6 0v5h4v-5h-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3h12a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm1 4v3h10V7H7Zm0 5v5h4v-5H7Zm6 0v5h4v-5h-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select{
padding-right:15px;
overflow:visible;
z-index:80;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select.is-open{
z-index:100000;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select-current{
display:inline-flex;
align-items:center;
justify-content:flex-start;
position:relative;
width:100%;
min-height:40px;
padding:0 42px 0 14px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.15), transparent 34%),
linear-gradient(135deg, rgba(251,146,60,0.16), rgba(94,234,212,0.08)),
rgba(0,0,0,0.34);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 22px rgba(0,0,0,0.16);
font-size:14px;
font-style:normal;
font-weight:950;
letter-spacing:-0.02em;
line-height:1;
text-align:left;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select-current::after{
content:"";
position:absolute;
right:8px;
top:50%;
width:25px;
height:25px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:
radial-gradient(circle at 30% 20%, rgba(255,255,255,0.28), transparent 35%),
rgba(255,255,255,0.070);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12);
transform:translateY(-50%);
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select-current::before{
content:"";
position:absolute;
right:17px;
top:50%;
width:7px;
height:7px;
border-right:2px solid rgba(255,255,255,0.88);
border-bottom:2px solid rgba(255,255,255,0.88);
transform:translateY(-65%) rotate(45deg);
z-index:2;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select select{
position:absolute;
left:54px;
right:15px;
bottom:15px;
width:calc(100% - 69px);
height:40px;
min-height:40px;
padding:0;
border:0;
border-radius:999px;
opacity:0;
cursor:pointer;
z-index:4;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select select:focus + *{
outline:none;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select:focus-within .form-preferences-select-current{
border-color:rgba(251,146,60,0.58);
box-shadow:0 0 0 4px rgba(251,146,60,0.10), inset 0 1px 0 rgba(255,255,255,0.10), 0 12px 24px rgba(0,0,0,0.20);
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select.is-open .form-preferences-select-current{
border-color:rgba(241,255,92,0.50);
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.22), transparent 34%),
linear-gradient(135deg, rgba(251,146,60,0.24), rgba(94,234,212,0.12)),
rgba(0,0,0,0.42);
box-shadow:0 0 0 4px rgba(241,255,92,0.08), inset 0 1px 0 rgba(255,255,255,0.14), 0 16px 34px rgba(0,0,0,0.26);
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select:focus-within .form-preferences-select-current::after{
border-color:rgba(251,146,60,0.42);
background:
radial-gradient(circle at 30% 20%, rgba(255,255,255,0.36), transparent 35%),
rgba(251,146,60,0.14);
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select select option{
background:#101010;
color:#fff;
font-weight:800;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select-menu{
position:absolute;
left:12px;
right:auto;
top:calc(100% + 10px);
width:min(260px, calc(100vw - 44px));
z-index:100001;
display:grid;
gap:7px;
padding:7px;
border:1px solid rgba(255,255,255,0.16);
border-radius:18px;
background:
radial-gradient(circle at 10% 0%, rgba(251,146,60,0.18), transparent 38%),
radial-gradient(circle at 95% 20%, rgba(94,234,212,0.14), transparent 36%),
linear-gradient(145deg, rgba(24,24,24,0.99), rgba(8,8,8,0.97));
box-shadow:0 34px 70px rgba(0,0,0,0.58), 0 0 0 1px rgba(241,255,92,0.05), inset 0 1px 0 rgba(255,255,255,0.12);
backdrop-filter:blur(18px) saturate(150%);
-webkit-backdrop-filter:blur(18px) saturate(150%);
transform-origin:top center;
animation:widaisSelectPop .16s ease both;
}

body:not(.login-page).link-admin-page .form-preferences-select-menu.is-floating{
position:fixed;
right:auto;
z-index:2147483000;
display:grid;
gap:7px;
padding:7px;
border:1px solid rgba(255,255,255,0.16);
border-radius:18px;
background:
radial-gradient(circle at 10% 0%, rgba(251,146,60,0.18), transparent 38%),
radial-gradient(circle at 95% 20%, rgba(94,234,212,0.14), transparent 36%),
linear-gradient(145deg, rgba(24,24,24,0.99), rgba(8,8,8,0.97));
box-shadow:0 34px 70px rgba(0,0,0,0.58), 0 0 0 1px rgba(241,255,92,0.05), inset 0 1px 0 rgba(255,255,255,0.12);
backdrop-filter:blur(18px) saturate(150%);
-webkit-backdrop-filter:blur(18px) saturate(150%);
transform-origin:top center;
animation:widaisSelectPop .16s ease both;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select-menu[hidden],
body:not(.login-page).link-admin-page .form-preferences-select-menu.is-floating[hidden]{
display:none;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select-option,
body:not(.login-page).link-admin-page .form-preferences-select-menu.is-floating .form-preferences-select-option{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
min-height:38px;
padding:0 12px;
border:1px solid rgba(255,255,255,0.10);
border-radius:14px;
background:rgba(255,255,255,0.045);
color:rgba(255,255,255,0.82);
font-size:13px;
font-weight:950;
letter-spacing:-0.01em;
text-align:left;
cursor:pointer;
transition:transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select-option::after,
body:not(.login-page).link-admin-page .form-preferences-select-menu.is-floating .form-preferences-select-option::after{
content:"";
width:17px;
height:17px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.04);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
transition:background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select-option:hover,
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select-option:focus-visible,
body:not(.login-page).link-admin-page .form-preferences-select-menu.is-floating .form-preferences-select-option:hover,
body:not(.login-page).link-admin-page .form-preferences-select-menu.is-floating .form-preferences-select-option:focus-visible{
border-color:rgba(241,255,92,0.32);
background:rgba(255,255,255,0.085);
color:#fff;
outline:none;
transform:translateY(-1px);
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select-option.is-selected,
body:not(.login-page).link-admin-page .form-preferences-select-menu.is-floating .form-preferences-select-option.is-selected{
border-color:rgba(241,255,92,0.42);
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.22), transparent 36%),
linear-gradient(135deg, rgba(241,255,92,0.20), rgba(251,146,60,0.16)),
rgba(255,255,255,0.075);
color:#f8ffd1;
box-shadow:0 12px 24px rgba(241,255,92,0.08), inset 0 1px 0 rgba(255,255,255,0.13);
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-select-option.is-selected::after,
body:not(.login-page).link-admin-page .form-preferences-select-menu.is-floating .form-preferences-select-option.is-selected::after{
border-color:rgba(241,255,92,0.58);
background:
radial-gradient(circle, #f1ff5c 0 36%, transparent 38%),
rgba(241,255,92,0.13);
box-shadow:0 0 0 4px rgba(241,255,92,0.09), inset 0 1px 0 rgba(255,255,255,0.18);
}

@keyframes widaisSelectPop{
from{
opacity:0;
transform:translateY(-6px) scale(.98);
}
to{
opacity:1;
transform:translateY(0) scale(1);
}
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-switch::after{
mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm0 4v12h10V6H7Zm3 13h4v1h-4v-1Z'/%3E%3C/svg%3E") center / contain no-repeat;
-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm0 4v12h10V6H7Zm3 13h4v1h-4v-1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-switch-showcase::after{
mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5c5 0 8.7 4.2 10 7-1.3 2.8-5 7-10 7S3.3 14.8 2 12c1.3-2.8 5-7 10-7Zm0 2C8.4 7 5.6 9.7 4.3 12 5.6 14.3 8.4 17 12 17s6.4-2.7 7.7-5C18.4 9.7 15.6 7 12 7Zm0 2.2a2.8 2.8 0 1 1 0 5.6 2.8 2.8 0 0 1 0-5.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5c5 0 8.7 4.2 10 7-1.3 2.8-5 7-10 7S3.3 14.8 2 12c1.3-2.8 5-7 10-7Zm0 2C8.4 7 5.6 9.7 4.3 12 5.6 14.3 8.4 17 12 17s6.4-2.7 7.7-5C18.4 9.7 15.6 7 12 7Zm0 2.2a2.8 2.8 0 1 1 0 5.6 2.8 2.8 0 0 1 0-5.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-url span,
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-switch > span:first-child{
color:rgba(255,255,255,0.72);
font-size:10px;
font-weight:950;
letter-spacing:0.12em;
line-height:1.1;
text-wrap:balance;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-url input,
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-url select{
min-height:40px;
padding:0 13px;
border-color:rgba(255,255,255,0.14);
background:rgba(0,0,0,0.30);
font-size:14px;
font-weight:900;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-url input:focus,
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-url select:focus{
border-color:rgba(251,146,60,0.56);
box-shadow:0 0 0 4px rgba(251,146,60,0.10), inset 0 1px 0 rgba(255,255,255,0.10);
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-switch{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
align-items:center;
gap:12px;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-switch .ios-switch{
align-self:center;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-note{
grid-column:1 / -1;
display:flex;
align-items:center;
gap:10px;
margin:0;
padding:12px 14px;
border:1px solid rgba(251,146,60,0.18);
border-radius:18px;
background:
linear-gradient(90deg, rgba(251,146,60,0.12), rgba(241,255,92,0.06), transparent),
rgba(255,255,255,0.04);
color:rgba(255,255,255,0.74);
font-size:12px;
font-weight:750;
line-height:1.45;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-note strong{
color:#f1ff5c;
font-weight:1000;
letter-spacing:0.04em;
text-transform:uppercase;
white-space:nowrap;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-note::before{
content:"";
flex:0 0 auto;
width:18px;
height:18px;
border-radius:999px;
background:linear-gradient(135deg, #fb923c, #f1ff5c);
box-shadow:0 0 0 5px rgba(251,146,60,0.10);
mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 17h2v-6h-2v6Zm0-8h2V7h-2v2Zm1-7a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z'/%3E%3C/svg%3E") center / contain no-repeat;
-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 17h2v-6h-2v6Zm0-8h2V7h-2v2Zm1-7a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-settings .actions{
grid-column:5;
grid-row:1;
align-self:stretch;
align-items:stretch;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-settings > .actions .btn{
width:100%;
min-height:88px;
padding:0 20px;
border-color:rgba(255,255,255,0.22);
border-radius:22px;
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.42), transparent 30%),
linear-gradient(135deg, #f1ff5c, #9effe1);
color:#050505;
box-shadow:0 20px 38px rgba(158,255,225,0.18), inset 0 1px 0 rgba(255,255,255,0.52);
font-size:12px;
font-weight:1000;
letter-spacing:0.08em;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-settings > .actions .btn:hover,
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-settings > .actions .btn:focus-visible{
border-color:rgba(255,255,255,0.42);
filter:saturate(1.08) brightness(1.05);
box-shadow:0 24px 42px rgba(158,255,225,0.24), inset 0 1px 0 rgba(255,255,255,0.58);
}

@media(max-width:1180px){
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-settings{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-settings .actions{
grid-column:1 / -1;
grid-row:auto;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-settings > .actions .btn{
min-height:50px;
}
}

@media(max-width:760px){
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-settings{
grid-template-columns:1fr;
padding:14px;
border-radius:24px;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-url,
body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-switch{
min-height:76px;
padding:14px 14px 14px 50px;
}

body:not(.login-page).link-admin-page .link-form-preferences-card .form-preferences-note{
font-size:11px;
}
}

/* Admin Inicio: captacion global independiente del dashboard Pro. */
.admin-home-page .admin-capture-hero{
background:
radial-gradient(circle at 11% 16%, rgba(241,255,92,0.24), transparent 30%),
radial-gradient(circle at 66% 8%, rgba(94,234,212,0.24), transparent 30%),
radial-gradient(circle at 92% 78%, rgba(96,165,250,0.24), transparent 32%),
linear-gradient(135deg, #060606 0%, #141414 50%, #050505 100%);
}

.admin-home-page .admin-capture-hero::before{
content:"";
position:absolute;
inset:-35% -10% auto 48%;
height:220px;
border-radius:999px;
background:linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
filter:blur(2px);
transform:rotate(-11deg);
opacity:.72;
pointer-events:none;
}

.admin-home-page .admin-capture-card-home{
background:
radial-gradient(circle at 86% 14%, rgba(241,255,92,0.28), transparent 34%),
linear-gradient(145deg, #17150a, #080808);
}

.admin-home-page .admin-capture-card-platform{
background:
radial-gradient(circle at 82% 16%, rgba(94,234,212,0.24), transparent 34%),
linear-gradient(145deg, #071816, #070707);
}


.admin-home-page .admin-capture-card-pro{
background:
radial-gradient(circle at 82% 16%, rgba(96,165,250,0.25), transparent 34%),
linear-gradient(145deg, #07111f, #070707);
}

.admin-home-page .admin-capture-total-card{
position:relative;
display:grid;
gap:16px;
padding:18px;
border-radius:30px;
background:
radial-gradient(circle at 6% 10%, rgba(241,255,92,0.14), transparent 30%),
radial-gradient(circle at 72% 0%, rgba(94,234,212,0.18), transparent 32%),
radial-gradient(circle at 100% 90%, rgba(96,165,250,0.16), transparent 34%),
linear-gradient(145deg, rgba(13,13,13,0.99), rgba(3,3,3,0.99));
box-shadow:0 22px 64px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.08);
}

.admin-home-page .admin-capture-total-card::before{
content:"";
position:absolute;
inset:1px;
border-radius:29px;
background:
linear-gradient(120deg, rgba(255,255,255,0.14), transparent 28%, transparent 72%, rgba(255,255,255,0.08)),
linear-gradient(90deg, rgba(241,255,92,0.12), transparent 36%, rgba(94,234,212,0.10));
opacity:.58;
pointer-events:none;
}

.admin-home-page .admin-capture-dashboard-head{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(260px, .72fr) minmax(360px, 1fr);
align-items:stretch;
gap:14px;
padding:14px;
border:1px solid rgba(255,255,255,0.10);
border-radius:24px;
background:
radial-gradient(circle at 8% 0%, rgba(255,255,255,0.12), transparent 32%),
rgba(255,255,255,0.050);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
}

.admin-home-page .admin-capture-main-metric{
display:grid;
align-content:center;
gap:10px;
min-width:0;
padding:16px;
border-radius:22px;
background:
radial-gradient(circle at 10% 0%, rgba(241,255,92,0.16), transparent 36%),
radial-gradient(circle at 86% 82%, rgba(94,234,212,0.10), transparent 34%),
rgba(0,0,0,0.20);
}

.admin-home-page .admin-capture-main-metric > span,
.admin-home-page .admin-capture-period-title span{
color:rgba(255,255,255,0.62);
font-size:11px;
font-weight:1000;
letter-spacing:.16em;
text-transform:uppercase;
}

.admin-home-page .admin-capture-metric-row{
display:flex;
align-items:flex-end;
gap:14px;
min-width:0;
}

.admin-home-page .admin-capture-main-metric strong{
margin:0;
color:#fff;
font-size:clamp(54px, 6.2vw, 82px);
line-height:.86;
font-weight:1000;
letter-spacing:-.10em;
text-shadow:0 0 34px rgba(94,234,212,0.14);
}

.admin-home-page .admin-capture-metric-copy{
display:grid;
gap:4px;
min-width:0;
padding-bottom:5px;
}

.admin-home-page .admin-capture-metric-copy b{
color:#fff;
font-size:clamp(17px, 2vw, 25px);
font-weight:1000;
letter-spacing:-.05em;
line-height:1;
}

.admin-home-page .admin-capture-metric-copy small{
color:rgba(255,255,255,0.58);
font-size:13px;
font-weight:800;
line-height:1.35;
}

.admin-home-page .admin-capture-period-panel{
display:grid;
grid-template-columns:minmax(150px, .34fr) minmax(0, 1fr);
align-items:center;
gap:12px;
min-width:0;
padding:12px;
border:1px solid rgba(255,255,255,0.10);
border-radius:22px;
background:
radial-gradient(circle at 100% 0%, rgba(96,165,250,0.16), transparent 36%),
rgba(255,255,255,0.040);
}

.admin-home-page .admin-capture-period-title{
display:grid;
gap:5px;
min-width:0;
}

.admin-home-page .admin-capture-period-title strong{
color:#fff;
font-size:clamp(19px, 2vw, 30px);
font-weight:1000;
letter-spacing:-.06em;
line-height:1.05;
}

.admin-home-page .admin-capture-range{
display:grid;
grid-template-columns:repeat(5, minmax(0, 1fr));
justify-content:flex-end;
gap:7px;
max-width:none;
min-width:0;
}

.admin-home-page .admin-capture-range a{
display:flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 10px;
border:1px solid rgba(255,255,255,0.11);
border-radius:16px;
background:rgba(255,255,255,0.060);
color:rgba(255,255,255,0.70);
font-size:10px;
font-weight:950;
letter-spacing:.05em;
text-align:center;
text-decoration:none;
text-transform:uppercase;
transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.admin-home-page .admin-capture-range a:hover,
.admin-home-page .admin-capture-range a.active{
transform:translateY(-1px);
border-color:rgba(255,255,255,0.30);
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.42), transparent 38%),
linear-gradient(135deg, #f1ff5c, #9effe1);
color:#050505;
box-shadow:0 12px 26px rgba(158,255,225,0.16);
}

.admin-home-page .admin-capture-total-layout{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(220px, .28fr);
gap:14px;
align-items:stretch;
}

.admin-home-page .admin-capture-graph-panel{
display:grid;
gap:13px;
min-width:0;
padding:14px;
border:1px solid rgba(255,255,255,0.10);
border-radius:24px;
background:
radial-gradient(circle at 12% 0%, rgba(94,234,212,0.13), transparent 32%),
radial-gradient(circle at 94% 86%, rgba(96,165,250,0.12), transparent 34%),
rgba(255,255,255,0.044);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
}

.admin-home-page .admin-capture-graph-head{
align-items:center;
padding:0 2px 0;
}

.admin-home-page .admin-capture-graph-head h2{
font-size:clamp(26px, 3vw, 42px);
letter-spacing:-.06em;
}

.admin-home-page .admin-capture-graph-head small{
display:block;
margin-top:4px;
color:rgba(255,255,255,0.48);
font-size:12px;
font-weight:800;
}

.admin-home-page .admin-capture-side-metrics{
display:grid;
gap:10px;
min-width:0;
}

.admin-home-page .admin-capture-side-metrics article{
display:grid;
gap:5px;
align-content:center;
min-height:92px;
padding:13px;
border:1px solid rgba(255,255,255,0.11);
border-radius:20px;
background:
radial-gradient(circle at 88% 10%, rgba(255,255,255,0.10), transparent 36%),
rgba(255,255,255,0.052);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
}

.admin-home-page .admin-capture-side-metrics span{
color:rgba(255,255,255,0.54);
font-size:10px;
font-weight:950;
letter-spacing:.12em;
text-transform:uppercase;
}

.admin-home-page .admin-capture-side-metrics strong{
color:#fff;
font-size:clamp(24px, 2.8vw, 38px);
font-weight:1000;
letter-spacing:-.08em;
line-height:.95;
}

.admin-home-page .admin-capture-side-metrics small{
color:rgba(255,255,255,0.52);
font-size:11px;
font-weight:800;
line-height:1.25;
}

.admin-home-page .admin-capture-total-card .line-chart{
min-height:260px;
border-radius:26px;
border-color:rgba(255,255,255,0.12);
background:
radial-gradient(circle at 18% 18%, rgba(241,255,92,0.12), transparent 26%),
radial-gradient(circle at 84% 16%, rgba(94,234,212,0.15), transparent 28%),
linear-gradient(rgba(255,255,255,0.07) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.055) 1px, transparent 1px),
linear-gradient(180deg, #111, #060606);
background-size:100% 100%, 100% 100%, 100% 25%, 12.5% 100%, 100% 100%;
}

.admin-home-page .admin-capture-total-card .chart-area{
fill:rgba(94,234,212,0.18);
}

.admin-home-page .admin-capture-total-card .chart-line{
stroke:url("#adminCaptureGradient");
}

.admin-home-page .admin-capture-breakdown{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:10px;
}

.admin-home-page .admin-capture-breakdown span{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:54px;
padding:11px 14px;
border:1px solid rgba(255,255,255,0.12);
border-radius:18px;
background:
radial-gradient(circle at 16% 0%, rgba(255,255,255,0.12), transparent 36%),
rgba(255,255,255,0.055);
color:rgba(255,255,255,0.68);
font-size:11px;
font-weight:950;
letter-spacing:.10em;
text-transform:uppercase;
}

.admin-home-page .admin-capture-breakdown b{
color:#fff;
font-size:24px;
font-weight:1000;
letter-spacing:-.07em;
}


.admin-home-page .ranking-pros{
background:
radial-gradient(circle at 8% 4%, rgba(94,234,212,0.18), transparent 34%),
radial-gradient(circle at 100% 28%, rgba(96,165,250,0.16), transparent 32%),
linear-gradient(145deg, rgba(8,18,22,0.98), rgba(7,7,7,0.98));
}


.admin-home-page .ranking-pros .admin-ranking-position{
color:#041515;
background:linear-gradient(135deg, #5eead4, #60a5fa);
box-shadow:0 12px 28px rgba(94,234,212,0.15);
}


.admin-home-page .ranking-pros .admin-ranking-main i b{
background:linear-gradient(90deg, #5eead4, #60a5fa);
box-shadow:0 0 18px rgba(94,234,212,0.18);
}

.admin-home-page .admin-intelligence-card{
background:
radial-gradient(circle at 10% 12%, rgba(96,165,250,0.16), transparent 30%),
radial-gradient(circle at 58% 4%, rgba(241,255,92,0.13), transparent 28%),
radial-gradient(circle at 94% 88%, rgba(251,146,60,0.14), transparent 34%),
linear-gradient(145deg, rgba(12,12,12,0.98), rgba(3,3,3,0.98));
}

.admin-home-page .admin-intelligence-grid{
display:grid;
grid-template-columns:minmax(0, 1.08fr) minmax(0, 1.05fr) minmax(0, .92fr);
gap:14px;
align-items:start;
position:relative;
z-index:1;
}

.admin-home-page .admin-intelligence-card .heat-index-panel{
align-self:start;
gap:10px;
padding:14px;
border-radius:24px;
}

.admin-home-page .admin-intelligence-card .admin-ranking-list,
.admin-home-page .admin-intelligence-card .heat-index-list{
gap:7px;
}

.admin-home-page .admin-social-leaders-panel{
background:
radial-gradient(circle at 14% 8%, rgba(241,255,92,0.17), transparent 32%),
radial-gradient(circle at 96% 16%, rgba(251,146,60,0.12), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.085), rgba(255,255,255,0.035));
}

.admin-home-page .admin-social-leaders-panel .admin-ranking-row{
grid-template-columns:38px minmax(0, 1fr) auto;
padding:8px;
border-radius:16px;
}

.admin-home-page .admin-social-leaders-panel .admin-ranking-position{
width:38px;
height:38px;
border-radius:14px;
color:#111;
background:linear-gradient(135deg, #f1ff5c, #fb923c);
box-shadow:0 12px 24px rgba(251,146,60,0.14);
}

.admin-home-page .admin-social-leaders-panel .admin-ranking-main i b{
background:linear-gradient(90deg, #f1ff5c, #fb923c);
box-shadow:0 0 18px rgba(251,146,60,0.20);
}

.admin-home-page .admin-social-leaders-panel .admin-ranking-metric{
min-width:84px;
}

.admin-home-page .admin-social-leaders-panel .admin-ranking-metric strong{
font-size:18px;
}

.admin-home-page .admin-location-panel{
background:
radial-gradient(circle at 84% 9%, rgba(94,234,212,0.18), transparent 32%),
radial-gradient(circle at 18% 94%, rgba(96,165,250,0.12), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.085), rgba(255,255,255,0.035));
}

.admin-home-page .admin-location-columns{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
align-items:start;
}

.admin-home-page .admin-location-panel .heat-index-list{
min-width:0;
}

.admin-home-page .admin-location-panel .heat-index-row{
grid-template-columns:minmax(0, 1fr) minmax(40px, auto);
align-items:center;
min-height:48px;
padding:8px 9px;
gap:5px 9px;
}

.admin-home-page .admin-location-panel .heat-index-row span{
min-width:0;
overflow:hidden;
}

.admin-home-page .admin-location-panel .heat-index-row b,
.admin-home-page .admin-location-panel .heat-index-row em{
display:block;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.admin-home-page .admin-location-panel .heat-index-row strong{
min-width:40px;
text-align:right;
font-size:18px;
line-height:1;
}

.admin-home-page .admin-location-panel .heat-index-row i{
grid-column:1 / -1;
width:100%;
margin-top:1px;
}

.admin-home-page .admin-mini-section-title{
display:inline-flex;
align-items:center;
min-height:28px;
width:max-content;
padding:0 10px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(255,255,255,0.07);
color:rgba(255,255,255,0.72);
font-size:10px;
font-weight:950;
letter-spacing:0.12em;
text-transform:uppercase;
}

.admin-home-page .admin-preferences-panel{
background:
radial-gradient(circle at 12% 12%, rgba(251,191,36,0.18), transparent 32%),
radial-gradient(circle at 92% 72%, rgba(248,113,113,0.10), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,0.085), rgba(255,255,255,0.035));
}

.admin-home-page .admin-intelligence-card .heat-index-summary{
padding:12px 13px;
border-radius:20px;
gap:5px;
}

.admin-home-page .admin-intelligence-card .heat-index-summary strong{
font-size:clamp(30px, 3.5vw, 46px);
}

.admin-home-page .admin-intelligence-card .heat-index-row{
padding:8px 9px;
border-radius:15px;
min-height:48px;
gap:5px 9px;
}

.admin-home-page .admin-intelligence-card .heat-index-row strong{
font-size:17px;
}

.admin-home-page .admin-intelligence-card .heat-index-row i{
height:4px;
}

@media(max-width:1180px){
.admin-home-page .admin-capture-dashboard-head{
grid-template-columns:1fr;
}

.admin-home-page .admin-capture-period-panel{
grid-template-columns:1fr;
}

.admin-home-page .admin-capture-total-layout{
grid-template-columns:1fr;
}

.admin-home-page .admin-capture-side-metrics{
grid-template-columns:repeat(3, minmax(0, 1fr));
}

.admin-home-page .admin-intelligence-grid{
grid-template-columns:1fr;
}
}

@media(max-width:840px){
.admin-home-page .admin-location-columns{
grid-template-columns:1fr;
}
}

@media(max-width:760px){
.admin-home-page .admin-capture-total-card{
padding:12px;
border-radius:26px;
}

.admin-home-page .admin-capture-total-card::before{
border-radius:25px;
}

.admin-home-page .admin-capture-dashboard-head{
padding:12px;
border-radius:20px;
}

.admin-home-page .admin-capture-main-metric strong{
font-size:clamp(44px, 16vw, 68px);
}

.admin-home-page .admin-capture-metric-row{
align-items:flex-start;
flex-direction:column;
gap:8px;
}

.admin-home-page .admin-capture-metric-copy{
padding-bottom:0;
}

.admin-home-page .admin-capture-range{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
width:100%;
}

.admin-home-page .admin-capture-range a:nth-child(5){
grid-column:1 / -1;
}

.admin-home-page .admin-capture-range a{
min-height:32px;
padding:0 8px;
font-size:8px;
}

.admin-home-page .admin-capture-side-metrics{
grid-template-columns:1fr;
gap:8px;
}

.admin-home-page .admin-capture-side-metrics article{
min-height:72px;
padding:11px;
border-radius:16px;
}

.admin-home-page .admin-capture-total-card .line-chart{
min-height:180px;
border-radius:20px;
}

.admin-home-page .admin-capture-breakdown{
grid-template-columns:1fr;
}
}

.mailing-real-send-confirm{
grid-column:1 / -1;
justify-content:flex-start;
gap:12px;
padding:14px 16px;
border:1px solid rgba(245,158,11,.38);
background:
radial-gradient(circle at 14% 16%, rgba(255,214,102,.18), transparent 34%),
linear-gradient(135deg, rgba(18,18,18,.98), rgba(41,31,8,.94));
color:#ffe8a8;
box-shadow:0 18px 42px rgba(245,158,11,.12);
}

.mailing-real-send-confirm input{
width:18px;
height:18px;
accent-color:#facc15;
flex:0 0 auto;
}

.mailing-real-send-confirm span{
color:#ffe8a8;
font-size:12px;
font-weight:800;
letter-spacing:.03em;
line-height:1.45;
text-transform:none;
}
/* Widais X admin: editorial directory console */
.widais-x-admin-page{
background:
radial-gradient(circle at 9% 0%, rgba(255,255,255,0.10), transparent 24%),
radial-gradient(circle at 86% 9%, rgba(76,145,157,0.16), transparent 30%),
radial-gradient(circle at 82% 42%, rgba(202,172,89,0.12), transparent 32%),
linear-gradient(135deg, #050506 0%, #0c0c0f 58%, #080503 100%);
color:#fff;
}

.widais-x-admin-page .account-header{
border-color:rgba(255,255,255,0.13);
background:
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.12), transparent 34%),
radial-gradient(circle at 88% 0%, rgba(138,45,44,0.16), transparent 28%),
linear-gradient(100deg, rgba(255,255,255,0.10), rgba(255,255,255,0.035));
box-shadow:0 18px 70px rgba(0,0,0,0.32);
}

.widais-x-admin-page .user-liquid-shell{
display:grid;
gap:18px;
}

.widais-x-admin-hero{
position:relative;
overflow:hidden;
border-radius:34px;
border-color:rgba(255,255,255,0.13);
background:
radial-gradient(circle at 12% 8%, rgba(255,255,255,0.12), transparent 28%),
radial-gradient(circle at 78% 21%, rgba(78,119,126,0.18), transparent 28%),
linear-gradient(110deg, rgba(255,255,255,0.07), rgba(255,255,255,0.022) 56%, rgba(255,255,255,0.06));
box-shadow:0 34px 110px rgba(0,0,0,0.42);
}

.widais-x-admin-hero::after{
content:"";
position:absolute;
right:-11%;
bottom:-38%;
width:46%;
height:76%;
border-radius:999px;
background:radial-gradient(circle, rgba(255,255,255,0.09), transparent 62%);
transform:rotate(-10deg);
pointer-events:none;
}

.widais-x-admin-hero .link-admin-hero-copy,
.widais-x-admin-hero .link-admin-hero-metrics{
position:relative;
z-index:1;
}

.widais-x-admin-hero .link-admin-hero-copy h1{
max-width:840px;
font-size:clamp(42px, 5.2vw, 86px);
line-height:0.9;
letter-spacing:-0.08em;
}

.widais-x-admin-hero .link-admin-hero-copy p{
max-width:820px;
color:rgba(255,255,255,0.70);
font-size:15px;
line-height:1.55;
}

.widais-x-admin-hero-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
align-items:center;
margin-top:4px;
}

.widais-x-admin-hero-actions span{
display:inline-flex;
align-items:center;
min-height:38px;
padding:0 13px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(255,255,255,0.055);
color:rgba(255,255,255,0.72);
font-size:11px;
font-weight:950;
letter-spacing:0.10em;
text-transform:uppercase;
}

.widais-x-admin-hero .link-admin-hero-metrics article{
border:1px solid rgba(255,255,255,0.12);
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.12), transparent 38%),
linear-gradient(145deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.widais-x-admin-filter,
.widais-x-admin-create,
.widais-x-admin-taxonomies,
.widais-x-admin-notice,
.widais-x-admin-moderation-card,
.widais-x-admin-card,
.widais-x-admin-empty{
border:1px solid rgba(255,255,255,0.105);
box-shadow:0 24px 80px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.06);
}

.widais-x-admin-filter{
padding:18px;
border-radius:30px;
background:
radial-gradient(circle at 0% 0%, rgba(76,145,157,0.14), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.065), rgba(255,255,255,0.022));
}

.widais-x-admin-filter form{
display:grid;
gap:12px;
}

.widais-x-admin-filter-top{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:12px;
align-items:end;
}

.widais-x-admin-filter label,
.widais-x-admin-create label,
.widais-x-admin-edit label,
.widais-x-admin-taxonomy-form label{
display:grid;
gap:7px;
min-width:0;
}

.widais-x-admin-filter label span,
.widais-x-admin-create label span,
.widais-x-admin-edit label span,
.widais-x-admin-taxonomy-form label span{
color:rgba(255,255,255,0.56);
font-size:10px;
font-weight:950;
letter-spacing:0.12em;
text-transform:uppercase;
}

.widais-x-admin-filter input,
.widais-x-admin-filter select,
.widais-x-admin-create input,
.widais-x-admin-create select,
.widais-x-admin-create textarea,
.widais-x-admin-edit input,
.widais-x-admin-edit select,
.widais-x-admin-edit textarea,
.widais-x-admin-taxonomy-form input,
.widais-x-admin-taxonomy-form select{
width:100%;
border:1px solid rgba(255,255,255,0.12);
border-radius:17px;
background:rgba(0,0,0,0.26);
color:#fff;
font:inherit;
font-size:13px;
font-weight:780;
outline:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
}

.widais-x-admin-filter input,
.widais-x-admin-filter select,
.widais-x-admin-create input,
.widais-x-admin-create select,
.widais-x-admin-edit input,
.widais-x-admin-edit select,
.widais-x-admin-taxonomy-form input,
.widais-x-admin-taxonomy-form select{
height:46px;
padding:0 14px;
}

.widais-x-admin-create textarea,
.widais-x-admin-edit textarea{
min-height:118px;
padding:13px 14px;
resize:vertical;
line-height:1.45;
}

.widais-x-admin-filter input:focus,
.widais-x-admin-filter select:focus,
.widais-x-admin-create input:focus,
.widais-x-admin-create select:focus,
.widais-x-admin-create textarea:focus,
.widais-x-admin-edit input:focus,
.widais-x-admin-edit select:focus,
.widais-x-admin-edit textarea:focus,
.widais-x-admin-taxonomy-form input:focus,
.widais-x-admin-taxonomy-form select:focus{
border-color:rgba(250,204,21,0.46);
box-shadow:0 0 0 4px rgba(250,204,21,0.10), inset 0 1px 0 rgba(255,255,255,0.06);
}

.widais-x-admin-filter select option,
.widais-x-admin-filter select optgroup,
.widais-x-admin-create select option,
.widais-x-admin-create select optgroup,
.widais-x-admin-edit select option,
.widais-x-admin-taxonomy-form select option{
background:#0a0a0c;
color:#fff;
}

.widais-x-admin-filter-details,
.widais-x-admin-create details,
.widais-x-admin-taxonomies details,
.widais-x-admin-edit{
overflow:hidden;
border:1px solid rgba(255,255,255,0.10);
border-radius:24px;
background:rgba(255,255,255,0.035);
}

.widais-x-admin-filter-details summary,
.widais-x-admin-create summary,
.widais-x-admin-taxonomies summary,
.widais-x-admin-edit summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
cursor:pointer;
list-style:none;
}

.widais-x-admin-filter-details summary::-webkit-details-marker,
.widais-x-admin-create summary::-webkit-details-marker,
.widais-x-admin-taxonomies summary::-webkit-details-marker,
.widais-x-admin-edit summary::-webkit-details-marker{
display:none;
}

.widais-x-admin-filter-details summary{
min-height:48px;
padding:0 16px;
color:#fff;
font-size:12px;
font-weight:950;
letter-spacing:0.10em;
text-transform:uppercase;
}

.widais-x-admin-filter-details summary::after,
.widais-x-admin-edit summary::after{
content:"+";
display:inline-flex;
align-items:center;
justify-content:center;
width:26px;
height:26px;
border-radius:999px;
background:#facc15;
color:#080808;
font-size:18px;
font-weight:950;
line-height:1;
}

.widais-x-admin-filter-details[open] summary::after,
.widais-x-admin-edit[open] summary::after{
content:"-";
}

.widais-x-admin-filter-details .lead-form-grid{
padding:0 12px 12px;
}

.widais-x-admin-create,
.widais-x-admin-taxonomies,
.widais-x-admin-notice{
margin-top:0;
padding:0;
border-radius:30px;
overflow:hidden;
background:
radial-gradient(circle at 8% 0%, rgba(250,204,21,0.15), transparent 34%),
radial-gradient(circle at 94% 10%, rgba(76,145,157,0.12), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.062), rgba(255,255,255,0.022));
}

.widais-x-admin-create summary,
.widais-x-admin-taxonomies summary{
min-height:74px;
padding:0 22px;
}

.widais-x-admin-create summary span,
.widais-x-admin-taxonomies summary span{
color:#fff;
font-size:clamp(22px, 2vw, 32px);
font-weight:1000;
letter-spacing:-0.055em;
}

.widais-x-admin-create summary strong,
.widais-x-admin-taxonomies summary strong,
.widais-x-admin-count{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
padding:0 13px;
border-radius:999px;
background:#facc15;
color:#080808;
font-size:11px;
font-weight:1000;
letter-spacing:0.10em;
text-transform:uppercase;
}

.widais-x-admin-create form{
display:grid;
gap:16px;
padding:0 18px 18px;
}

.widais-x-admin-moderation-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px;
}

.widais-x-admin-moderation-card{
display:grid;
gap:14px;
padding:18px;
border-radius:30px;
background:
radial-gradient(circle at 8% 0%, rgba(76,145,157,0.13), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.058), rgba(255,255,255,0.022));
}

.widais-x-admin-review-list{
display:grid;
gap:10px;
}

.widais-x-admin-review-item{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:12px;
align-items:center;
padding:12px;
border:1px solid rgba(255,255,255,0.08);
border-radius:22px;
background:rgba(0,0,0,0.20);
}

.widais-x-admin-review-item div{
display:grid;
gap:5px;
min-width:0;
}

.widais-x-admin-review-item small,
.widais-x-admin-review-item span,
.widais-x-admin-review-item em{
color:rgba(255,255,255,0.54);
font-size:10px;
font-style:normal;
font-weight:900;
letter-spacing:0.07em;
text-transform:uppercase;
}

.widais-x-admin-review-item strong{
overflow:hidden;
color:#fff;
font-size:16px;
font-weight:950;
letter-spacing:-0.03em;
text-overflow:ellipsis;
white-space:nowrap;
}

.widais-x-admin-review-item p{
display:-webkit-box;
margin:0;
overflow:hidden;
color:rgba(255,255,255,0.66);
font-size:12px;
font-weight:700;
line-height:1.4;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}

.widais-x-admin-review-actions,
.widais-x-admin-card-actions{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:flex-end;
margin:0;
}

.widais-x-admin-review-actions .btn,
.widais-x-admin-card-actions .btn{
min-height:36px;
padding-inline:12px;
border-radius:999px;
font-size:10px;
}

.widais-x-admin-taxonomy-form{
display:grid;
grid-template-columns:1fr 1.1fr 1fr 110px auto;
gap:10px;
align-items:end;
padding:0 18px 16px;
}

.widais-x-admin-taxonomy-groups{
display:grid;
gap:14px;
padding:0 18px 18px;
}

.widais-x-admin-taxonomy-groups article{
display:grid;
gap:10px;
}

.widais-x-admin-taxonomy-groups h3{
margin:0;
color:#fff;
font-size:15px;
font-weight:950;
letter-spacing:-0.02em;
}

.widais-x-admin-taxonomy-pills{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.widais-x-admin-taxonomy-pill{
margin:0;
}

.widais-x-admin-taxonomy-pill button{
display:grid;
gap:2px;
min-height:46px;
padding:8px 12px;
border:1px solid rgba(255,255,255,0.10);
border-radius:17px;
background:rgba(255,255,255,0.055);
color:#fff;
cursor:pointer;
text-align:left;
transition:transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.widais-x-admin-taxonomy-pill button:hover{
transform:translateY(-1px);
border-color:rgba(250,204,21,0.32);
background:rgba(250,204,21,0.08);
}

.widais-x-admin-taxonomy-pill strong{
font-size:12px;
font-weight:950;
}

.widais-x-admin-taxonomy-pill span{
color:rgba(255,255,255,0.50);
font-size:9px;
font-weight:950;
letter-spacing:0.08em;
text-transform:uppercase;
}

.widais-x-admin-taxonomy-pill.is-disabled button{
opacity:0.48;
filter:saturate(0.55);
}

.widais-x-admin-list{
display:grid;
gap:16px;
}

.widais-x-admin-list .section-heading{
align-items:center;
}

.widais-x-admin-grid{
display:grid;
gap:12px;
}

.widais-x-admin-card{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:18px;
align-items:center;
padding:18px;
border-radius:28px;
background:
radial-gradient(circle at 8% 0%, rgba(76,145,157,0.12), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.058), rgba(255,255,255,0.020));
}

.widais-x-admin-card-main{
display:grid;
gap:8px;
min-width:0;
}

.widais-x-admin-card-main > span{
color:rgba(255,255,255,0.48);
font-size:10px;
font-weight:1000;
letter-spacing:0.18em;
text-transform:uppercase;
}

.widais-x-admin-card h3{
margin:0;
color:#fff;
font-size:clamp(22px, 2vw, 34px);
font-weight:950;
letter-spacing:-0.055em;
}

.widais-x-admin-card p{
max-width:820px;
margin:0;
color:rgba(255,255,255,0.64);
font-size:13px;
line-height:1.45;
}

.widais-x-admin-meta,
.widais-x-admin-card-actions{
display:flex;
flex-wrap:wrap;
gap:8px;
align-items:center;
}

.widais-x-admin-meta small{
display:inline-flex;
align-items:center;
min-height:26px;
padding:0 9px;
border:1px solid rgba(255,255,255,0.09);
border-radius:999px;
background:rgba(255,255,255,0.055);
color:rgba(255,255,255,0.74);
font-size:10px;
font-weight:900;
text-transform:uppercase;
}

.widais-x-admin-card-actions form{
margin:0;
}

.widais-x-admin-card-actions .btn:disabled{
opacity:0.46;
cursor:not-allowed;
}

.widais-x-admin-edit{
grid-column:1 / -1;
background:rgba(0,0,0,0.18);
}

.widais-x-admin-edit summary{
min-height:50px;
padding:0 14px;
color:#fff;
font-size:12px;
font-weight:950;
letter-spacing:0.10em;
text-transform:uppercase;
}

.widais-x-admin-edit form{
display:grid;
gap:14px;
padding:0 12px 12px;
}

.widais-x-admin-owner-form{
margin-top:4px;
padding-top:14px !important;
border-top:1px solid rgba(255,255,255,0.10);
}

.widais-x-admin-empty{
padding:22px;
border-radius:26px;
background:rgba(255,255,255,0.04);
color:rgba(255,255,255,0.68);
}

.widais-x-admin-notice{
padding:24px;
}

.widais-x-admin-notice h2{
margin:8px 0;
font-size:clamp(24px, 2.6vw, 38px);
letter-spacing:-0.055em;
}

.widais-x-admin-notice p{
max-width:860px;
margin:0;
color:rgba(255,255,255,0.68);
line-height:1.55;
}

@media(max-width:780px){
.widais-x-admin-filter-top,
.widais-x-admin-moderation-grid,
.widais-x-admin-review-item,
.widais-x-admin-taxonomy-form,
.widais-x-admin-card{
grid-template-columns:1fr;
}

.widais-x-admin-review-actions,
.widais-x-admin-card-actions{
justify-content:flex-start;
}
}

/* 453: controlled polish after rollback. */
.login-page{
position:relative;
isolation:isolate;
overflow:hidden;
padding:clamp(18px,4vw,36px);
background:#030303;
}

.login-page::before,
.login-page::after{
content:"";
position:fixed;
pointer-events:none;
z-index:-1;
}

.login-page::before{
inset:-22%;
background:
radial-gradient(circle at 18% 18%, rgba(216,255,79,0.20), transparent 26%),
radial-gradient(circle at 82% 20%, rgba(87,188,255,0.18), transparent 28%),
radial-gradient(circle at 52% 88%, rgba(255,97,122,0.12), transparent 30%),
linear-gradient(135deg, #020202, #080808 48%, #020202);
filter:blur(26px) saturate(1.22);
animation:widaisAuthRollbackGlow 14s ease-in-out infinite alternate;
}

.login-page::after{
inset:0;
background:
linear-gradient(120deg, transparent 0 34%, rgba(255,255,255,0.045) 44%, transparent 54%),
radial-gradient(circle at 50% 50%, transparent 0 36%, rgba(0,0,0,0.58) 100%);
opacity:0.72;
}

.login-page .login-shell{
position:relative;
z-index:1;
border:1px solid rgba(255,255,255,0.15);
border-radius:32px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.09), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,0.065), rgba(255,255,255,0.020)),
rgba(8,8,8,0.84);
box-shadow:0 34px 110px rgba(0,0,0,0.62), inset 0 1px 0 rgba(255,255,255,0.10);
backdrop-filter:blur(22px) saturate(145%);
-webkit-backdrop-filter:blur(22px) saturate(145%);
}

.login-page .login-shell::before{
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(135deg, rgba(255,255,255,0.12), transparent 36%, rgba(216,255,79,0.055));
}

.login-page .login-shell > *{
position:relative;
z-index:1;
}

.login-page .eyebrow{
width:max-content;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(255,255,255,0.055);
color:rgba(255,255,255,0.70);
}

.login-page .login-shell h2{
max-width:11ch;
font-size:clamp(38px, 6vw, 68px);
line-height:0.92;
color:#fff;
}

.login-page .login-shell input{
height:54px;
border-radius:18px;
border-color:rgba(255,255,255,0.12);
background:rgba(0,0,0,0.30);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
}

.login-page .login-shell input:focus{
border-color:rgba(216,255,79,0.62);
box-shadow:0 0 0 4px rgba(216,255,79,0.10), inset 0 1px 0 rgba(255,255,255,0.08);
}

.login-page .login-shell .btn,
.login-page .login-shell button[type="submit"]{
min-height:54px;
border-radius:999px;
font-weight:950;
letter-spacing:0.04em;
}

.login-page .login-links a{
min-height:38px;
display:inline-flex;
align-items:center;
padding:0 12px;
border:1px solid rgba(255,255,255,0.10);
border-radius:999px;
background:rgba(255,255,255,0.045);
color:rgba(255,255,255,0.72);
}

.login-page .login-links a:hover{
opacity:1;
background:rgba(216,255,79,0.10);
border-color:rgba(216,255,79,0.28);
color:#fff;
}

@keyframes widaisAuthRollbackGlow{
0%{transform:translate3d(-2%, -1%, 0) scale(1); filter:blur(26px) saturate(1.16) hue-rotate(0deg);}
50%{transform:translate3d(3%, 2%, 0) scale(1.04); filter:blur(28px) saturate(1.34) hue-rotate(30deg);}
100%{transform:translate3d(1%, -3%, 0) scale(1.02); filter:blur(26px) saturate(1.22) hue-rotate(-18deg);}
}

.users-admin-page .user-contact-preview{
display:grid;
gap:4px;
min-width:230px;
max-width:300px;
padding:9px 11px;
border:1px solid rgba(255,255,255,0.09);
border-radius:17px;
background:rgba(0,0,0,0.18);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
}

.users-admin-page .user-contact-preview span,
.users-admin-page .user-contact-preview small{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.users-admin-page .user-contact-preview span{
color:rgba(255,255,255,0.78);
font-size:12px;
font-weight:820;
}

.users-admin-page .user-contact-preview small{
color:rgba(255,255,255,0.48);
font-size:11px;
font-weight:760;
}

.users-admin-page .user-public-link{
border-color:rgba(117,231,255,0.22);
background:rgba(117,231,255,0.10);
color:#bff4ff;
}

.users-admin-page .user-public-link:hover,
.users-admin-page .user-public-link:focus-visible{
border-color:rgba(117,231,255,0.42);
background:rgba(117,231,255,0.16);
color:#fff;
}

.users-admin-page .user-card .lead-summary{
padding:16px;
}

.users-admin-page .user-card .lead-summary-left{
gap:12px;
}

.users-admin-page .user-card .lead-summary-right{
gap:12px;
}

.users-admin-page .users-search-actions button{
background:#facc15;
border-color:#facc15;
color:#080808;
}

.users-admin-page .users-search-actions button:hover{
background:#ffe066;
border-color:#ffe066;
color:#050505;
}

@media(max-width:980px){
.users-admin-page .user-contact-preview{
min-width:0;
max-width:none;
width:100%;
}
}

@media(max-width:640px){
.login-page .login-shell{
border-radius:28px;
}

.login-page .login-links{
display:grid;
grid-template-columns:1fr;
}
}

/* Widais 1.9 social/events integration */
.events-admin-page,
.social-admin-page,
.widais-notifications-page,
.public-events-page{
background:
radial-gradient(circle at 9% 0%, rgba(241,255,92,.10), transparent 28%),
radial-gradient(circle at 86% 9%, rgba(89,201,255,.13), transparent 30%),
radial-gradient(circle at 48% 100%, rgba(255,128,80,.08), transparent 28%),
#050505;
}

.events-admin-page .widais-events-hero,
.social-admin-page .dashboard-hero,
.messages-admin-page .messages-hero,
.widais-notifications-page .widais-notifications-hero{
position:relative;
overflow:hidden;
border:1px solid rgba(255,255,255,.12);
background:
radial-gradient(circle at 10% 8%, rgba(241,255,92,.18), transparent 34%),
radial-gradient(circle at 88% 15%, rgba(94,234,212,.14), transparent 32%),
linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.020)),
rgba(7,7,8,.92);
box-shadow:0 30px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}

.messages-admin-page .messages-hero{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);
gap:22px;
align-items:stretch;
margin-top:18px;
padding:28px;
border-radius:36px;
}

.messages-admin-page .messages-hero::before{
content:"";
position:absolute;
inset:-30%;
background:conic-gradient(from 140deg, transparent 0 18%, rgba(241,255,92,.12), transparent 38%, rgba(89,201,255,.14), transparent 62%, rgba(255,128,80,.11), transparent 86%);
filter:blur(30px);
opacity:.62;
animation:widaisMessagesGlow 14s linear infinite;
pointer-events:none;
}

@keyframes widaisMessagesGlow{
to{transform:rotate(360deg);}
}

.messages-admin-page .messages-hero-copy,
.messages-admin-page .messages-hero-panel{
position:relative;
z-index:1;
}

.messages-admin-page .messages-hero-copy span,
.social-admin-page .dashboard-hero span{
display:inline-flex;
margin-bottom:12px;
color:rgba(255,255,255,.58);
font-size:11px;
font-weight:950;
letter-spacing:.18em;
text-transform:uppercase;
}

.messages-admin-page .messages-hero-copy h1{
max-width:850px;
margin:0;
color:#fff;
font-size:clamp(44px,6vw,92px);
line-height:.86;
letter-spacing:-.075em;
}

.messages-admin-page .messages-hero-copy p{
max-width:720px;
margin:18px 0 0;
color:rgba(255,255,255,.66);
font-size:16px;
font-weight:760;
line-height:1.48;
}

.messages-admin-page .messages-hero-panel,
.events-admin-page .link-admin-hero-metrics,
.social-admin-page .admin-hero-stats{
display:grid;
gap:10px;
align-content:center;
padding:16px;
border:1px solid rgba(255,255,255,.11);
border-radius:30px;
background:
radial-gradient(circle at 20% 0%, rgba(241,255,92,.13), transparent 32%),
linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.028));
backdrop-filter:blur(18px);
}

.messages-admin-page .messages-hero-panel article,
.events-admin-page .link-admin-hero-metrics article,
.social-admin-page .admin-hero-stats article{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:14px 16px;
border:1px solid rgba(255,255,255,.10);
border-radius:22px;
background:rgba(0,0,0,.20);
}

.messages-admin-page .messages-hero-panel strong,
.events-admin-page .link-admin-hero-metrics strong,
.social-admin-page .admin-hero-stats strong{
color:#fff;
font-size:24px;
font-weight:1000;
letter-spacing:-.05em;
}

.messages-admin-page .messages-hero-panel span,
.events-admin-page .link-admin-hero-metrics span,
.social-admin-page .admin-hero-stats span{
color:rgba(255,255,255,.52);
font-size:10px;
font-weight:950;
letter-spacing:.14em;
text-transform:uppercase;
}

.events-admin-page .widais-events-filter-card,
.events-admin-page .widais-events-create-card,
.events-admin-page .widais-events-calendar-card,
.events-admin-page .widais-events-list-card,
.social-panel-card,
.messages-admin-page .messages-recipient-search-card,
.messages-admin-page .messages-list-card,
.messages-admin-page .messages-chat-card,
.widais-notifications-toolbar,
.widais-notification-card{
position:relative;
overflow:hidden;
border:1px solid rgba(255,255,255,.12);
border-radius:30px;
background:
radial-gradient(circle at 8% 0%, rgba(241,255,92,.11), transparent 30%),
radial-gradient(circle at 100% 0%, rgba(94,234,212,.09), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,.062), rgba(255,255,255,.020)),
rgba(8,8,10,.90);
box-shadow:0 22px 70px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.07);
}

.events-admin-page .widais-events-filter-form,
.social-inline-form,
.messages-thread-search-form,
.messages-send-form{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
align-items:end;
}

.events-admin-page .widais-events-filter-form{
grid-template-columns:minmax(220px,1.45fr) repeat(3,minmax(140px,.72fr));
}

.messages-thread-search-form,
.messages-send-form{
grid-template-columns:minmax(0,1fr) auto;
padding:12px;
border:1px solid rgba(255,255,255,.10);
border-radius:24px;
background:linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.024));
}

.events-admin-page label span,
.social-inline-form label span,
.messages-thread-search-form label span{
color:rgba(255,255,255,.66);
font-size:10px;
font-weight:950;
letter-spacing:.09em;
text-transform:uppercase;
}

.events-admin-page input,
.events-admin-page select,
.events-admin-page textarea,
.social-inline-form input,
.social-inline-form textarea,
.messages-thread-search-form input,
.messages-thread-search-form select,
.messages-send-form textarea,
.public-events-search input{
width:100%;
border:1px solid rgba(255,255,255,.11);
border-radius:16px;
background:rgba(0,0,0,.34);
color:#fff;
font:inherit;
font-weight:760;
outline:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}

.events-admin-page input,
.events-admin-page select,
.social-inline-form input,
.messages-thread-search-form input,
.messages-thread-search-form select,
.public-events-search input{
min-height:44px;
padding:0 14px;
}

.events-admin-page textarea,
.social-inline-form textarea,
.messages-send-form textarea{
min-height:92px;
padding:12px 14px;
resize:vertical;
line-height:1.45;
}

.events-admin-page select option,
.messages-thread-search-form select option{
background:#0b0b0d;
color:#fff;
}

.events-admin-page input:focus,
.events-admin-page select:focus,
.events-admin-page textarea:focus,
.social-inline-form input:focus,
.social-inline-form textarea:focus,
.messages-thread-search-form input:focus,
.messages-thread-search-form select:focus,
.messages-send-form textarea:focus,
.public-events-search input:focus{
border-color:rgba(241,255,92,.42);
box-shadow:0 0 0 4px rgba(241,255,92,.10), inset 0 1px 0 rgba(255,255,255,.08);
}

.social-page-grid,
.messages-page-grid,
.public-events-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
align-items:start;
}

.messages-page-grid{
grid-template-columns:minmax(300px,.78fr) minmax(0,1.55fr);
gap:18px;
align-items:stretch;
}

.social-person-list,
.messages-thread-list,
.widais-notifications-list,
.events-admin-page .widais-events-list{
display:grid;
gap:10px;
}

.messages-thread-list,
.messages-chat-window{
max-height:610px;
overflow:auto;
padding-right:3px;
}

.messages-thread-list::-webkit-scrollbar,
.messages-chat-window::-webkit-scrollbar{
width:8px;
}

.messages-thread-list::-webkit-scrollbar-thumb,
.messages-chat-window::-webkit-scrollbar-thumb{
border-radius:999px;
background:rgba(241,255,92,.24);
}

.social-person-card,
.messages-thread-link,
.events-admin-page .widais-event-card,
.public-event-card{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding:14px;
border:1px solid rgba(255,255,255,.09);
border-radius:22px;
background:linear-gradient(145deg, rgba(255,255,255,.064), rgba(255,255,255,.018)), rgba(0,0,0,.18);
color:#fff;
text-decoration:none;
transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.messages-thread-link{
align-items:flex-start;
flex-direction:column;
}

.messages-thread-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
width:100%;
}

.messages-thread-top small{
color:rgba(255,255,255,.42);
font-size:10px;
font-weight:950;
letter-spacing:.08em;
text-transform:uppercase;
white-space:nowrap;
}

.messages-avatar-stack{
display:flex;
align-items:center;
min-height:34px;
}

.messages-avatar{
position:relative;
display:inline-grid;
place-items:center;
width:34px;
height:34px;
margin-left:-8px;
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
background:
radial-gradient(circle at 30% 20%, rgba(241,255,92,.30), transparent 42%),
linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.04)),
rgba(12,12,14,.92);
color:#fff;
font-size:11px;
font-weight:1000;
letter-spacing:-.02em;
box-shadow:0 9px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
}

.messages-avatar:first-child{
margin-left:0;
}

.messages-avatar.is-verified{
border-color:rgba(241,255,92,.56);
}

.messages-avatar i{
position:absolute;
right:-3px;
bottom:-3px;
display:grid;
place-items:center;
width:14px;
height:14px;
border-radius:999px;
background:#f1ff5c;
color:#060607;
font-size:8px;
font-style:normal;
line-height:1;
}

.social-person-card:hover,
.messages-thread-link:hover,
.messages-thread-link.is-active,
.events-admin-page .widais-event-card:hover,
.public-event-card:hover{
transform:translateY(-2px);
border-color:rgba(241,255,92,.34);
background:radial-gradient(circle at 0% 0%, rgba(241,255,92,.14), transparent 35%), linear-gradient(145deg, rgba(255,255,255,.086), rgba(255,255,255,.024));
}

.social-person-main{
display:flex;
align-items:center;
gap:12px;
min-width:0;
}

.social-person-main > div{
min-width:0;
}

.social-person-avatar{
flex:0 0 auto;
width:42px;
height:42px;
margin-left:0;
font-size:12px;
background:
radial-gradient(circle at 30% 20%, rgba(94,234,212,.26), transparent 42%),
radial-gradient(circle at 80% 80%, rgba(241,255,92,.18), transparent 42%),
linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.04)),
rgba(12,12,14,.92);
}

.social-person-card strong,
.messages-thread-link strong,
.public-event-card strong{
display:flex;
align-items:center;
gap:6px;
color:#fff;
font-size:14px;
letter-spacing:-.02em;
}

.social-person-card span,
.messages-thread-link span,
.public-event-card p{
color:rgba(255,255,255,.62);
font-size:12px;
line-height:1.35;
}

.social-person-main span{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
max-width:100%;
}

.social-person-actions,
.widais-notification-actions,
.events-admin-page .widais-events-filter-actions,
.events-admin-page .widais-event-card-stats{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:flex-end;
}

.messages-chat-card{
display:flex;
flex-direction:column;
min-height:650px;
}

.messages-chat-masthead{
display:flex;
align-items:center;
gap:14px;
margin:4px 0 14px;
padding:12px 14px;
border:1px solid rgba(255,255,255,.10);
border-radius:24px;
background:
radial-gradient(circle at 10% 0%, rgba(241,255,92,.12), transparent 36%),
linear-gradient(145deg, rgba(255,255,255,.068), rgba(255,255,255,.024)),
rgba(0,0,0,.18);
}

.messages-chat-masthead .messages-avatar{
width:38px;
height:38px;
font-size:12px;
}

.messages-chat-masthead strong{
display:block;
color:#fff;
font-size:15px;
font-weight:1000;
letter-spacing:-.025em;
}

.messages-chat-masthead small{
display:block;
margin-top:3px;
color:rgba(255,255,255,.50);
font-size:10px;
font-weight:950;
letter-spacing:.10em;
text-transform:uppercase;
}

.messages-chat-actions{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-bottom:12px;
}

.messages-chat-window{
flex:1;
min-height:430px;
display:flex;
flex-direction:column;
gap:10px;
padding:18px;
border:1px solid rgba(255,255,255,.08);
border-radius:26px;
background:
radial-gradient(circle at 18% 0%, rgba(94,234,212,.08), transparent 28%),
radial-gradient(circle at 100% 100%, rgba(241,255,92,.06), transparent 32%),
linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.12));
}

.message-bubble{
max-width:min(78%,560px);
align-self:flex-start;
padding:13px 15px;
border:1px solid rgba(255,255,255,.1);
border-radius:21px 21px 21px 7px;
background:linear-gradient(145deg, rgba(255,255,255,.088), rgba(255,255,255,.030)), rgba(255,255,255,.035);
box-shadow:0 12px 30px rgba(0,0,0,.18);
}

.message-bubble.is-mine{
align-self:flex-end;
border-color:rgba(241,255,92,.32);
border-radius:21px 21px 7px 21px;
background:radial-gradient(circle at 100% 0%, rgba(241,255,92,.18), transparent 30%), linear-gradient(145deg, rgba(241,255,92,.16), rgba(158,255,225,.07));
}

.message-sender{
display:block;
margin-bottom:5px;
color:rgba(241,255,92,.82);
font-size:11px;
font-weight:1000;
letter-spacing:.03em;
}

.message-bubble p{
margin:0;
color:#fff;
font-size:14px;
font-weight:700;
line-height:1.5;
}

.message-bubble span{
display:block;
margin-top:6px;
color:rgba(255,255,255,.44);
font-size:10px;
font-weight:800;
letter-spacing:.04em;
}

.message-report-form{
margin-top:6px;
}

.message-report-form button{
padding:0;
border:0;
background:transparent;
color:rgba(255,255,255,.38);
font-size:10px;
font-weight:950;
letter-spacing:.08em;
text-transform:uppercase;
cursor:pointer;
}

.message-report-form button:hover{
color:#f1ff5c;
}

.messages-moderation-card{
margin-bottom:18px;
}

.messages-moderation-head{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:14px;
align-items:end;
margin-bottom:14px;
}

.messages-moderation-head p{
max-width:760px;
margin:0;
color:rgba(255,255,255,.62);
font-size:13px;
font-weight:760;
line-height:1.45;
}

.messages-moderation-tabs{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:flex-end;
}

.messages-moderation-tabs a{
display:inline-flex;
align-items:center;
gap:8px;
min-height:38px;
padding:0 12px;
border:1px solid rgba(255,255,255,.10);
border-radius:999px;
background:rgba(0,0,0,.28);
color:rgba(255,255,255,.62);
font-size:10px;
font-weight:1000;
letter-spacing:.09em;
text-decoration:none;
text-transform:uppercase;
}

.messages-moderation-tabs a.is-active,
.messages-moderation-tabs a:hover{
border-color:rgba(241,255,92,.34);
background:rgba(241,255,92,.10);
color:#fff;
}

.messages-moderation-tabs b{
display:inline-grid;
place-items:center;
min-width:22px;
height:22px;
padding:0 6px;
border-radius:999px;
background:#f1ff5c;
color:#050505;
font-size:10px;
font-weight:1000;
}

.messages-moderation-list{
display:grid;
gap:10px;
}

.messages-moderation-item{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:14px;
align-items:center;
padding:14px;
border:1px solid rgba(255,255,255,.10);
border-radius:24px;
background:
radial-gradient(circle at 0% 0%, rgba(241,255,92,.10), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,.064), rgba(255,255,255,.018)),
rgba(0,0,0,.18);
}

.messages-moderation-item small,
.messages-moderation-item span{
display:block;
color:rgba(255,255,255,.48);
font-size:10px;
font-weight:950;
letter-spacing:.08em;
text-transform:uppercase;
}

.messages-moderation-item strong{
display:block;
margin-top:4px;
color:#fff;
font-size:15px;
font-weight:1000;
letter-spacing:-.02em;
}

.messages-moderation-item p{
max-width:820px;
margin:8px 0 0;
color:rgba(255,255,255,.78);
font-size:13px;
font-weight:760;
line-height:1.45;
}

.messages-moderation-item em{
display:block;
margin-top:8px;
padding:10px 12px;
border-left:3px solid rgba(241,255,92,.55);
border-radius:14px;
background:rgba(0,0,0,.22);
color:rgba(255,255,255,.62);
font-size:12px;
font-style:normal;
font-weight:720;
line-height:1.45;
}

.messages-moderation-actions{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:flex-end;
}

.widais-events-calendar-weekdays,
.widais-events-calendar-grid{
display:grid;
grid-template-columns:repeat(7,minmax(0,1fr));
gap:8px;
}

.widais-events-calendar-day{
min-height:96px;
padding:10px;
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
background:rgba(255,255,255,.035);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.widais-events-calendar-day.is-empty{
opacity:.3;
background:transparent;
box-shadow:none;
}

.widais-events-calendar-day.is-today,
.widais-events-calendar-day.has-events{
border-color:rgba(241,255,92,.30);
background:radial-gradient(circle at 18% 0%, rgba(241,255,92,.14), transparent 34%), rgba(255,255,255,.04);
}

.widais-events-upload-field input[type="file"]{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}

.widais-events-upload-button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:44px;
padding:0 14px;
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
background:linear-gradient(135deg, #f1ff5c, #9effe1);
color:#050505;
font-size:12px;
font-weight:950;
letter-spacing:.08em;
text-transform:uppercase;
}

.widais-notifications-list{
margin-top:18px;
}

.widais-notification-card{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
padding:18px;
}

.widais-notification-card.is-read{
opacity:.68;
}

.widais-notification-card span,
.widais-notification-card small{
color:rgba(255,255,255,.48);
font-size:10px;
font-weight:950;
letter-spacing:.12em;
text-transform:uppercase;
}

.widais-notification-card h2{
margin:6px 0 0;
color:#fff;
font-size:clamp(20px,1.7vw,28px);
font-weight:950;
letter-spacing:-.045em;
}

.widais-notification-card p{
margin:7px 0 0;
color:rgba(255,255,255,.68);
line-height:1.45;
}

.public-events-page{
color:#fff;
min-height:100vh;
}

.public-events-shell,
.public-events-topbar,
.public-events-footer{
width:min(1180px,calc(100% - 32px));
margin-left:auto;
margin-right:auto;
}

.public-events-shell{
padding:28px 0 54px;
}

.public-events-topbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-top:18px;
padding:12px 14px;
border:1px solid rgba(255,255,255,.1);
border-radius:999px;
background:rgba(255,255,255,.055);
backdrop-filter:blur(18px);
}

.public-events-brand,
.public-events-topbar a,
.public-events-footer a{
color:#fff;
font-weight:900;
text-decoration:none;
}

.public-events-hero,
.public-event-detail{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr);
gap:28px;
align-items:end;
padding:34px;
border:1px solid rgba(255,255,255,.1);
border-radius:34px;
background:radial-gradient(circle at 18% 18%, rgba(255,214,102,.18), transparent 32%), radial-gradient(circle at 86% 12%, rgba(83,173,255,.18), transparent 30%), linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
box-shadow:0 24px 90px rgba(0,0,0,.36);
}

.public-events-hero h1,
.public-event-detail-copy h1{
margin:0;
font-size:clamp(42px,7vw,84px);
line-height:.88;
letter-spacing:-.07em;
}

.public-events-search{
display:grid;
gap:12px;
padding:16px;
border:1px solid rgba(255,255,255,.12);
border-radius:28px;
background:rgba(0,0,0,.34);
backdrop-filter:blur(18px);
}

.public-event-card{
display:grid;
grid-template-columns:96px minmax(0,1fr);
min-height:136px;
}

.public-event-card img,
.public-event-card-orb{
width:96px;
height:96px;
border-radius:24px;
object-fit:cover;
}

.public-event-card-orb{
display:grid;
place-items:center;
background:linear-gradient(135deg,#ffe66d,#55b8ff);
color:#050506;
font-size:28px;
font-weight:1000;
}

.public-events-footer{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:16px;
margin-bottom:24px;
color:rgba(255,255,255,.62);
}

@media(max-width:980px){
.messages-admin-page .messages-hero,
.messages-page-grid,
.messages-moderation-head,
.messages-moderation-item,
.public-events-hero,
.public-event-detail{
grid-template-columns:1fr;
}

.messages-moderation-tabs,
.messages-moderation-actions{
justify-content:flex-start;
}

.social-page-grid,
.public-events-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

.link-admin-page .link-about-card{
background:
radial-gradient(circle at 12% 0%, rgba(250,204,21,0.13), transparent 32%),
radial-gradient(circle at 88% 8%, rgba(96,165,250,0.12), transparent 30%),
linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
rgba(9,9,10,0.9);
}

.link-admin-page .link-about-create-card,
.link-admin-page .link-about-edit-card{
border-color:rgba(255,255,255,0.14);
background:
linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.022)),
rgba(8,8,9,0.72);
}

.link-admin-page .link-about-fields{
grid-template-columns:1fr;
}

.link-admin-page .event-fields textarea{
width:100%;
min-height:132px;
padding:14px 15px;
border:1px solid rgba(255,255,255,0.12);
border-radius:18px;
background:rgba(255,255,255,0.075);
color:#fff;
font:inherit;
line-height:1.45;
resize:vertical;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.link-admin-page .event-fields textarea::placeholder{
color:rgba(255,255,255,0.36);
}

.link-admin-page .event-fields textarea:hover{
background:rgba(255,255,255,0.10);
}

.link-admin-page .event-fields textarea:focus{
outline:none;
border-color:rgba(var(--link-accent-rgb),0.48);
background:rgba(255,255,255,0.12);
box-shadow:0 0 0 4px rgba(var(--link-accent-rgb),0.11);
}

.user-home-feed-reasons{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:9px;
}

.user-home-feed-reasons em{
display:inline-flex;
align-items:center;
min-height:24px;
padding:5px 9px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:
radial-gradient(circle at 20% 0%, rgba(250,204,21,0.18), transparent 55%),
linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03));
color:rgba(255,255,255,0.78);
font-size:10px;
font-style:normal;
font-weight:900;
letter-spacing:0.06em;
text-transform:uppercase;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

@media(max-width:720px){
.messages-admin-page .messages-hero{
padding:20px;
border-radius:28px;
}

.messages-admin-page .messages-hero-copy h1{
font-size:clamp(40px,13vw,64px);
}

.events-admin-page .widais-events-filter-form,
.social-inline-form,
.messages-thread-search-form,
.messages-send-form,
.social-page-grid,
.public-events-grid,
.widais-notification-card{
grid-template-columns:1fr;
}

.social-person-card{
align-items:flex-start;
flex-direction:column;
}

.social-person-main{
width:100%;
}

.messages-chat-card{
min-height:auto;
}

.messages-chat-window{
min-height:320px;
}

.message-bubble{
max-width:94%;
}

.widais-events-calendar-weekdays,
.widais-events-calendar-grid{
gap:5px;
}

.widais-events-calendar-day{
min-height:72px;
padding:7px;
border-radius:14px;
}
}