:root{--bg:#0d0715;--surface:#171020;--surface-2:#21162d;--line:#342242;--text:#fbf8ff;--muted:#a99ab8;--purple:#9d4edd;--purple-2:#c77dff;--pink:#ff4fc3;--green:#38e48d;--blue:#4ba7ff;--shadow:0 24px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.06em;font-size:19px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--purple-2),var(--pink));box-shadow:0 8px 25px rgba(157,78,221,.32)}.brand-logo{width:44px;height:44px;object-fit:cover;border-radius:13px;box-shadow:0 0 18px rgba(157,78,221,.28)}
.public-header{height:84px;display:flex;align-items:center;justify-content:space-between}.public-nav{display:flex;align-items:center;gap:22px;color:#ddd2e7}.public-nav a:hover{color:#fff}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:12px;background:linear-gradient(135deg,#8a2be2,#b44ce0);color:#fff;padding:13px 20px;font-weight:800;cursor:pointer;box-shadow:0 10px 28px rgba(157,78,221,.22);transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.1)}.button[disabled]{opacity:.48;cursor:not-allowed;transform:none}.button-small{padding:9px 15px;border-radius:10px}.button-secondary{background:transparent;border:1px solid var(--line);box-shadow:none}.button-full{width:100%}.eyebrow{color:var(--purple-2);font-size:12px;letter-spacing:.16em;font-weight:900}
.hero{min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:72px;padding-block:60px 90px}.hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.02;letter-spacing:-.05em;margin:16px 0 24px;max-width:760px}.hero-copy>p{font-size:19px;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:28px;color:#c9bdd5;font-size:14px}.hero-proof span::first-letter{color:var(--green)}.hero-panel{position:relative}.hero-panel::before{content:"";position:absolute;inset:-80px;background:radial-gradient(circle,rgba(157,78,221,.27),transparent 66%);filter:blur(8px)}.preview-window{position:relative;border:1px solid #4b3160;background:rgba(24,15,34,.91);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.preview-head{height:54px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--line);color:#887996;font-size:11px;letter-spacing:.14em}.preview-head i{width:9px;height:9px;border-radius:50%;background:#5b456c}.preview-head span{margin-left:auto}.preview-body{padding:25px;display:grid;gap:14px}.preview-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:#21162d;border-radius:15px;padding:15px}.preview-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;font-size:20px}.preview-card small{display:block;color:var(--muted)}.preview-card strong{font-size:15px}.preview-card.purple>span{background:rgba(157,78,221,.2);color:var(--purple-2)}.preview-card.green>span{background:rgba(56,228,141,.14);color:var(--green)}.preview-card.pink>span{background:rgba(255,79,195,.14);color:var(--pink)}.preview-chart{height:130px;display:flex;align-items:flex-end;gap:11px;padding:20px 12px 0}.preview-chart span{flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--purple-2),#5a2589)}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:110px}.features article{border:1px solid var(--line);border-radius:20px;padding:28px;background:linear-gradient(145deg,rgba(34,22,46,.8),rgba(19,12,27,.8))}.features article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#2c1b3c;color:var(--purple-2);font-size:21px}.features h2{font-size:18px;margin:20px 0 8px}.features p{margin:0;color:var(--muted)}.public-footer{min-height:90px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#82728f;font-size:13px}
.auth-section{min-height:calc(100vh - 174px);display:grid;place-items:center;padding:55px 0 80px}.auth-card{width:min(480px,100%);border:1px solid var(--line);border-radius:24px;padding:38px;background:rgba(24,15,34,.92);box-shadow:var(--shadow)}.auth-card h1{font-size:34px;letter-spacing:-.03em;margin:10px 0}.auth-card>p{color:var(--muted);margin-top:0}.form-stack{display:grid;gap:16px;margin-top:28px}.form-stack label:not(.checkbox-label){display:grid;gap:7px;font-size:13px;font-weight:700;color:#d9cde3}.form-stack input[type=email],.form-stack input[type=password],.form-stack input[type=text]{width:100%;border:1px solid #4a315c;border-radius:11px;background:#120b1b;padding:13px 14px;color:#fff;outline:none}.form-stack input:focus{border-color:var(--purple-2);box-shadow:0 0 0 3px rgba(199,125,255,.12)}.checkbox-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.field-error{color:#ff7caf;font-size:13px}.auth-switch{text-align:center;margin:22px 0 0!important;font-size:14px}.auth-switch a,.text-link{color:var(--purple-2);font-weight:800}
.app-body{overflow:hidden}.app-shell{min-height:100vh;display:grid;grid-template-columns:268px 1fr}.sidebar{height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#110a19;padding:22px 16px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px 24px}.sidebar-close{display:none;background:none;border:0;color:#fff;font-size:28px}.sidebar-nav{display:grid;gap:5px}.sidebar-nav a{display:flex;align-items:center;gap:13px;border-radius:11px;padding:11px 13px;color:#a99ab8;font-weight:700;font-size:14px}.sidebar-nav a span{width:25px;color:#806493;font-size:17px;text-align:center}.sidebar-nav a:hover{background:#1c1227;color:#fff}.sidebar-nav a.active{background:linear-gradient(90deg,rgba(157,78,221,.26),rgba(157,78,221,.06));color:#fff;box-shadow:inset 3px 0 var(--purple-2)}.sidebar-nav a.active span{color:var(--purple-2)}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:18px 4px 0}.avatar{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--pink));font-weight:900}.sidebar-user-copy{min-width:0;flex:1}.sidebar-user-copy strong,.sidebar-user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-copy strong{font-size:13px}.sidebar-user-copy small{color:#806f8e;font-size:10px}.logout-button{border:0;background:none;color:#8e7d9b;font-size:20px;cursor:pointer}.app-main{height:100vh;min-width:0;overflow:auto}.topbar{position:sticky;top:0;z-index:20;min-height:76px;display:flex;align-items:center;gap:13px;padding:12px 30px;border-bottom:1px solid var(--line);background:rgba(13,7,21,.91);backdrop-filter:blur(18px)}.topbar>div{display:grid}.topbar strong{font-size:15px}.topbar small{color:var(--muted);font-size:11px}.menu-button{display:none;border:0;background:#21162d;color:#fff;border-radius:9px;padding:7px 10px}.status-pill{margin-left:auto;border:1px solid #284c3c;border-radius:999px;padding:7px 11px;color:#8ee6b8;background:rgba(56,228,141,.06);font-size:11px}.status-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.content-area{padding:30px;max-width:1500px;margin:auto}.flash{padding:13px 15px;border-radius:12px;margin-bottom:20px}.flash.success{background:rgba(56,228,141,.1);border:1px solid rgba(56,228,141,.3);color:#9df1c3}
.welcome-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative;border:1px solid #4a2c62;border-radius:22px;padding:30px;background:linear-gradient(115deg,#251333,#171020)}.welcome-banner::after{content:"";position:absolute;width:300px;height:300px;right:-70px;border-radius:50%;background:radial-gradient(circle,rgba(199,125,255,.22),transparent 68%)}.welcome-banner>*,.page-heading>*{position:relative;z-index:1}.welcome-banner h1{font-size:29px;margin:8px 0}.welcome-banner p,.page-heading p{color:var(--muted);margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.metric-card{display:flex;align-items:center;gap:15px;border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:19px}.metric-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-size:21px}.metric-icon.purple{background:rgba(157,78,221,.16);color:var(--purple-2)}.metric-icon.pink{background:rgba(255,79,195,.13);color:var(--pink)}.metric-icon.green{background:rgba(56,228,141,.12);color:var(--green)}.metric-icon.blue{background:rgba(75,167,255,.13);color:var(--blue)}.metric-card small,.metric-card strong{display:block}.metric-card small{color:var(--muted);font-size:11px}.metric-card strong{font-size:26px}.metric-card .metric-text{font-size:16px;margin-top:3px}.dashboard-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:20px;margin-top:20px}.panel-card{border:1px solid var(--line);background:var(--surface);border-radius:19px;padding:23px}.panel-heading h2{font-size:20px;margin:5px 0 18px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.quick-grid a{display:grid;grid-template-columns:42px 1fr;column-gap:11px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px;background:#1c1326}.quick-grid a:hover{border-color:#765091}.quick-grid a>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#2a1a3a;color:var(--purple-2)}.quick-grid strong,.quick-grid small{display:block}.quick-grid small{color:var(--muted);font-size:11px}.next-card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.next-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:rgba(157,78,221,.17);color:var(--purple-2);font-size:26px;margin:20px 0 5px}.next-card h2{font-size:19px;margin:10px 0}.next-card p{color:var(--muted);font-size:13px}
.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading h1{font-size:30px;letter-spacing:-.03em;margin:5px 0}.count-pill,.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:#beafca;background:#20152b;font-size:11px;font-weight:800}.badge.success{color:#8ee6b8;border-color:#2d5c46;background:rgba(56,228,141,.08)}.empty-state{min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #4b3559;border-radius:20px;background:rgba(23,16,32,.7);padding:30px}.empty-state>span{display:grid;place-items:center;width:68px;height:68px;border-radius:21px;background:#2a1939;color:var(--purple-2);font-size:28px}.empty-state h2{margin:17px 0 5px}.empty-state p{color:var(--muted);max-width:550px}.module-state .button{margin-top:16px}.card-grid,.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.profile-card,.gift-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:18px}.profile-avatar,.gift-reference{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#6c2c98,#bd48c8);font-weight:900}.profile-card h2,.gift-card h2{font-size:15px;margin:0}.profile-card p,.gift-card p{color:var(--muted);font-size:12px;margin:3px 0 0}.profile-card .badge{margin-left:auto}.table-card{overflow:auto;border:1px solid var(--line);border-radius:17px;background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);font-size:13px}th{color:#8f7d9c;font-size:10px;letter-spacing:.1em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#1d1426}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:35px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.preview-window{max-width:650px;margin:auto;transform:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.card-grid,.gift-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 24px,1160px)}.public-header{height:68px}.public-nav>a:not(.button){display:none}.hero{padding-block:45px 70px;min-height:auto}.hero h1{font-size:42px}.features{grid-template-columns:1fr;padding-bottom:70px}.public-footer{gap:20px;flex-direction:column;justify-content:center;text-align:center}.auth-card{padding:25px}.app-shell{display:block}.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:276px;transform:translateX(-105%);transition:transform .25s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.sidebar-close,.menu-button{display:block}.topbar{padding:12px 16px}.status-pill{display:none}.content-area{padding:18px}.welcome-banner,.page-heading{align-items:flex-start;flex-direction:column}.welcome-banner .button{width:100%}.metric-grid{grid-template-columns:1fr 1fr}.card-grid,.gift-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}}
.gift-reference{overflow:hidden}.gift-reference img{display:block;width:46px;height:46px;object-fit:contain}
.flash.error{background:rgba(255,79,125,.1);border:1px solid rgba(255,79,125,.34);color:#ffb2ca}.flash ul{margin:7px 0 0;padding-left:20px}.profile-management{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:20px;align-items:start}.profile-create-card{position:sticky;top:105px}.profile-create-card h2{margin:7px 0 4px}.profile-create-card>p{margin:0;color:var(--muted);font-size:13px}.profile-list-area{min-width:0}.profile-stack{display:grid;gap:13px}.profile-manage-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:18px}.profile-summary{display:flex;align-items:center;gap:14px}.profile-copy{min-width:0;flex:1}.profile-copy h2,.profile-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy h2{font-size:16px;margin:0}.profile-copy p{color:var(--muted);font-size:12px;margin:3px 0 0}.profile-editor{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.profile-editor summary{color:var(--purple-2);font-size:12px;font-weight:800;cursor:pointer;user-select:none}.profile-editor .form-stack{grid-template-columns:1fr 1fr;margin-top:15px}.profile-editor .checkbox-label,.profile-editor .button{grid-column:1/-1}.profile-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;border-top:1px solid var(--line);margin-top:15px;padding-top:14px}.danger-button{border:1px solid rgba(255,79,125,.4);border-radius:10px;background:rgba(255,79,125,.08);color:#ff91b4;padding:9px 14px;font-weight:800;cursor:pointer}.danger-button:hover{background:rgba(255,79,125,.16)}.compact-empty{min-height:360px}.simple-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--muted);font-size:12px}.simple-pagination a,.simple-pagination .disabled{border:1px solid var(--line);border-radius:9px;padding:8px 11px}.simple-pagination a{color:#d8cce2}.simple-pagination a:hover{border-color:var(--purple-2)}.simple-pagination .disabled{opacity:.45}
.form-stack select,.form-stack input[type=number]{width:100%;border:1px solid #4a315c;border-radius:11px;background:#120b1b;padding:13px 14px;color:#fff;outline:none}.form-stack select:focus,.form-stack input[type=number]:focus{border-color:var(--purple-2);box-shadow:0 0 0 3px rgba(199,125,255,.12)}.form-stack input[type=file]{width:100%;border:1px dashed #4a315c;border-radius:11px;background:#120b1b;padding:10px;color:var(--muted);font-size:12px}.form-stack input[type=file]::file-selector-button{border:0;border-radius:8px;background:#31203f;color:#fff;padding:8px 10px;margin-right:10px;cursor:pointer}.form-stack label>small{color:#81708f;font-weight:500}.two-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.range-line{display:grid;grid-template-columns:1fr 48px;align-items:center;gap:9px}.range-line input{accent-color:var(--purple-2);width:100%}.range-line output{text-align:right;color:var(--purple-2);font-size:12px}.alert-management{display:grid;grid-template-columns:minmax(310px,390px) 1fr;gap:20px;align-items:start}.alert-create-card{position:sticky;top:105px}.alert-create-card h2{margin:7px 0 4px}.alert-create-card>p{margin:0;color:var(--muted);font-size:13px}.alert-list-area{min-width:0}.filter-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:13px;color:var(--muted);font-size:12px}.filter-bar select{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:#fff;padding:9px 12px}.alert-stack{display:grid;gap:13px}.alert-manage-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:18px}.alert-summary{display:flex;align-items:center;gap:14px}.alert-preview{position:relative;display:grid;place-items:center;flex:0 0 auto;width:68px;height:68px;overflow:hidden;border-radius:17px;background:linear-gradient(135deg,#382047,#1f1629);color:var(--purple-2);font-size:23px}.alert-preview img,.alert-preview video{width:100%;height:100%;object-fit:cover}.alert-preview video+span{position:absolute;display:grid;place-items:center;inset:0;background:rgba(0,0,0,.25);color:#fff}.alert-copy{min-width:0;flex:1}.alert-copy small{color:var(--purple-2);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.alert-copy h2{margin:2px 0;font-size:17px}.alert-copy p{margin:0;color:var(--muted);font-size:12px}.alert-audio{display:block;width:100%;height:38px;margin-top:14px}.alert-editor{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.alert-editor summary{color:var(--purple-2);font-size:12px;font-weight:800;cursor:pointer}.alert-editor .form-stack{margin-top:15px}.inline-checks{display:flex;flex-wrap:wrap;gap:15px}.alert-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);margin-top:15px;padding-top:14px}
@media(max-width:1050px){.profile-management{grid-template-columns:1fr}.profile-create-card{position:static}.profile-editor .form-stack{grid-template-columns:1fr}.profile-editor .checkbox-label,.profile-editor .button{grid-column:auto}}
@media(max-width:1100px){.alert-management{grid-template-columns:1fr}.alert-create-card{position:static}}
@media(max-width:560px){.profile-summary{align-items:flex-start;flex-wrap:wrap}.profile-summary .badge{margin-left:68px}.profile-actions{align-items:stretch;flex-direction:column}.profile-actions form,.profile-actions button{width:100%}.simple-pagination{align-items:stretch;flex-direction:column;text-align:center}}
@media(max-width:620px){.two-field-grid{grid-template-columns:1fr}.alert-summary{align-items:flex-start;flex-wrap:wrap}.alert-summary .badge{margin-left:82px}.alert-actions{align-items:stretch;flex-direction:column}.alert-actions form,.alert-actions button{width:100%}.filter-bar{align-items:stretch;flex-direction:column}}
.sidebar-nav{overflow-y:auto}.nav-divider{padding:18px 13px 6px;color:#695777;font-size:9px;font-weight:900;letter-spacing:.16em}.admin-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}.admin-action-card{display:flex;align-items:center;gap:18px}.admin-action-card>span{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;border-radius:17px;background:#2a1939;color:var(--purple-2);font-size:24px}.admin-action-card h2{margin:0 0 5px;font-size:18px}.admin-action-card p{margin:0;color:var(--muted);font-size:13px}.admin-library-layout{display:grid;grid-template-columns:minmax(290px,360px) 1fr;gap:20px;align-items:start}.admin-upload-card{position:sticky;top:105px}.admin-upload-card h2{margin:7px 0}.admin-library-list{min-width:0}.asset-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.asset-filters a{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:11px;font-weight:800}.asset-filters a.active{border-color:#754397;background:rgba(157,78,221,.16);color:#fff}.asset-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.asset-admin-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.asset-admin-preview{height:150px;display:grid;place-items:center;background:#100918;color:var(--purple-2);font-size:34px}.asset-admin-preview img,.asset-admin-preview video{width:100%;height:100%;object-fit:cover}.asset-admin-preview audio{position:absolute;width:calc(100% - 22px);height:38px;margin-top:72px}.asset-admin-copy{padding:14px}.asset-admin-copy>span{color:var(--purple-2);font-size:9px;font-weight:900;letter-spacing:.12em}.asset-admin-copy h2{margin:3px 0;font-size:15px}.asset-admin-copy p{margin:0;color:var(--muted);font-size:11px}.asset-admin-card>.badge{position:absolute;top:10px;right:10px}.asset-admin-actions{display:flex;gap:7px;border-top:1px solid var(--line);padding:11px}.asset-admin-actions form,.asset-admin-actions button{flex:1}.gift-upsert-card{margin-bottom:18px}.admin-gift-form{display:grid;grid-template-columns:1.1fr .8fr .7fr 1.2fr auto;gap:12px;align-items:end}.admin-gift-form label{display:grid;gap:6px;color:#d9cde3;font-size:12px;font-weight:700}.admin-gift-form input{width:100%;min-width:0;border:1px solid #4a315c;border-radius:10px;background:#120b1b;padding:11px;color:#fff}.admin-gift-form input[type=file]{padding:8px;font-size:10px}.admin-gift-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.admin-gift-card{border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:14px}.admin-gift-image{height:115px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:linear-gradient(135deg,#31203f,#160e20);color:var(--purple-2);font-weight:900;font-size:24px}.admin-gift-image img{width:100%;height:100%;object-fit:contain}.admin-gift-copy h2{font-size:15px;margin:12px 0 2px}.admin-gift-copy p{margin:0;color:var(--muted);font-size:11px}.admin-gift-card details{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.admin-gift-card summary{color:var(--purple-2);font-size:11px;font-weight:800;cursor:pointer}.admin-gift-card .form-stack{margin-top:10px;gap:10px}
@media(max-width:1250px){.asset-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-gift-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-gift-form{grid-template-columns:repeat(2,1fr)}.admin-gift-form .button{grid-column:1/-1}}
@media(max-width:950px){.admin-library-layout{grid-template-columns:1fr}.admin-upload-card{position:static}.admin-gift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Biblioteca global y selector visual de regalos */
.library-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.library-section-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:20px;color:#fff;transition:.18s}.library-section-card:hover{transform:translateY(-2px);border-color:#8250a5}.library-section-card>span{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#2a1939;color:var(--purple-2);font-size:25px}.library-section-card strong{font-size:18px}.library-section-card p{margin:5px 0;color:var(--muted);font-size:12px}.library-section-card small{color:var(--purple-2);font-weight:800}.library-section-card>b{font-size:22px;color:var(--purple-2)}.bulk-upload-card{margin-bottom:18px}.bulk-upload-form{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,.9fr) auto;gap:18px;align-items:center}.bulk-upload-form h2{margin:5px 0}.bulk-upload-form p{margin:0;color:var(--muted);font-size:12px}.file-drop-label{display:grid;gap:7px;border:1px dashed #754397;border-radius:13px;padding:12px;color:#dacbe6;font-size:12px;font-weight:800;background:#120b1b}.file-drop-label input{width:100%;font-size:11px}.file-drop-label[data-file-count]:not([data-file-count=""])::after{content:attr(data-file-count);color:var(--purple-2);font-size:10px}.gift-picker-field{display:grid;gap:8px}.gift-picker-field>label{color:#d9cde3;font-size:12px;font-weight:700}.gift-picker-field>input{width:100%;border:1px solid #4a315c;border-radius:10px;background:#120b1b;padding:11px;color:#fff}.gift-visual-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:310px;overflow:auto;padding:2px}.gift-visual-option{position:relative;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:#140d1d;padding:8px;cursor:pointer}.gift-visual-option:hover{border-color:#8250a5}.gift-visual-option:has(input:checked){border-color:var(--purple-2);box-shadow:0 0 0 2px rgba(157,78,221,.18);background:#241331}.gift-visual-option>input{position:absolute;opacity:0;pointer-events:none}.gift-visual-image{display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#31203f,#160e20);color:var(--purple-2)}.gift-visual-image img{width:100%;height:100%;object-fit:contain}.gift-visual-copy{min-width:0}.gift-visual-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.gift-visual-copy small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.field-hint{color:var(--muted);font-size:10px}.gift-bulk-card{border-color:#68408a}
@media(max-width:950px){.bulk-upload-form{grid-template-columns:1fr}.library-section-grid{grid-template-columns:1fr}}@media(max-width:600px){.gift-visual-picker{grid-template-columns:1fr}.admin-gift-grid{grid-template-columns:1fr}}
@media(max-width:650px){.admin-action-grid,.admin-gift-grid,.asset-admin-grid{grid-template-columns:1fr}.admin-gift-form{grid-template-columns:1fr}.admin-gift-form .button{grid-column:auto}.asset-admin-actions{flex-direction:column}}
.preset-field{display:grid;gap:8px}.preset-field>span{color:#d9cde3;font-size:13px;font-weight:700}.preset-media-picker{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 8px}.preset-media-option{position:relative;display:grid!important;grid-template-rows:76px auto;flex:0 0 92px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#120b1b;cursor:pointer}.preset-media-option>input{position:absolute;opacity:0}.preset-media-option>span{display:grid;place-items:center;overflow:hidden;background:#21152c;color:var(--purple-2);font-size:23px}.preset-media-option img,.preset-media-option video{width:100%;height:100%;object-fit:cover}.preset-media-option>strong{overflow:hidden;padding:7px;color:#bbaec5;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.preset-media-option:has(input:checked){border-color:var(--purple-2);box-shadow:0 0 0 2px rgba(199,125,255,.18)}.preset-media-option:has(input:checked)>strong{color:#fff}.preset-sound-picker{display:grid;gap:7px;max-height:220px;overflow:auto}.preset-sound-picker label{display:grid!important;grid-template-columns:auto 1fr minmax(120px,190px);align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;background:#120b1b;padding:8px 10px;cursor:pointer}.preset-sound-picker label:has(input:checked){border-color:var(--purple-2);background:#1d1128}.preset-sound-picker strong{overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.preset-sound-picker audio{width:100%;height:30px}
@media(max-width:520px){.preset-sound-picker label{grid-template-columns:auto 1fr}.preset-sound-picker audio{grid-column:1/-1}}
.alert-gift-title{display:flex;align-items:center;gap:10px;margin-top:7px}.alert-gift-title h2{margin:1px 0 0}.alert-gift-title em{display:block;color:var(--muted);font-size:9px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.alert-gift-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;overflow:hidden;border:1px solid #533469;border-radius:11px;background:linear-gradient(135deg,#31203f,#160e20);color:var(--purple-2);font-size:12px}.alert-gift-icon img{width:100%;height:100%;object-fit:contain}
.asset-picker-search{width:100%;border:1px solid #4a315c;border-radius:10px;background:#120b1b;padding:10px 12px;color:#fff;font-size:12px;outline:none}.asset-picker-search:focus{border-color:var(--purple-2);box-shadow:0 0 0 2px rgba(157,78,221,.14)}.asset-picker-search::placeholder{color:#776782}
[data-asset-card][hidden],[data-gift-card][hidden]{display:none!important}

/* Configuración de voz del chat */
.voice-profile-filter{margin-bottom:18px}.voice-settings-form{display:grid;gap:18px}.voice-status-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.voice-status-card h2{margin:5px 0}.voice-status-card p{margin:0;color:var(--muted);font-size:12px}.switch-control{display:flex;align-items:center;gap:10px;cursor:pointer;white-space:nowrap}.switch-control input{position:absolute;opacity:0}.switch-control span{position:relative;width:50px;height:28px;border-radius:999px;background:#362542;border:1px solid #5c426d;transition:.2s}.switch-control span::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#a896b6;transition:.2s}.switch-control input:checked+span{background:var(--purple);border-color:var(--purple-2)}.switch-control input:checked+span::after{left:25px;background:#fff}.switch-control strong{font-size:12px}.voice-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.voice-config-card>h2,.voice-behavior-card h2{margin:5px 0 12px}.voice-config-card>p{color:var(--muted);font-size:12px}.voice-config-card>label,.voice-preview-box>label,.voice-number-grid>label,.blocked-words-field{display:grid;gap:7px;color:#d9cde3;font-size:12px;font-weight:700}.voice-config-card select,.voice-preview-box textarea,.voice-number-grid input,.blocked-words-field textarea{width:100%;border:1px solid #4a315c;border-radius:10px;background:#120b1b;padding:11px;color:#fff}.voice-online-note{border-left:3px solid var(--purple);padding-left:10px}.voice-preview-box{display:grid;gap:9px;margin-top:16px;border:1px solid var(--line);border-radius:14px;background:#130b1b;padding:13px}.voice-preview-box small{color:var(--muted);font-size:10px}.voice-range-grid{display:grid;gap:14px;margin-top:17px}.voice-range-grid>label{display:grid;gap:7px;color:#d9cde3;font-size:12px;font-weight:700}.audience-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.audience-option{position:relative;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:#130b1b;padding:11px;cursor:pointer}.audience-option>input{position:absolute;opacity:0}.audience-option>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#281735;color:var(--purple-2)}.audience-option strong,.audience-option small{display:block}.audience-option strong{font-size:11px}.audience-option small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35}.audience-option:has(input:checked){border-color:var(--purple-2);background:#21122d;box-shadow:0 0 0 2px rgba(157,78,221,.11)}.audience-option:has(input:checked)>span{background:var(--purple);color:#fff}.voice-number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.voice-number-grid small,.blocked-words-field small{color:var(--muted);font-size:9px;font-weight:400}.voice-check-grid{display:flex;flex-wrap:wrap;gap:10px 18px;margin:18px 0}.blocked-words-field textarea{resize:vertical}.sticky-save-bar{position:sticky;z-index:5;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #643d80;border-radius:15px;background:rgba(24,13,34,.96);backdrop-filter:blur(12px);padding:13px 15px;box-shadow:0 15px 45px rgba(0,0,0,.35)}.sticky-save-bar strong,.sticky-save-bar small{display:block}.sticky-save-bar small{margin-top:3px;color:var(--muted);font-size:10px}
@media(max-width:1000px){.voice-settings-grid{grid-template-columns:1fr}.voice-number-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.voice-status-card,.sticky-save-bar{align-items:flex-start;flex-direction:column}.audience-picker,.voice-number-grid{grid-template-columns:1fr}.sticky-save-bar .button{width:100%}}
.overlay-web-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.overlay-web-card{display:grid;gap:16px}.overlay-web-card h2{margin:5px 0;font-size:19px}.overlay-web-card p{margin:0;color:var(--muted);font-size:12px}.overlay-web-card small{color:var(--purple-2);font-size:10px;font-weight:900;letter-spacing:.12em}.overlay-web-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#2b183a;color:var(--purple-2);font-size:24px}.overlay-web-card label{display:grid;gap:7px;color:#d9cde3;font-size:12px;font-weight:700}.overlay-web-card input{width:100%;border:1px solid #4a315c;border-radius:10px;background:#120b1b;padding:11px;color:#cbbfd4}.overlay-help-card{margin-top:18px}.overlay-help-card strong{color:var(--purple-2)}.overlay-help-card p{margin:7px 0 0;color:var(--muted);font-size:13px}@media(max-width:800px){.overlay-web-grid{grid-template-columns:1fr}}
.live-web-voice-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:18px}.live-web-voice-card h2{margin:5px 0}.live-web-voice-card p{margin:0;color:var(--muted);font-size:12px}.live-web-voice-now{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;background:#120b1b;padding:13px 15px}.live-web-voice-now span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.live-web-voice-now strong,.live-web-voice-now p{display:block;margin-top:4px}.live-web-voice-now.speaking{border-color:var(--purple-2);box-shadow:0 0 0 2px rgba(199,125,255,.12)}.live-web-voice-now.speaking span{color:var(--green)}@media(max-width:700px){.live-web-voice-card{grid-template-columns:1fr}.live-web-voice-card .button{width:100%}}
@media(max-width:480px){.hero h1{font-size:36px}.hero-actions{flex-direction:column}.metric-grid{grid-template-columns:1fr}.preview-body{padding:16px}.auth-section{padding-top:30px}}
.voice-preview-box audio{width:100%;height:38px}

/* Comunidad: iconos compactos de usuarios transmitiendo */
.dashboard-live-section{margin-top:20px;padding:18px 20px}.dashboard-live-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.dashboard-live-heading h2{margin:3px 0}.dashboard-live-heading p{margin:0;color:var(--muted);font-size:11px}.live-count-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(56,228,141,.35);border-radius:999px;background:rgba(56,228,141,.07);padding:7px 11px;color:#9df1c3;font-size:10px;font-weight:800;white-space:nowrap}.live-count-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(56,228,141,.6);animation:livePulse 1.2s infinite}.dashboard-live-grid{display:flex;gap:14px;overflow-x:auto;margin-top:14px;padding:3px 2px 7px;scrollbar-width:thin}.dashboard-live-user{display:grid;justify-items:center;gap:7px;flex:0 0 74px;min-width:0;padding:2px;color:#fff;text-align:center;transition:transform .18s}.dashboard-live-user:hover{transform:translateY(-2px)}.dashboard-live-avatar{position:relative;display:grid;place-items:center;width:58px;height:58px;padding:3px;border:2px solid var(--pink);border-radius:50%;background:#120b1b;box-shadow:0 0 0 2px rgba(255,79,195,.12)}.dashboard-live-avatar b{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));font-size:18px}.dashboard-live-avatar i{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border:2px solid #171020;border-radius:4px;background:#f22972;padding:1px 4px;color:#fff;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.04em}.dashboard-live-user>strong{display:block;width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.dashboard-live-empty{display:flex;align-items:center;justify-content:center;gap:12px;min-height:70px;margin-top:13px;border:1px dashed #4b3559;border-radius:13px;background:#120b1b;color:var(--muted)}.dashboard-live-empty[hidden]{display:none}.dashboard-live-empty>span{color:#675575}.dashboard-live-empty strong,.dashboard-live-empty small{display:block}.dashboard-live-empty strong{color:#d9cde3;font-size:12px}.dashboard-live-empty small{margin-top:2px;font-size:9px}
@media(max-width:720px){.dashboard-live-heading{align-items:flex-start;flex-direction:column}.dashboard-live-section{padding:16px}.dashboard-live-grid{width:calc(100% + 4px)}}

.dashboard-live-avatar img{position:absolute;inset:3px;width:48px;height:48px;border-radius:50%;background:#120b1b;object-fit:cover}.dashboard-live-avatar i{z-index:2}

/* Supervisión de usuarios para superadministradores */
.admin-user-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-users-panel{margin-top:20px}.admin-users-filter{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto auto;align-items:end;gap:11px;margin-bottom:16px}.admin-users-filter label{display:grid;gap:6px;color:#d9cde3;font-size:11px;font-weight:800}.admin-users-filter input,.admin-users-filter select{width:100%;border:1px solid #4a315c;border-radius:10px;background:#120b1b;padding:10px 12px;color:#fff}.admin-users-table table{min-width:920px}.admin-user-identity{display:flex;align-items:center;gap:10px}.admin-user-identity>span:last-child{min-width:0}.admin-user-identity strong,.admin-user-identity small{display:block}.admin-user-identity small{max-width:220px;overflow:hidden;margin-top:2px;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.admin-user-avatar{position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));font-weight:900}.admin-user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.admin-user-state{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;white-space:nowrap}.admin-user-state i{width:7px;height:7px;border-radius:50%;background:#776782}.admin-user-state.live{border-color:rgba(56,228,141,.34);background:rgba(56,228,141,.07);color:#9df1c3}.admin-user-state.live i{background:var(--green);box-shadow:0 0 10px rgba(56,228,141,.55)}.admin-user-state.starting{border-color:#745d30;color:#ffd98a}.admin-user-state.starting i{background:#ffbf3f}.admin-user-state.offline{color:#9f91aa}.admin-users-empty{padding:45px;text-align:center;color:var(--muted)}
@media(max-width:900px){.admin-users-filter{grid-template-columns:1fr 1fr}.admin-users-filter .button{width:100%}}@media(max-width:600px){.admin-user-metrics,.admin-users-filter{grid-template-columns:1fr}}

/* Conexión LIVE ejecutada en AWS */
.live-banner{align-items:center}.live-state{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#160e20;color:var(--muted);font-size:12px;font-weight:900;white-space:nowrap}.live-state::before{content:"";width:9px;height:9px;border-radius:50%;background:#776782}.live-state.state-starting{border-color:#8b6a2f;color:#ffd98a}.live-state.state-starting::before{background:#ffbf3f;animation:livePulse 1.2s infinite}.live-state.state-running{border-color:rgba(56,228,141,.4);color:var(--green)}.live-state.state-running::before{background:var(--green);box-shadow:0 0 14px rgba(56,228,141,.6)}.live-state.state-error{border-color:rgba(255,79,125,.5);color:#ff91b4}.live-state.state-error::before{background:#ff4f7d}.live-control-grid{display:grid;grid-template-columns:minmax(290px,390px) 1fr;gap:20px;align-items:start}.live-connected-card{display:flex;align-items:center;gap:14px;border:1px solid rgba(56,228,141,.28);border-radius:15px;background:rgba(56,228,141,.07);padding:16px;margin-bottom:14px}.live-connected-card small,.live-connected-card strong{display:block}.live-connected-card small{color:var(--muted);font-size:9px;letter-spacing:.12em}.live-connected-card strong{margin-top:3px}.live-pulse{width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(56,228,141,.1);animation:livePulse 1.2s infinite}.live-note{margin:16px 0 0;color:var(--muted);font-size:11px}.live-event-list{display:grid;gap:8px;max-height:520px;overflow:auto}.live-event{display:grid;grid-template-columns:76px 1fr;gap:11px;border:1px solid var(--line);border-radius:12px;background:#120b1b;padding:11px}.live-event>span{color:var(--purple-2);font-size:9px;font-weight:900;letter-spacing:.08em}.live-event strong{font-size:12px}.live-event p{margin:2px 0 0;color:var(--muted);font-size:11px}.live-error{color:#ff91b4;font-size:11px;white-space:pre-wrap}.live-error:empty{display:none}@keyframes livePulse{50%{opacity:.45;transform:scale(.88)}}
@media(max-width:980px){.live-control-grid{grid-template-columns:1fr}}@media(max-width:620px){.live-banner{align-items:flex-start}.live-state{width:max-content}}
.live-connect-message{display:grid;gap:3px;margin-bottom:15px}.live-connect-message span{font-size:11px}

/* Estadísticas LIVE */
.analytics-metric-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:12px;margin-bottom:22px}.analytics-metric-grid .metric-card{min-width:0;padding:17px 14px}.analytics-metric-grid .metric-icon{width:42px;height:42px}.analytics-metric-grid strong{font-size:21px}.analytics-history-card{padding:0;overflow:hidden}.analytics-history-card>.panel-heading{padding:22px 24px;margin:0;border-bottom:1px solid var(--line)}.analytics-history-card>.panel-heading>small{color:var(--muted)}.analytics-broadcast-list{display:grid}.analytics-broadcast-row{display:grid;grid-template-columns:46px minmax(175px,1.5fr) repeat(4,minmax(80px,.65fr)) auto 16px;align-items:center;gap:14px;padding:15px 22px;border-bottom:1px solid var(--line);color:#fff;transition:.16s}.analytics-broadcast-row:hover{background:#1a1024}.analytics-broadcast-row>span:not(.analytics-avatar):not(.analytics-status){display:grid;gap:3px}.analytics-broadcast-row small{color:var(--muted);font-size:10px}.analytics-broadcast-row b{font-size:12px}.analytics-broadcast-row>i{color:var(--purple-2);font-style:normal;font-size:24px}.analytics-avatar,.analytics-detail-avatar{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));font-weight:900}.analytics-avatar{width:42px;height:42px}.analytics-avatar img,.analytics-detail-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.analytics-status{display:inline-flex!important;place-items:center;width:max-content;border:1px solid var(--line);border-radius:999px;padding:7px 9px;font-size:8px;font-weight:900;letter-spacing:.08em}.analytics-status.status-running{border-color:rgba(56,228,141,.35);color:var(--green);background:rgba(56,228,141,.08)}.analytics-status.status-stopped{color:#b9a9c7}.analytics-status.status-error{border-color:rgba(255,79,125,.35);color:#ff91b4;background:rgba(255,79,125,.06)}.analytics-pagination{padding:16px 22px}.analytics-pagination nav>div:first-child{display:none}.analytics-pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:11px}.analytics-pagination nav span,.analytics-pagination nav a{border-color:var(--line)!important;background:#160e20!important;color:#cdbfd8!important}.analytics-empty{padding:55px 20px}.analytics-empty p{color:var(--muted);font-size:12px}.analytics-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.analytics-detail-profile{display:flex;align-items:center;gap:16px}.analytics-detail-avatar{flex:0 0 auto;width:72px;height:72px;font-size:24px}.analytics-detail-profile h1{margin:4px 0;font-size:27px}.analytics-detail-profile p{margin:0;color:var(--muted);font-size:12px}.analytics-detail-actions{display:flex;align-items:center;gap:10px}.analytics-detail-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.analytics-detail-metrics article{display:grid;gap:5px;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:16px}.analytics-detail-metrics small{color:var(--muted);font-size:10px}.analytics-detail-metrics strong{font-size:23px}.analytics-leader-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.analytics-ranking{display:grid}.analytics-ranking>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;border-top:1px solid var(--line);padding:10px 0}.analytics-ranking>div>b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#2a1939;color:var(--purple-2);font-size:10px}.analytics-ranking span{display:grid}.analytics-ranking strong{font-size:12px}.analytics-ranking small{color:var(--muted);font-size:9px}.analytics-ranking em{color:#d993ff;font-style:normal;font-size:11px;font-weight:800}.muted-copy{color:var(--muted);font-size:12px}.analytics-events-heading{align-items:flex-end;gap:15px}.analytics-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.analytics-filters a{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:9px;font-weight:800}.analytics-filters a.active{border-color:#8050a1;background:rgba(157,78,221,.16);color:#fff}.analytics-event-list{display:grid}.analytics-event-list article{display:grid;grid-template-columns:38px minmax(190px,1fr) auto 90px;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 0}.analytics-event-list article:first-child{border-top:0}.analytics-event-list article>div{min-width:0}.analytics-event-list strong{font-size:12px}.analytics-event-list p{overflow:hidden;margin:3px 0 0;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.analytics-event-list article>b{color:#d993ff;font-size:10px}.analytics-event-list time{color:#746580;font-size:9px;text-align:right}.event-kind{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#281736;color:var(--purple-2)}.event-kind.kind-gift{background:rgba(255,79,125,.12);color:#ff86ae}.event-kind.kind-follow{background:rgba(56,228,141,.1);color:var(--green)}

@media(max-width:1200px){.analytics-metric-grid{grid-template-columns:repeat(4,1fr)}.analytics-broadcast-row{grid-template-columns:46px minmax(180px,1.5fr) repeat(2,minmax(75px,.65fr)) auto 16px}.analytics-broadcast-row>span:nth-of-type(4),.analytics-broadcast-row>span:nth-of-type(5){display:none}.analytics-detail-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.analytics-metric-grid{grid-template-columns:1fr 1fr}.analytics-broadcast-row{grid-template-columns:42px 1fr auto 12px;padding:13px}.analytics-broadcast-row>span:not(.analytics-avatar):not(.analytics-broadcast-main):not(.analytics-status){display:none}.analytics-broadcast-main small{white-space:normal}.analytics-detail-hero,.analytics-detail-actions{align-items:flex-start;flex-direction:column}.analytics-detail-actions,.analytics-detail-actions .button{width:100%}.analytics-detail-metrics{grid-template-columns:1fr 1fr}.analytics-leader-grid{grid-template-columns:1fr}.analytics-events-heading{align-items:flex-start;flex-direction:column}.analytics-filters{justify-content:flex-start}.analytics-event-list article{grid-template-columns:34px 1fr auto}.analytics-event-list article>b{grid-column:2}.analytics-event-list time{grid-column:3;grid-row:1}.analytics-pagination nav>div:last-child>div:first-child{display:none}}
.analytics-metric-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.live-follower-total{display:block;margin-top:4px;color:#9df1c3;font-size:10px;font-weight:800}
@media(max-width:760px){.analytics-metric-grid{grid-template-columns:1fr 1fr}}
.global-voice-player{position:fixed;z-index:80;right:20px;bottom:20px;display:grid;grid-template-columns:42px minmax(170px,1fr) auto;align-items:center;gap:11px;width:min(480px,calc(100vw - 40px));border:1px solid rgba(157,78,221,.55);border-radius:16px;background:rgba(20,12,29,.96);box-shadow:0 18px 55px rgba(0,0,0,.42);padding:12px 13px;backdrop-filter:blur(16px)}.global-voice-player[hidden]{display:none}.global-voice-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 0 20px rgba(180,76,224,.25)}.global-voice-player>div{min-width:0}.global-voice-player small,.global-voice-player strong,.global-voice-player p{display:block}.global-voice-player small{color:var(--purple-2);font-size:8px;font-weight:900;letter-spacing:.13em}.global-voice-player strong{margin-top:2px;font-size:12px}.global-voice-player p{overflow:hidden;margin:2px 0 0;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.global-voice-player .button{white-space:nowrap}
@media(max-width:620px){.global-voice-player{right:12px;bottom:12px;width:calc(100vw - 24px);grid-template-columns:38px 1fr}.global-voice-player .button{grid-column:1/-1;width:100%}}
.global-voice-player{display:none!important}
.spotify-connect-card{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:20px;min-height:180px}.spotify-main-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,#1ed760,#0e8f3b);color:#07150b;font-size:30px;font-weight:900;box-shadow:0 0 28px rgba(30,215,96,.2)}.spotify-main-icon.small{width:46px;height:46px;border-radius:14px;font-size:20px}.spotify-connect-card h2,.spotify-device-card h2,.spotify-lower-grid h2{margin:5px 0}.spotify-connect-card p,.spotify-account-copy span{color:var(--muted);font-size:12px}.spotify-feedback{grid-column:1/-1;min-height:18px;margin:0;color:#9df1c3;font-size:11px}.spotify-feedback.error{color:#ff91b4}.spotify-web-player{display:grid;gap:18px}.spotify-account-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.spotify-account-copy{display:flex;align-items:center;gap:13px}.spotify-account-copy small,.spotify-account-copy strong,.spotify-account-copy span{display:block}.spotify-account-copy small{color:#7cf0a8;font-size:9px;font-weight:900;letter-spacing:.12em}.spotify-account-copy strong{margin:2px 0;font-size:15px}.spotify-control-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:18px}.spotify-now-card{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:24px;min-height:220px;background:linear-gradient(125deg,#20132b,#121d18)}.spotify-now-cover{position:relative;display:grid;place-items:center;width:170px;height:170px;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#2d183d,#16281d);color:#1ed760;font-size:48px}.spotify-now-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.spotify-now-copy{min-width:0}.spotify-now-copy>small{color:#7cf0a8;font-size:9px;font-weight:900;letter-spacing:.15em}.spotify-now-copy h2{overflow:hidden;margin:8px 0 3px;font-size:25px;text-overflow:ellipsis;white-space:nowrap}.spotify-now-copy p{overflow:hidden;margin:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.spotify-progress{height:5px;overflow:hidden;margin:18px 0;border-radius:999px;background:#392a43}.spotify-progress span{display:block;width:0;height:100%;border-radius:inherit;background:#1ed760;transition:width .4s}.spotify-player-actions{display:flex;align-items:center;gap:9px}.spotify-player-actions button,.spotify-queue-heading button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#1a1123;color:#fff;cursor:pointer}.spotify-player-actions button:hover,.spotify-queue-heading button:hover{border-color:#1ed760;color:#7cf0a8}.spotify-player-actions button:disabled{opacity:.45}.spotify-device-card{display:grid;align-content:start;gap:14px}.spotify-device-card label{display:grid;grid-template-columns:1fr auto;gap:7px;color:#d9cde3;font-size:11px;font-weight:800}.spotify-device-card label select,.spotify-device-card label input{grid-column:1/-1}.spotify-device-card select{width:100%;border:1px solid #4a315c;border-radius:10px;background:#120b1b;padding:11px;color:#fff}.spotify-device-card input{width:100%;accent-color:#1ed760}.spotify-device-card output{color:#7cf0a8}.spotify-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.spotify-search-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:16px}.spotify-search-form input{min-width:0;border:1px solid #4a315c;border-radius:10px;background:#120b1b;padding:12px;color:#fff}.spotify-command-help{display:grid;gap:6px;margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.spotify-command-help strong{font-size:11px}.spotify-command-help span{color:var(--muted);font-size:10px}.spotify-command-help code{border-radius:5px;background:#281736;padding:2px 5px;color:#d993ff}.spotify-queue-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.spotify-queue-heading h2{margin-bottom:0}.spotify-queue-heading button{width:34px;height:34px}.spotify-queue{display:grid;max-height:300px;overflow:auto;margin-top:10px}.spotify-queue article{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;border-top:1px solid var(--line);padding:10px 0}.spotify-queue article>b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#1d3024;color:#7cf0a8;font-size:9px}.spotify-queue article strong,.spotify-queue article small{display:block}.spotify-queue article strong{font-size:11px}.spotify-queue article small{margin-top:2px;color:var(--muted);font-size:9px}
@media(max-width:1000px){.spotify-control-grid,.spotify-lower-grid{grid-template-columns:1fr}}@media(max-width:680px){.spotify-connect-card{grid-template-columns:1fr}.spotify-connect-card .button{width:100%}.spotify-now-card{grid-template-columns:1fr}.spotify-now-cover{width:100%;height:auto;aspect-ratio:1/1;max-height:280px}.spotify-account-card{align-items:flex-start;flex-direction:column}.spotify-search-form{grid-template-columns:1fr}.spotify-search-form .button{width:100%}}
.spotify-command-settings{min-width:0;overflow:hidden}.spotify-command-settings>.panel-heading h2{margin:5px 0 16px}.spotify-command-settings .form-stack{margin-top:16px}.spotify-command-status{display:grid;gap:11px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#120b1b}.spotify-command-status>span{font-size:11px;font-weight:900}.spotify-command-status.enabled{border-color:rgba(56,228,141,.34);background:rgba(56,228,141,.06)}.spotify-command-status.enabled>span{color:#9df1c3}.spotify-command-status.disabled>span{color:#9b8ba8}.spotify-command-status>div{display:flex;flex-wrap:wrap;gap:7px}.spotify-command-status>div[hidden]{display:none}.spotify-command-status b{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:9px}.spotify-command-status code{margin-left:4px;color:#d993ff}.spotify-audience-section{border:1px solid var(--line);border-radius:15px;background:#160d1f;padding:16px}.spotify-audience-section h3{margin:5px 0 4px;font-size:17px}.spotify-audience-section>p,.spotify-audience-section>small{color:var(--muted);font-size:10px}.spotify-audience-section .audience-picker{margin:14px 0}.spotify-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.spotify-command-grid label{display:grid;min-width:0;gap:6px;color:#d9cde3;font-size:10px;font-weight:800}.spotify-command-grid input{min-width:0;width:100%;border:1px solid #4a315c;border-radius:9px;background:#120b1b;padding:10px;color:#fff}.commands-disabled .spotify-command-grid,.commands-disabled .spotify-audience-section{opacity:.48}.commands-disabled .spotify-command-grid input{cursor:not-allowed}.spotify-command-save{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:15px}.spotify-command-save small{color:var(--muted);font-size:10px}@media(max-width:1100px){.spotify-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.spotify-command-grid{grid-template-columns:1fr}.spotify-command-save{align-items:flex-start;flex-direction:column}.spotify-command-save .button{width:100%}}
.spotify-command-format,.spotify-fixed-commands{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:12px;background:#120b1b;padding:12px 14px}.spotify-command-format strong,.spotify-fixed-commands strong{font-size:11px}.spotify-command-format span{color:var(--muted);font-size:10px}.spotify-command-format code,.spotify-fixed-commands code{color:#d993ff}.spotify-command-grid-editable{grid-template-columns:repeat(2,minmax(0,1fr))}.spotify-command-grid input:invalid{border-color:#c04a79}.spotify-fixed-commands span{display:flex;flex-wrap:wrap;gap:7px}.spotify-fixed-commands code{border:1px solid #4a315c;border-radius:999px;padding:6px 9px}.commands-disabled .spotify-command-format,.commands-disabled .spotify-fixed-commands{opacity:.48}@media(max-width:620px){.spotify-command-format,.spotify-fixed-commands{align-items:flex-start;flex-direction:column}.spotify-command-grid-editable{grid-template-columns:1fr}}
.goal-page-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:20px;align-items:start}.goal-status-heading,.goal-ranking-config{display:flex;align-items:center;justify-content:space-between;gap:18px}.goal-status-heading h2,.goal-ranking-config h2{margin:5px 0}.goal-title-field,.goal-color-field,.goal-ranking-config>label:last-child{display:grid;gap:7px;margin-top:15px;color:#d9cde3;font-size:11px;font-weight:800}.goal-title-field input,.goal-config-item input[type=number],.goal-ranking-config select,.goal-overlay-url-card input{width:100%;min-width:0;border:1px solid #4a315c;border-radius:10px;background:#120b1b;padding:11px;color:#fff}.goal-color-field>span{display:flex;align-items:center;gap:10px}.goal-color-field input{width:56px;height:38px;border:1px solid #4a315c;border-radius:9px;background:#120b1b;padding:4px}.goal-color-field code{color:var(--purple-2)}.goal-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px}.goal-config-item{display:grid;grid-template-columns:1fr 130px;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;background:#130b1b;padding:13px}.goal-config-item>label:last-child{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.goal-check{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;cursor:pointer}.goal-check input{position:absolute;opacity:0}.goal-check>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#291637;color:var(--purple-2);font-size:17px}.goal-check:has(input:checked)>span{background:var(--purple);color:#fff}.goal-check strong{font-size:11px}.goal-ranking-config{flex-wrap:wrap}.goal-ranking-config>div{flex:1;min-width:230px}.goal-ranking-config p{margin:0;color:var(--muted);font-size:10px}.goal-ranking-config>label:last-child{min-width:150px;margin:0}.goal-save-button{width:100%}.goal-side-column{position:sticky;top:105px;display:grid;gap:16px}.goal-overlay-url-card{display:grid;gap:10px}.goal-overlay-url-card h2{margin:0}.goal-overlay-url-card p{margin:0;color:var(--muted);font-size:10px}.goal-mini-list{display:grid;gap:8px;margin-top:13px}.goal-mini-list>div,.goal-mini-ranking li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:10px}.goal-mini-list span,.goal-mini-ranking span{color:var(--muted)}.goal-mini-ranking{display:grid;gap:8px;margin:15px 0 0;padding:13px 0 0;list-style-position:inside;border-top:1px solid var(--line)}@media(max-width:1050px){.goal-page-grid{grid-template-columns:1fr}.goal-side-column{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.goal-config-grid,.goal-side-column{grid-template-columns:1fr}.goal-config-item{grid-template-columns:1fr}.goal-status-heading,.goal-ranking-config{align-items:flex-start;flex-direction:column}}

/* =========================================================
   TikLives 0.12.0 — Centro de alertas automáticas
   ========================================================= */
.automation-studio{display:grid;gap:18px;margin-bottom:34px}
.automation-studio-head,.gift-alert-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.automation-studio-head h2,.gift-alert-section-head h2{margin:3px 0 5px;font-size:24px}
.automation-studio-head p,.gift-alert-section-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.automation-profile-switch{min-width:300px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);padding:12px}
.automation-profile-switch label{display:grid;gap:7px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.automation-profile-switch select{min-height:42px}
.automation-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.automation-settings{display:grid;gap:22px;min-width:0}
.automation-group{display:grid;gap:13px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.014));padding:17px}
.automation-group>header{display:flex;align-items:center;gap:12px}
.automation-group>header h3{margin:0 0 3px;font-size:17px}
.automation-group>header p{margin:0;color:var(--muted);font-size:10px}
.automation-group-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 auto;border:1px solid rgba(190,112,255,.35);border-radius:14px;background:linear-gradient(145deg,rgba(167,74,255,.25),rgba(54,214,255,.08));font-size:21px;box-shadow:inset 0 0 15px rgba(180,76,255,.08)}
.automation-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.automation-card{position:relative;display:grid;align-content:start;gap:13px;overflow:hidden;border:1px solid rgba(255,255,255,.105);border-radius:18px;background:linear-gradient(150deg,rgba(20,15,31,.93),rgba(10,8,18,.95));padding:14px;transition:border-color .2s,transform .2s,opacity .2s;opacity:.68}
.automation-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--automation-accent);opacity:.45;box-shadow:0 0 13px var(--automation-accent)}
.automation-card.is-enabled{opacity:1;border-color:color-mix(in srgb,var(--automation-accent) 35%,rgba(255,255,255,.11))}
.automation-card:hover{transform:translateY(-1px)}
.automation-card-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}
.automation-event-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--automation-accent) 45%,transparent);border-radius:13px;background:color-mix(in srgb,var(--automation-accent) 14%,rgba(10,8,18,.95));color:#fff;font-size:19px;font-weight:950;box-shadow:inset 0 0 14px color-mix(in srgb,var(--automation-accent) 14%,transparent)}
.automation-card-title{display:grid;gap:3px;min-width:0}
.automation-card-title strong{font-size:12px}
.automation-card-title small{color:var(--muted);font-size:8px;line-height:1.4}
.automation-switch{position:relative;width:38px;height:22px;cursor:pointer}
.automation-switch input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}
.automation-switch span{position:absolute;inset:0;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.08);transition:.2s}
.automation-switch span::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#8d8495;transition:.2s}
.automation-switch input:checked+span{border-color:var(--automation-accent);background:color-mix(in srgb,var(--automation-accent) 35%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--automation-accent) 25%,transparent)}
.automation-switch input:checked+span::after{left:19px;background:#fff}
.automation-message,.automation-trigger,.automation-controls label,.automation-advanced-grid label{display:grid;gap:6px;color:#dbd4e3;font-size:8px;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
.automation-message textarea{min-height:62px;resize:vertical;font-size:10px;line-height:1.45;text-transform:none;letter-spacing:0}
.automation-message small{color:#8f8499;font-size:7px;font-weight:700;line-height:1.45;letter-spacing:0;text-transform:none}
.automation-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.automation-controls select,.automation-controls input,.automation-advanced-grid select,.automation-advanced-grid input,.automation-trigger input{min-height:38px;font-size:9px}
.automation-number-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035)}
.automation-number-unit input{width:100%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.automation-number-unit span{padding:0 10px;color:var(--muted);font-size:8px;text-transform:none}
.automation-trigger{border-top:1px solid rgba(255,255,255,.07);padding-top:11px}
.automation-advanced{border-top:1px solid rgba(255,255,255,.07);padding-top:10px}
.automation-advanced summary{cursor:pointer;color:#cdbed8;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;list-style:none}
.automation-advanced summary::-webkit-details-marker{display:none}
.automation-advanced summary::before{content:"＋";display:inline-grid;place-items:center;width:17px;height:17px;margin-right:7px;border-radius:6px;background:rgba(255,255,255,.06)}
.automation-advanced[open] summary::before{content:"−"}
.automation-advanced-grid{display:grid;gap:9px;margin-top:11px}
.automation-preview-button{justify-content:center;width:100%;margin-top:auto}
.automation-save-bar{position:sticky;z-index:25;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(182,101,255,.36);border-radius:17px;background:rgba(15,10,24,.94);padding:12px 14px;box-shadow:0 12px 35px rgba(0,0,0,.42),0 0 18px rgba(155,66,255,.08);backdrop-filter:blur(18px)}
.automation-save-bar div{display:grid;gap:2px}.automation-save-bar strong{font-size:10px}.automation-save-bar small{color:var(--muted);font-size:8px}
.automation-preview-panel{position:sticky;top:82px;display:grid;gap:12px;border:1px solid rgba(172,97,255,.28);border-radius:22px;background:linear-gradient(150deg,rgba(24,15,36,.92),rgba(8,7,15,.96));padding:14px;box-shadow:0 18px 45px rgba(0,0,0,.32)}
.automation-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.automation-preview-head h3{margin:2px 0 0;font-size:14px}
.automation-live-dot{display:flex;align-items:center;gap:6px;border:1px solid rgba(84,255,169,.18);border-radius:999px;background:rgba(58,255,151,.055);padding:5px 8px;color:#8effba;font-size:7px;font-weight:950;letter-spacing:.08em}
.automation-live-dot i{width:6px;height:6px;border-radius:50%;background:#75ffad;box-shadow:0 0 9px #75ffad;animation:automationLivePulse 1.5s ease-in-out infinite}
.automation-preview-screen{position:relative;overflow:hidden;aspect-ratio:9/16;border:1px solid rgba(255,255,255,.12);border-radius:17px;background-color:#0b0b12;background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}
.automation-preview-screen iframe{width:100%;height:100%;border:0;background:transparent}
.automation-preview-watermark{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);border-radius:999px;background:rgba(7,6,13,.68);padding:4px 8px;color:#94899e;font-size:7px;pointer-events:none;white-space:nowrap}
.automation-preview-status{min-height:34px;margin:0;border-radius:11px;background:rgba(255,255,255,.035);padding:9px 10px;color:var(--muted);font-size:8px;line-height:1.45;text-align:center}
.automation-preview-status.is-loading{color:#ded0ff}.automation-preview-status.is-success{color:#8effba}.automation-preview-status.is-error{color:#ff9eaa}
.automation-detection-note{color:#8f8499;font-size:7px;line-height:1.5;text-align:center}
.gift-alert-section-head{margin:30px 0 14px;border-top:1px solid var(--line);padding-top:24px}
@keyframes automationLivePulse{50%{opacity:.4;transform:scale(.72)}}

@media(max-width:1180px){.automation-workspace{grid-template-columns:1fr}.automation-preview-panel{position:relative;top:auto;grid-template-columns:260px minmax(0,1fr);align-items:center}.automation-preview-head{grid-column:1/-1}.automation-preview-screen{grid-row:2/6}.automation-detection-note{text-align:left}}
@media(max-width:820px){.automation-studio-head,.gift-alert-section-head{align-items:stretch;flex-direction:column}.automation-profile-switch{min-width:0;width:100%}.automation-card-grid{grid-template-columns:1fr}.automation-preview-panel{display:grid;grid-template-columns:1fr}.automation-preview-screen{grid-row:auto;max-width:330px;width:100%;margin:auto}.automation-detection-note{text-align:center}.automation-save-bar{align-items:stretch;flex-direction:column}.automation-save-bar .button{width:100%}}
@media(max-width:520px){.automation-group{padding:12px}.automation-card{padding:12px}.automation-controls{grid-template-columns:1fr}.automation-preview-screen{max-width:280px}}

/* =========================================================
   TikLives 0.12.0 — Centro de Alertas 2.0
   ========================================================= */
.alert-preview-console{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.25fr);gap:22px;align-items:stretch;margin-bottom:20px;padding:20px;background:linear-gradient(135deg,rgba(153,61,255,.10),rgba(0,229,255,.045))}
.alert-console-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px}
.alert-console-copy h2{margin:5px 0 8px;font-size:24px}
.alert-console-copy>p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.alert-console-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.alert-console-controls label{font-size:10px}
.alert-console-controls .button{grid-column:1/-1;justify-content:center}
.alert-preview-screen{position:relative;min-height:360px;overflow:hidden;border:1px solid rgba(190,117,255,.25);border-radius:22px;background-color:#0a0d18;background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;box-shadow:inset 0 0 45px rgba(161,65,255,.06)}
.alert-preview-screen iframe{display:block;width:100%;height:100%;min-height:360px;border:0;background:transparent}
.alert-preview-screen>span{position:absolute;right:12px;bottom:10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(4,7,14,.72);padding:5px 9px;color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.alert-test-status{min-height:18px!important;margin-top:10px!important;color:#82efba!important;font-weight:800}
.alert-event-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.alert-category-card{min-width:0;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));padding:15px}
.alert-category-heading{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center}
.alert-category-heading>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(189,113,255,.28);border-radius:13px;background:rgba(168,61,255,.10);font-size:21px}
.alert-category-heading h2{margin:0;font-size:14px}
.alert-category-heading p{margin:3px 0 0;color:var(--muted);font-size:8px;line-height:1.45}
.alert-event-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.alert-event-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(202,142,255,.16);border-radius:999px;background:rgba(255,255,255,.035);padding:6px 9px;color:var(--text);font:inherit;font-size:8px;font-weight:800;cursor:pointer;transition:.2s}
.alert-event-chip:hover{border-color:#b55fff;background:rgba(181,95,255,.14);transform:translateY(-1px)}
.alert-event-chip b{font-size:12px}
.alert-management-v2{align-items:start}
.alert-rule-form [hidden]{display:none!important}
.alert-template-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:11px}
.alert-placeholder-help{display:block;margin-top:-4px;padding:8px 10px;border-left:3px solid #a85cff;background:rgba(168,92,255,.055);line-height:1.5}
.three-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.alert-visual-settings input[type="color"]{width:100%;min-height:44px;padding:4px;cursor:pointer}
.alert-form-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.alert-form-actions .button{min-width:145px;justify-content:center}
.alert-manage-card-v2{overflow:hidden}
.alert-event-symbol{--rule-accent:#b45cff;border-color:color-mix(in srgb,var(--rule-accent) 55%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--rule-accent) 26%,transparent),transparent 70%);box-shadow:0 0 18px color-mix(in srgb,var(--rule-accent) 26%,transparent)}
.alert-event-symbol>b{font-size:34px;line-height:1}
.alert-rule-trigger{display:flex;align-items:center;gap:7px;margin:5px 0}
.alert-rule-trigger img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}
.alert-rule-trigger span{font-size:12px;font-weight:900}
.alert-quick-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);padding:10px 14px;background:rgba(255,255,255,.018)}
.alert-quick-actions form{margin:0}
.alert-editor textarea{resize:vertical}
.alert-editor .form-stack{padding-top:12px}
@media(max-width:1100px){.alert-preview-console{grid-template-columns:1fr}.alert-event-catalog{grid-template-columns:1fr}.alert-preview-screen{min-height:330px}.alert-preview-screen iframe{min-height:330px}}
@media(max-width:720px){.alert-console-controls,.alert-template-grid,.three-field-grid{grid-template-columns:1fr}.alert-console-controls .button{grid-column:auto}.alert-form-actions{display:grid}.alert-form-actions .button{width:100%}.alert-preview-console{padding:12px}.alert-preview-screen,.alert-preview-screen iframe{min-height:300px}}

/* Reaktra 0.12.2 — submenú y overlays individuales de alertas */
.sidebar-nav-group{min-width:0}
.sidebar-nav-group>summary{display:flex;align-items:center;gap:13px;border-radius:11px;padding:11px 13px;color:#a99ab8;font-size:14px;font-weight:700;cursor:pointer;list-style:none;user-select:none}
.sidebar-nav-group>summary::-webkit-details-marker{display:none}
.sidebar-nav-group>summary:hover{background:#1c1227;color:#fff}
.sidebar-nav-group>summary.active{background:linear-gradient(90deg,rgba(157,78,221,.26),rgba(157,78,221,.06));color:#fff;box-shadow:inset 3px 0 var(--purple-2)}
.sidebar-nav-group>summary>span{width:25px;color:#806493;font-size:17px;text-align:center}
.sidebar-nav-group>summary.active>span{color:var(--purple-2)}
.sidebar-nav-group>summary>b{min-width:0;flex:1;font:inherit}
.sidebar-nav-group>summary>i{font-style:normal;color:#806493;transition:transform .2s ease}
.sidebar-nav-group[open]>summary>i{transform:rotate(180deg)}
.sidebar-submenu{display:grid;gap:3px;margin:4px 0 7px 23px;padding-left:11px;border-left:1px solid rgba(196,92,255,.2)}
.sidebar-nav .sidebar-submenu a{padding:8px 10px;font-size:12px}
.sidebar-nav .sidebar-submenu a span{width:18px;font-size:13px}

.alert-section-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.alert-section-switcher a{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);padding:13px 15px;color:var(--muted);transition:.2s ease}
.alert-section-switcher a:hover{border-color:rgba(195,104,255,.55);color:#fff;transform:translateY(-1px)}
.alert-section-switcher a.active{border-color:rgba(195,104,255,.62);background:linear-gradient(135deg,rgba(171,65,255,.18),rgba(95,224,255,.055));color:#fff;box-shadow:inset 0 0 22px rgba(178,73,255,.07)}
.alert-section-switcher a>b{display:grid;place-items:center;flex:0 0 auto;width:37px;height:37px;border-radius:12px;background:rgba(190,98,255,.11);font-size:18px}
.alert-section-switcher a span{min-width:0}
.alert-section-switcher a strong,.alert-section-switcher a small{display:block}
.alert-section-switcher a strong{font-size:13px}
.alert-section-switcher a small{margin-top:2px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.alert-overlay-section{margin-bottom:20px}
.alert-overlay-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.alert-overlay-section-head h2{margin:4px 0 3px;font-size:22px}
.alert-overlay-section-head p{margin:0;color:var(--muted);font-size:11px}
.alert-overlay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.alert-overlay-card{--event-accent:#b45cff;min-width:0;overflow:hidden;border:1px solid rgba(200,140,255,.17);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.036),rgba(255,255,255,.014));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.alert-overlay-card-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;padding:15px}
.alert-overlay-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--event-accent) 48%,transparent);border-radius:15px;background:color-mix(in srgb,var(--event-accent) 13%,transparent);font-size:22px;box-shadow:0 0 20px color-mix(in srgb,var(--event-accent) 11%,transparent)}
.alert-overlay-card-head h3{margin:0;font-size:14px}
.alert-overlay-card-head p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.45}
.alert-rule-count{border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:5px 8px;color:#cdbed8;font-size:8px;font-weight:850;white-space:nowrap}
.alert-overlay-url{display:grid;gap:6px;border-top:1px solid rgba(255,255,255,.055);padding:12px 15px;background:rgba(0,0,0,.09)}
.alert-overlay-url>span{color:#8f7f9d;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.alert-overlay-url-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.alert-overlay-url-line input{min-width:0;width:100%;border:1px solid #3b2a49;border-radius:10px;background:#0e0816;padding:9px 10px;color:#bfb1c9;font-size:9px}
.alert-overlay-url-line button{border:1px solid #56336f;border-radius:10px;background:#281736;padding:8px 10px;color:#fff;font-size:9px;font-weight:850;cursor:pointer}
.alert-overlay-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 15px 14px}
.alert-overlay-actions .button{min-height:32px;padding:8px 10px;font-size:9px}
.alert-overlay-actions .button:first-child{background:linear-gradient(135deg,var(--event-accent),#7a37e6)}
.alert-overlay-actions a{margin-left:auto}

@media(max-width:980px){.alert-overlay-grid{grid-template-columns:1fr}}
@media(max-width:720px){.alert-section-switcher{grid-template-columns:1fr}.alert-overlay-section-head{align-items:flex-start;flex-direction:column}.alert-overlay-url-line{grid-template-columns:1fr}.alert-overlay-actions{display:grid;grid-template-columns:1fr 1fr}.alert-overlay-actions .button,.alert-overlay-actions a{width:100%;margin:0;justify-content:center}.alert-overlay-actions [data-pick-alert-event]{grid-column:1/-1}}

/* Reaktra 0.12.3 — tres overlays, uno por categoría */
.alert-category-overlay-card{max-width:none;margin-bottom:14px;border-color:color-mix(in srgb,var(--event-accent) 38%,rgba(255,255,255,.12));background:linear-gradient(135deg,color-mix(in srgb,var(--event-accent) 9%,rgba(255,255,255,.025)),rgba(255,255,255,.016))}
.alert-category-overlay-card .alert-overlay-card-head{grid-template-columns:58px minmax(0,1fr) auto;padding:18px}
.alert-category-overlay-card .alert-overlay-icon{width:58px;height:58px;font-size:27px}
.alert-category-overlay-card .alert-overlay-card-head h3{font-size:17px}
.alert-category-actions-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 9px}
.alert-category-actions-head h3{margin:0 0 3px;font-size:15px}
.alert-category-actions-head p{margin:0;color:var(--muted);font-size:10px}
.alert-category-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.alert-category-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:15px;padding:11px 12px;background:rgba(255,255,255,.022)}
.alert-category-action-copy{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;flex:1}
.alert-category-action-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--event-accent) 12%,transparent);font-size:17px}
.alert-category-action h3{margin:0;font-size:12px}
.alert-category-action p{margin:2px 0 0;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alert-category-action-buttons{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.alert-category-action-buttons .button{min-height:32px;padding:7px 10px;font-size:9px}
@media(max-width:1050px){.alert-category-actions-grid{grid-template-columns:1fr}}
@media(max-width:720px){.alert-category-overlay-card .alert-overlay-card-head{grid-template-columns:48px minmax(0,1fr)}.alert-category-overlay-card .alert-rule-count{grid-column:1/-1;width:max-content}.alert-category-action{align-items:stretch;flex-direction:column}.alert-category-action-buttons{display:grid;grid-template-columns:1fr 1fr}.alert-category-action-buttons .button{width:100%;justify-content:center}}