:root{--bg:#050913;--surface:#0a1222;--surface2:#101d32;--blue:#1389ff;--blue2:#0250df;--cyan:#35cfff;--muted:#97acc8;--white:#f8fbff;--border:rgba(74,151,242,.29);--stroke:rgba(56,148,255,.63)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -300px,#123762 0,transparent 33%),#050913;color:var(--white);font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.container{width:min(1380px,calc(100% - 48px));margin:auto}.topline{height:4px;background:linear-gradient(90deg,transparent,#286bff 22%,#e3faff 50%,#286bff 78%,transparent);box-shadow:0 0 24px #1d72fc}.main-header{display:flex;align-items:center;justify-content:space-between;min-height:128px;gap:15px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:13px}.brand img{width:111px;height:111px;object-fit:contain;background:transparent;filter:drop-shadow(0 0 12px #196eff77)}.brand strong{font-size:clamp(24px,3.3vw,47px);line-height:1;letter-spacing:-1.8px;display:block;font-style:italic;font-weight:950;text-shadow:1px 2px #527298,0 0 25px #0876f75e}.brand strong em{font-style:italic;color:#81ccff}.brand small{color:#9cbee0;font-size:10px;letter-spacing:2.1px;display:block;margin-top:8px}.brand-overline{font-size:9px;letter-spacing:3px;color:var(--cyan);display:block;margin-bottom:8px}.header-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.header-top-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.header-search{display:flex;align-items:center;background:#071426;border:1px solid #2b64a3;border-radius:30px;padding:4px 6px 4px 14px;box-shadow:inset 0 1px 4px #0008,0 0 14px #1389ff22}.header-search input{background:transparent;border:0;color:var(--white);font-size:12px;width:210px;outline:0}.header-search button{background:linear-gradient(145deg,#188dff,#0550ce);border:1px solid #6ec2ff;color:#fff;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800}.social-list{display:flex;gap:10px;align-items:center}.social-list a{background:linear-gradient(140deg,#162841,#090f1d);border:1px solid #386da5;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:800;box-shadow:0 3px 12px #0007;transition:transform .2s,background .2s}.social-list a:hover{background:#0871db;transform:translateY(-2px)}.live-label{font-size:11px;letter-spacing:2px;color:#dceafe;font-weight:800;background:rgba(12,28,54,.85);border:1px solid #2961a0;padding:6px 12px;border-radius:20px}.dot{width:8px;height:8px;background:#ff424e;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #ff34401a,0 0 14px #ff364b;vertical-align:middle;margin-right:8px}.nav-wrap{position:sticky;z-index:11;top:0;background:linear-gradient(#0f2543,#0b1729);border-block:1px solid var(--stroke);box-shadow:0 4px 23px #010910,0 0 8px #078dff33}.nav-row{display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center;gap:1px;flex-wrap:wrap}.nav-links a,.admin-shortcut{padding:15px 15px;font-size:11px;letter-spacing:.55px;font-weight:900}.nav-links a.active,.nav-links a:hover{background:linear-gradient(145deg,#1e90ff,#014abe);box-shadow:inset 0 0 9px #79c7ff88,0 0 14px #247fff88;border-radius:4px}.admin-shortcut{color:#7bbdff}.mobile-menu{display:none;background:none;color:white;border:0;padding:13px}.preview-alert{margin:18px 0 16px;color:#91b1d0;text-align:center;font-size:10px;letter-spacing:1.2px}.panel{background:linear-gradient(148deg,#0c1830f2,#06101ff9 65%);border:1px solid var(--border);border-radius:13px;box-shadow:0 12px 35px #0009,inset 0 1px #53c1ff18,0 0 17px #006dff19}.hero-grid{display:grid;grid-template-columns:1.66fr 1fr;gap:18px;margin-top:20px}.hero{min-height:405px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center}.hero-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;z-index:-3;filter:saturate(1.15) contrast(1.08);transition:opacity .4s}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 76% 47%,#0655fd73,transparent 31%),linear-gradient(95deg,#050c1af5 38%,#0b2052b8 85%);z-index:-2}.hero-grid-lines{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#318aff24 1px,transparent 1px),linear-gradient(90deg,#318aff24 1px,transparent 1px);background-size:34px 34px;transform:perspective(350px) rotateX(11deg);z-index:-1}.hero-content{position:relative;z-index:2;width:68%;padding:40px 0 44px 36px}.eyebrow,.section-overline{font-weight:850;font-size:10px;color:#67bdff;letter-spacing:2.3px;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;background:rgba(19,137,255,.16);border:1px solid rgba(53,207,255,.45);padding:5px 12px;border-radius:20px;margin-bottom:18px}.hero h1{font-size:clamp(30px,3.6vw,54px);font-weight:1000;font-style:italic;line-height:1.06;letter-spacing:-1.8px;margin:0 0 14px;text-shadow:0 4px 2px #0c2149,0 0 36px #319eff33}.hero h1 span{color:#73cbff;background:linear-gradient(#fff 8%,#92d2ff 38%,#2578f2 70%,#cbe7ff);color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{max-width:485px;color:#c3d4e9;line-height:1.65;font-size:14px;margin:0}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}.hero-dots{position:absolute;bottom:16px;left:36px;z-index:3;display:flex;gap:7px;align-items:center}.hero-dots button{width:9px;height:9px;border-radius:50%;border:1px solid #6fc2ff;background:#092142;padding:0;transition:all .2s}.hero-dots button.active{width:24px;border-radius:10px;background:#35cfff;box-shadow:0 0 10px #35cfff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #68bfff;padding:11px 16px;border-radius:8px;font-size:11px;font-weight:950;letter-spacing:.3px;box-shadow:inset 0 1px #d1f2ff4a,0 5px 10px #0005;transition:transform .2s,filter .2s}.btn:hover,.shortcut:hover{transform:translateY(-3px);filter:brightness(1.16)}.btn.primary{color:white;background:linear-gradient(160deg,#188dff,#0753d4 65%,#003a9e);box-shadow:inset 0 1px #c7efff8e,0 3px 15px #137aff6e}.btn.glass{background:#07162d88;color:#d9ecff}.btn.full{width:100%}.vinyl-art{position:absolute;z-index:0;right:-47px;top:38px;width:320px;height:320px;border-radius:50%;filter:drop-shadow(0 5px 38px #2270fb)}.vinyl-ring{height:100%;border-radius:50%;border:12px solid #376599;background:repeating-radial-gradient(circle,#040b18 0 7px,#132e58 8px 9px,#081b34 10px 12px);box-shadow:inset 0 0 60px #0e5cce,0 0 0 4px #d8edfe,inset 0 0 0 2px #ddf4ff;display:grid;place-items:center}.vinyl-center{height:112px;width:112px;border-radius:50%;background:radial-gradient(circle,#0d2852,#051024);border:3px solid #6ec3ff;display:grid;place-items:center;box-shadow:0 0 27px #2194fd;overflow:hidden;padding:4px}.vinyl-center img{width:100%;height:100%;object-fit:contain;background:transparent;display:block}.hero-corner{position:absolute;bottom:15px;right:18px;color:#6186bf;font-size:10px;letter-spacing:2px}.radio-panel{padding:20px;display:flex;flex-direction:column;gap:12px}.panel-top{display:flex;justify-content:space-between;align-items:center}.section-tag{color:#ff5563;font-size:10px;font-weight:1000;letter-spacing:1.7px}.badge{border:1px solid #215b96;color:#83b9ff;padding:4px 9px;border-radius:5px;font-size:9px;font-weight:900;letter-spacing:1px}.radio-station{display:flex;align-items:center;gap:15px}.radio-logo{width:92px;height:92px;object-fit:contain;background:transparent;filter:drop-shadow(0 0 12px #196eff66)}.radio-station h2{font-size:23px;font-style:italic;line-height:1.1;margin:0;text-shadow:0 0 18px #236dfe}.radio-station h2 span{color:#77d1ff}.radio-sub{display:block;font-size:10px;color:#9cb5d4;margin-top:7px}.waveform{height:48px;display:flex;justify-content:center;gap:4px;align-items:center;overflow:hidden}.waveform i{width:4px;height:40%;border-radius:3px;background:linear-gradient(#77e8ff,#076aff);box-shadow:0 0 7px #129fff;transform:scaleY(var(--level));transition:transform .3s}.waveform.playing i{animation:wave 1s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes wave{from{transform:scaleY(.24)}to{transform:scaleY(1)}}.song-details{padding:10px;background:#061428;border:1px solid #214e7c;border-radius:8px;display:flex;align-items:center;gap:11px}.song-album{width:46px;height:46px;flex-shrink:0;background:linear-gradient(135deg,#0767cc,#0d1732);display:grid;place-items:center;font-size:20px;border-radius:6px;overflow:hidden}.song-album img{width:100%;height:100%;object-fit:cover;display:block}.song-details strong,.song-details small{display:block}.song-details strong{font-size:12px}.song-details small{font-size:10px;color:#9eb7d7}.listener-pill{font-size:9px;white-space:nowrap;color:#90d2ff;margin-left:auto}.player-controls{display:flex;align-items:center;gap:14px;justify-content:space-between}.play-circle{border-radius:50%;background:linear-gradient(#67d3ff,#0751e5);border:2px solid #c0eaff;color:#fff;width:47px;height:47px;font-size:21px;box-shadow:0 0 19px #126aff88;flex-shrink:0}.volume-box{display:flex;align-items:center;gap:8px;color:#74c1ff}.volume-box input{width:100px;accent-color:#2fa8ff}.play-state{font-size:9px;color:#6e97c4;letter-spacing:1px}.radio-buttons-row{display:grid;grid-template-columns:1.5fr 1fr;gap:8px}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 26px}.shortcut{min-height:90px;display:flex;align-items:center;gap:14px;text-align:left;padding:15px 18px;color:white;background:linear-gradient(140deg,#0d1c36,#060f20);border:1px solid #2e7bc4;border-radius:11px;box-shadow:inset 0 1px #6dbaff43,0 5px 18px #0009;transition:transform .2s;cursor:pointer}.shortcut.accent{border-color:#9067ff;box-shadow:0 0 20px #6235ff43,inset 0 1px #b0a9ff7d}.shortcut strong{font-size:13px;font-weight:950;line-height:1.25;flex:1}.shortcut>span:last-child{color:#5caaff}.shortcut-icon{color:#7bd1ff;font-size:35px;text-shadow:0 0 13px #0988fd}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.content-section{margin-bottom:30px}.section-head{display:flex;gap:14px;align-items:end;margin-bottom:14px;flex-wrap:wrap}.section-head h2,.wide-feature h2,.mini-section h2{font-weight:950;font-style:italic;font-size:23px;line-height:1.1;margin:6px 0 0;letter-spacing:-.7px}.section-head h2 em,.wide-feature h2 em,.mini-section h2 em{color:#65c6ff;font-style:italic}.section-line{height:1px;background:linear-gradient(90deg,#2769b1,transparent);flex:1;margin-bottom:7px;min-width:40px}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.news-card{display:flex;gap:13px;background:linear-gradient(145deg,#0f1e36,#071222);border:1px solid #224c7a;border-radius:10px;padding:12px;min-height:132px;cursor:pointer;transition:transform .2s,border-color .2s}.news-card:hover{transform:translateY(-2px);border-color:#4ca9ff}.news-visual{width:98px;flex:none;border-radius:7px;background:radial-gradient(circle at 38% 28%,#4da8ff90,#0c1c54 50%,#041227);border:1px solid #3067a0;display:grid;place-items:center;font-size:37px;color:#8bd2ff;text-shadow:0 0 18px #68c5ff}.news-card .category{font-size:9px;letter-spacing:1px;color:#67b9ff;font-weight:800;text-transform:uppercase}.news-card h3{font-size:13px;line-height:1.3;margin:5px 0 6px}.news-card p{font-size:11px;color:#a9c1de;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card small{font-size:10px;color:#7ca4ce}.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.release-card{background:#0b1830;border:1px solid #245a90;padding:11px;border-radius:10px;min-width:0;display:flex;flex-direction:column}.release-cover{height:135px;border-radius:6px;background:radial-gradient(circle at 65% 35%,#1b81df,#0a1840 45%,#010914);display:flex;align-items:center;justify-content:center;font-size:49px;text-shadow:0 0 27px #63baff}.release-card h3{font-size:13px;margin:9px 0 2px}.release-card p{font-size:11px;color:#8daccc;margin:0 0 10px}.release-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.release-links a,.release-links button{font-size:10px;font-weight:800;border-radius:5px;border:1px solid #28548a;background:#08162b;padding:5px 8px;color:#a5d7ff;transition:background .2s}.release-links a:hover,.release-links button:hover{background:#144d97;color:#fff}.side-column{display:flex;flex-direction:column;gap:18px}.chart-panel{padding:18px}.section-head.compact{margin-bottom:11px}.chart-tabs{display:flex;gap:5px;margin-bottom:12px}.chart-tabs button{flex:1;border:1px solid #2f6397;background:#091b38;color:#acc9e7;padding:7px 3px;border-radius:5px;font-weight:900;font-size:10px}.chart-tabs button.active{background:#0c68d3;color:white;box-shadow:0 0 8px #0987fe7d}.chart-list{display:flex;flex-direction:column;gap:8px}.chart-entry{padding:8px 10px;display:flex;align-items:center;background:#09192e;border:1px solid #153962;border-radius:6px;gap:11px}.chart-entry .rank{font-size:21px;font-weight:900;font-style:italic;color:#5bb8ff;width:25px;text-align:center}.chart-entry strong{font-size:12px;display:block}.chart-entry small{font-size:10px;color:#859dbd}.chart-entry .trailing{margin-left:auto;color:#6bc7ff;font-size:11px;font-weight:800}.micro{font-size:10px;color:#819cbc}.promo-panel{padding:23px;background:radial-gradient(circle at 85% 25%,#072d71,#06101f 72%)}.promo-panel h2{font-style:italic;font-weight:950;font-size:29px;line-height:1.08;margin:14px 0}.promo-panel h2 em{color:#69c4ff}.promo-panel p{font-size:12px;color:#b4c9e0;margin-bottom:20px}.wide-feature{margin:7px 0 27px;padding:25px 30px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}.wide-feature-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.wide-feature h2{font-size:27px}.wide-feature p{color:#b2c7de;max-width:670px;margin:6px 0 0}.feature-decoration{position:absolute;font-size:180px;opacity:.05;right:30%;top:-75px;pointer-events:none}.competition-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;z-index:1}.comp-card{background:#08162c;border:1px solid #24578f;border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:10px}.comp-thumb{height:148px;border-radius:8px;overflow:hidden;position:relative;background:#040d1a;cursor:pointer;display:grid;place-items:center}.comp-thumb img{width:100%;height:100%;object-fit:cover}.comp-play-badge{position:absolute;width:44px;height:44px;border-radius:50%;background:rgba(19,137,255,.88);border:2px solid #fff;display:grid;place-items:center;font-size:18px;box-shadow:0 0 20px #1389ff}.comp-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.comp-votes{font-size:11px;font-weight:900;color:#65c6ff;background:#0d274c;border:1px solid #2d68a8;padding:4px 9px;border-radius:20px}.triple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:35px}.mini-section{padding:18px}.media-cards-stack{display:grid;gap:11px}.mini-item-card{display:flex;gap:11px;align-items:center;background:#08172e;border:1px solid #1f4b7c;border-radius:9px;padding:10px}.mini-item-thumb{width:64px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0;background:radial-gradient(circle,#1763b8,#08172e);display:grid;place-items:center;font-size:24px;color:#8ad2ff}.mini-item-thumb img{width:100%;height:100%;object-fit:cover}.mini-item-info{flex:1;min-width:0}.mini-item-info strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-item-info small{display:block;font-size:10px;color:#8fb0d4;margin-top:2px}.ad-banner-slot{margin:16px 0 26px}.ad-banner-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;background:linear-gradient(125deg,#0c2244,#071224);border:1px solid #2f73bd;border-radius:12px}.ad-banner-card img{max-height:78px;border-radius:8px;object-fit:cover}.empty-visual{border:1px dashed #366094;border-radius:9px;background:linear-gradient(145deg,#0d2141,#060d1d);min-height:128px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:37px;color:#5bb2ff;gap:6px}.empty-visual span{font-size:11px;color:#8faacc}.site-footer{border-top:1px solid #1f5b9c;background:#050b16;padding:26px 0}.footrow{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.footrow img{width:75px;background:transparent;object-fit:contain}.footrow strong{font-size:17px;font-style:italic}.footrow p{margin:3px 0;color:#8eadd1}.footrow small{color:#617fa2}.footrow a{margin-left:auto;color:#85c6ff}.modal{display:none;position:fixed;inset:0;z-index:40;place-items:center;padding:20px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(7px)}.modal-card{position:relative;width:min(620px,100%);max-height:88vh;overflow:auto;padding:29px;background:linear-gradient(130deg,#102544,#050b16);border:1px solid #4ca9ff;border-radius:15px;box-shadow:0 0 50px #1465fc45}.modal-card.wide{width:min(780px,100%)}.modal-card h2{font-size:26px;font-style:italic;margin:5px 0}.modal-card h2 em{color:#62baff}.modal-card p{color:#b7cde6;line-height:1.65}.modal-close{position:absolute;right:14px;top:12px;color:#d5e6ff;background:none;border:none;font-size:21px}.modal-card input,.settings-grid input,.form-stack textarea,.form-stack select{border:1px solid #315f97;background:#061222;color:white;border-radius:8px;padding:11px 12px;width:100%;outline:0}.consent-label{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#b8d0ec;cursor:pointer}.consent-label input{width:18px;height:18px;margin-top:2px;flex-shrink:0}.results-box{margin-top:13px;display:grid;gap:8px;max-height:42vh;overflow:auto}.request-row{display:flex;align-items:center;gap:10px;background:#071a30;border:1px solid #214c7e;padding:10px;border-radius:8px}.request-row div{flex:1}.request-row strong,.request-row small{display:block}.request-row small{color:#8bacd0}.request-row button{border:1px solid #478fe4;background:#08499b;color:white;border-radius:5px;padding:7px 11px;font-size:11px;font-weight:800}.form-stack{display:grid;gap:10px}.form-message{font-size:12px}.toast{position:fixed;bottom:23px;right:23px;max-width:380px;background:#0b3569;border:1px solid #64b9ff;border-radius:9px;padding:13px 17px;z-index:60;box-shadow:0 0 25px #0452bb88;display:none}.toast.show{display:block}.admin-body{background:#050b15}.admin-layout{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#101f35,#060d18);border-right:1px solid #22538b;padding:21px 14px;overflow:auto}.sidebar-brand{display:flex;align-items:center;gap:9px;padding:4px 4px 21px;border-bottom:1px solid #214369}.sidebar-brand img{width:66px;background:transparent;object-fit:contain}.sidebar-brand strong{font-style:italic;display:block}.sidebar-brand small{font-size:10px;color:#6ab5ff}.side-nav{display:grid;gap:5px;margin-top:16px}.side-nav button{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;padding:10px 12px;color:#adc5e0;font-size:12px;font-weight:750}.side-nav button span{font-size:16px}.side-nav button:hover,.side-nav button.active{border-color:#1c6de0;color:white;background:linear-gradient(90deg,#0e6ad3,#0a274f);box-shadow:0 0 14px #0b67cd55}.admin-bottom{margin-top:22px;border-top:1px solid #234768;padding-top:14px;font-size:11px;color:#7a9bbb}.admin-bottom a{display:block;margin-top:10px;color:#6fc3ff}.admin-main{padding:24px clamp(16px,3vw,40px);max-width:1650px;width:100%}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px;flex-wrap:wrap}.admin-top h1{font-size:30px;font-style:italic;margin:0}.admin-top p{margin:4px 0;color:#809aba}.admin-top .admin-marker{border:1px solid #386fb4;border-radius:30px;padding:8px 13px;color:#98b8e0;font-size:11px}.admin-notice{border:1px solid #2d74be;background:#0a203e;color:#cbe5ff;padding:13px;border-radius:9px;font-size:12px;margin-bottom:20px}.admin-screen{display:none}.admin-screen.active{display:block}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:22px}.kpi{padding:18px;border:1px solid #2b65a2;border-radius:10px;background:linear-gradient(130deg,#102544,#091427)}.kpi small{display:block;font-size:11px;color:#89abd0}.kpi strong{display:block;font-size:27px;color:#76c8ff;font-weight:950;margin-top:7px}.kpi .indicator{font-size:10px;color:#7593b5}.admin-cards{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.admin-card{padding:22px;background:linear-gradient(145deg,#0e1d34,#080f1c);border:1px solid #285a92;border-radius:10px;margin-bottom:16px}.admin-card h2{font-size:17px;margin:0 0 10px}.admin-card p{color:#a5bdd8}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th,.data-table td{padding:10px 8px;border-bottom:1px solid #244365;font-size:12px;vertical-align:middle}.data-table th{color:#75baff}.table-scroll{overflow-x:auto}.empty-state{text-align:center;border:1px dashed #355c8a;background:#0a1c35;border-radius:10px;padding:32px 20px;color:#95aecb}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-grid label{display:grid;gap:6px;font-size:11px;color:#a8c7ed;font-weight:800}.settings-grid label.wide{grid-column:1/-1}.settings-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:13px}.admin-actions select{border:1px solid #386da3;background:#08182e;color:white;padding:10px;border-radius:7px}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;padding:16px;background:#061224;border:1px solid #285a92;border-radius:10px}.admin-form input,.admin-form textarea,.admin-form select{border:1px solid #386da3;background:#07172c;color:white;border-radius:7px;padding:10px;width:100%}.admin-form label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#9ec6f2}.admin-form textarea{min-height:95px}.admin-form .full-span{grid-column:1/-1}.status-pill{background:#132d53;color:#90baff;border:1px solid #3c72a8;font-size:10px;padding:4px 8px;border-radius:20px;display:inline-block}.status-pill.ok{background:#0d3b2e;color:#6bffb8;border-color:#268e63}.status-pill.warn{background:#3e2f10;color:#ffd278;border-color:#9e7728}.text-btn{background:transparent;border:1px solid #4771a7;border-radius:6px;color:#9ed2ff;padding:5px 8px;margin-right:6px;font-size:11px}.danger{color:#ff9da4;border-color:#a04e57}.ai-social-box{background:#071830;border:1px solid #2b6cb3;border-radius:9px;padding:14px;grid-column:1/-1;display:grid;gap:10px}.ai-social-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:1070px){.hero-grid,.content-grid{grid-template-columns:1fr}.hero{min-height:360px}.hero-content{width:68%}.radio-panel{max-width:none}.shortcut-grid{grid-template-columns:repeat(2,1fr)}.admin-layout{grid-template-columns:210px 1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{width:calc(100% - 24px)}.main-header{min-height:90px}.brand img{width:70px;height:70px}.brand strong{font-size:25px;letter-spacing:-1px}.brand small{font-size:7px;letter-spacing:.6px}.brand-overline{font-size:8px;letter-spacing:1px}.header-side{width:100%;align-items:stretch}.header-top-row{justify-content:space-between}.header-search{flex:1}.header-search input{width:100%}.mobile-menu{display:block}.nav-row{flex-wrap:wrap}.nav-links{display:none;order:3;flex-basis:100%;padding-bottom:8px}.nav-links.show{display:flex}.nav-links a{width:50%;padding:10px}.preview-alert{font-size:9px}.hero-content{width:100%;padding:32px 22px;min-height:350px}.hero h1{font-size:clamp(32px,8vw,48px)}.hero p{max-width:310px}.vinyl-art{width:225px;height:225px;right:-100px;top:80px;opacity:.37}.hero-corner{font-size:7px}.news-grid,.release-grid,.triple-grid,.ai-social-cols{grid-template-columns:1fr}.shortcut{padding:12px}.shortcut strong{font-size:11px}.shortcut-icon{font-size:25px}.wide-feature-head{align-items:flex-start;flex-direction:column}.admin-layout{display:block}.sidebar{height:auto;position:relative;padding:12px}.sidebar-brand{padding-bottom:8px}.side-nav{display:flex;overflow-x:auto;margin-top:10px}.side-nav button{white-space:nowrap;padding:9px}.admin-bottom{display:none}.admin-main{padding:16px}.admin-cards{grid-template-columns:1fr}.settings-grid,.admin-form{grid-template-columns:1fr}.admin-form .full-span,.settings-grid label.wide{grid-column:auto}.admin-top h1{font-size:24px}.admin-marker{display:none}}@media(max-width:400px){.shortcut-grid{grid-template-columns:1fr}.brand strong{font-size:21px}.brand img{width:61px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi{padding:10px}.kpi strong{font-size:19px}}

/* INTRO CINEMATOGRÁFICO PERREO DIGITAL */
body.intro-visible{overflow:hidden}
.intro-splash{--intro-seconds:5s;position:fixed;z-index:3000;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#0a2551 0%,#041126 36%,#01040b 75%,#000 100%);color:#f8fbff;isolation:isolate;opacity:1;transition:opacity .55s ease,visibility .55s ease}
.intro-splash[hidden]{display:none!important}
.intro-splash:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0px,rgba(19,137,255,.07) 1px,transparent 3px,transparent 16px);opacity:.6;pointer-events:none}
.intro-splash:after{content:"";position:absolute;left:-35%;right:-35%;top:48%;height:2px;background:linear-gradient(90deg,transparent,#0b5cff,#c3f0ff,#0b5cff,transparent);box-shadow:0 0 25px 9px #0b67ff99;transform:rotate(-11deg) scaleX(.4);opacity:0;animation:introLightning var(--intro-seconds) ease-in-out both;pointer-events:none}
.intro-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#1164c755 1px,transparent 1px),linear-gradient(90deg,#1164c755 1px,transparent 1px);background-size:62px 62px;transform:perspective(700px) rotateX(64deg) scale(1.7);transform-origin:50% 85%;mask-image:linear-gradient(transparent 6%,black 90%)}
.intro-orbit{position:absolute;width:min(78vw,680px);aspect-ratio:1;border:1px solid #1874e055;border-radius:50%;box-shadow:0 0 44px #0655ba20,inset 0 0 60px #083dbb20;animation:introOrbit 12s linear infinite}
.orbit-two{width:min(100vw,860px);border-style:dashed;opacity:.45;animation-direction:reverse;animation-duration:20s}
.intro-skip{background:rgba(6,23,50,.8);border:1px solid #268eff;color:white;font:700 .76rem/1.2 system-ui,sans-serif;letter-spacing:.13em;padding:14px 20px;border-radius:40px;cursor:pointer;box-shadow:0 0 22px #1674d940;transition:transform .2s,background .2s}
.intro-sound-actions{position:absolute;z-index:5;top:clamp(22px,4vw,48px);right:clamp(16px,4vw,54px);display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 28px)}
.intro-sound-button{background:linear-gradient(125deg,#0754aa,#0b83df 55%,#1362bc);border:1px solid #72d2ff;color:#fff;font:800 .76rem/1.2 system-ui,sans-serif;letter-spacing:.075em;padding:14px 19px;border-radius:40px;cursor:pointer;box-shadow:0 0 26px #1f95ff88,inset 0 1px 1px #b2e9ff9c;transition:transform .2s,background .2s}
.intro-sound-button:hover,.intro-sound-button:focus-visible{transform:translateY(-2px);outline:2px solid #c5efff;outline-offset:3px}
.intro-sound-button:disabled{opacity:.7;cursor:default}
.intro-sound-help{position:absolute;z-index:4;left:50%;bottom:65px;transform:translateX(-50%);text-align:center;color:#bedcf9;font-size:clamp(.69rem,1.4vw,.82rem);letter-spacing:.025em;width:min(90vw,630px);margin:0;text-shadow:0 1px 8px #000;pointer-events:none}
.intro-restarting:after,.intro-restarting .intro-original-logo,.intro-restarting .intro-kicker,.intro-restarting .intro-heading,.intro-restarting .intro-equalizer,.intro-restarting .intro-caption,.intro-restarting .intro-progress i{animation:none!important}
.intro-skip:hover,.intro-skip:focus-visible{transform:translateY(-2px);background:#0c54a1;outline:2px solid #77c8ff;outline-offset:3px}
.intro-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;width:min(90vw,790px);padding:30px 10px;transform:translateY(-8px)}
.intro-flare{position:absolute;inset:15% 10%;filter:blur(65px);background:radial-gradient(ellipse,#0b7dff52 0%,transparent 65%);z-index:-1;animation:introFlicker 3s ease-in-out infinite alternate}
.intro-original-logo{width:min(45vh,370px);height:auto;max-width:75vw;object-fit:contain;background:transparent;filter:drop-shadow(0 0 24px #2688ffe0) drop-shadow(0 0 70px #0056ff66);transform:perspective(1000px) rotateY(-35deg) scale(.5);opacity:0;animation:introLogo 2.4s cubic-bezier(.2,.7,.23,1) .1s both}
.intro-kicker{font-size:clamp(.55rem,.9vw,.78rem);letter-spacing:.34em;color:#9acfff;margin:5px 0 8px;opacity:0;animation:introText .8s ease 1.1s both}
.intro-heading{font-size:clamp(1.2rem,3vw,2.35rem);font-weight:900;line-height:1.12;letter-spacing:.075em;color:#effaff;text-shadow:0 0 25px #168dff;margin:0;opacity:0;animation:introText .8s ease 1.6s both}
.intro-heading span{display:block;background:linear-gradient(180deg,#fff 0%,#a9dfff 35%,#167cff 75%,#edf9ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.38em}
.intro-equalizer{display:flex;align-items:center;gap:5px;height:45px;margin:12px 0 0;opacity:0;animation:introText .8s ease 2s both}
.intro-equalizer i{display:block;width:5px;height:calc(7px + var(--h,15) * 1px);background:linear-gradient(0deg,#005eea,#38caff,#d8f9ff);border-radius:5px;box-shadow:0 0 11px #198efb;animation:introBeat .75s ease-in-out infinite alternate}
.intro-equalizer i:nth-child(3n){--h:29;animation-delay:.15s}.intro-equalizer i:nth-child(3n + 1){--h:16;animation-delay:.3s}.intro-equalizer i:nth-child(4n){--h:34;animation-delay:.45s}
.intro-caption{margin:8px 0 0;color:#b3c8e5;letter-spacing:.19em;font-size:clamp(.57rem,.8vw,.72rem);opacity:0;animation:introText .8s ease 2.2s both}
.intro-bottom{position:absolute;z-index:2;bottom:35px;left:50%;transform:translateX(-50%);width:min(86vw,510px);display:flex;align-items:center;gap:12px;justify-content:space-between;color:#91badf;font-size:.6rem;font-weight:700;letter-spacing:.11em}
.intro-progress{height:3px;background:#134582;flex:1;min-width:35px;overflow:hidden;border-radius:5px}.intro-progress i{display:block;width:100%;height:100%;background:#7ceaff;box-shadow:0 0 14px #42afff;transform-origin:left;animation:introProgress var(--intro-seconds) linear both}
.intro-exiting{opacity:0;visibility:hidden;pointer-events:none}
@keyframes introLogo{0%{transform:perspective(1000px) rotateY(-35deg) scale(.5);opacity:0;filter:brightness(2) blur(10px)}70%{opacity:1}100%{transform:perspective(1000px) rotateY(0) scale(1);opacity:1}}
@keyframes introLightning{0%,29%,47%,100%{opacity:0;transform:rotate(-11deg) scaleX(.15)}32%,42%{opacity:.95;transform:rotate(-11deg) scaleX(1.35)}}
@keyframes introText{from{opacity:0;transform:translateY(24px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes introOrbit{to{transform:rotate(360deg)}}
@keyframes introFlicker{to{opacity:.48;transform:scale(1.2)}}
@keyframes introBeat{to{height:11px;filter:brightness(1.5)}}
@keyframes introProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.settings-intro-preview{display:flex;align-items:center;gap:14px;flex-wrap:wrap;grid-column:1/-1;color:#a9c1db;font-size:.84rem;padding:6px 0 13px}
@media(max-width:620px){.intro-bottom{bottom:24px;flex-direction:column;gap:8px}.intro-center{transform:translateY(-4vh)}.intro-original-logo{width:min(60vw,320px)}.intro-kicker{letter-spacing:.19em}.intro-heading{letter-spacing:.02em}.intro-skip,.intro-sound-button{padding:11px 13px;font-size:.66rem}.intro-sound-actions{left:12px;right:12px;max-width:none;justify-content:center;top:12px}.intro-sound-help{bottom:91px}.intro-orbit{width:90vw}}
@media(prefers-reduced-motion:reduce){.intro-splash{transition:none}.intro-splash:after,.intro-orbit,.intro-original-logo,.intro-kicker,.intro-heading,.intro-equalizer,.intro-equalizer i,.intro-caption,.intro-flare,.intro-progress i{animation:none!important}.intro-original-logo,.intro-kicker,.intro-heading,.intro-equalizer,.intro-caption{opacity:1;transform:none}}

/* Biblioteca multimedia: editor visual y estado real de operaciones en servidor */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.section-heading h2{margin-bottom:6px}.section-heading p{margin:0}.field-hint{color:#8fb3d5;font-size:.75rem;line-height:1.5}
.media-attach-label{font-size:.83rem;font-weight:700;color:#9bcaff;display:grid;gap:8px}
.upload-zone{text-align:center;border:2px dashed #2d84d6;background:radial-gradient(circle at center,#0b2850,#081528 75%);border-radius:16px;min-height:220px;padding:28px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;cursor:pointer;transition:border-color .2s,background .2s;}
.upload-zone:hover,.upload-zone:focus-visible,.upload-zone.drag-over{border-color:#7cd6ff;background:#0a3264;outline:2px solid #468fff;outline-offset:2px}
.upload-zone strong{font-size:1.1rem;letter-spacing:.04em}.upload-zone span{color:#b1c5de}.upload-zone small{color:#91a8c4;max-width:540px;line-height:1.45}.upload-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#114b98;border:1px solid #4bbdff;box-shadow:0 0 30px #1578e36b;font-size:2.2rem;font-weight:800}
.upload-picker{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.upload-area{margin-top:16px;padding:15px;border:1px solid #236ab0;border-radius:10px;background:#06162c}.upload-area[hidden],#mediaEditorCard[hidden]{display:none!important}.upload-head{display:flex;justify-content:space-between;gap:8px;color:#c2e4ff;font-size:.85rem;word-break:break-word}.percentage{color:#55c6ff;font-variant-numeric:tabular-nums}.upload-area progress{display:block;width:100%;height:16px;margin:12px 0 5px;accent-color:#157bea}.upload-description{font-size:.79rem!important;margin:4px 0!important}
.media-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:13px}.media-file{background:#06162a;border:1px solid #28558a;border-radius:12px;overflow:hidden;min-width:0}.media-file-preview{height:122px;background:#081d38;display:flex;align-items:center;justify-content:center;color:#64bcff;font-size:2.3rem}.media-file-preview img{width:100%;height:100%;object-fit:cover}.media-file-meta{padding:10px}.media-file-meta strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.79rem}.media-file-meta small{display:block;color:#88a8c8;font-size:.67rem;margin-top:4px}.media-file-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.media-file-actions button{font-size:.67rem;padding:6px 8px;cursor:pointer}.image-edit-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:18px}.image-preview{min-height:320px;display:grid;place-items:center;border:1px dashed #3568a4;border-radius:12px;padding:12px;background:repeating-conic-gradient(#091a31 0 25%,#102344 0 50%) 50%/24px 24px}.image-preview canvas{display:block;max-width:100%;max-height:560px;box-shadow:0 4px 32px #000b;border:1px solid #3570b4}.image-edit-controls{display:flex;flex-direction:column;gap:12px}.image-edit-controls label{display:flex;flex-direction:column;gap:5px;font-size:.75rem;color:#bcdbfa;font-weight:700}.image-edit-controls label output{float:right;color:#55bafd}.image-edit-controls select{padding:9px;background:#08182e;border:1px solid #366aa3;border-radius:7px;color:white}.image-edit-controls input[type=range]{width:100%;accent-color:#1880ff}.editor-buttons{display:flex;gap:7px;flex-wrap:wrap}.editor-buttons button{font-size:.68rem}
.toast{max-width:min(92vw,520px);word-break:break-word}.toast.success{border-color:#349b72;box-shadow:0 0 22px #139b5c28}.toast.error{border-color:#c84b56;box-shadow:0 0 22px #d0284f30}
@media(max-width:950px){.image-edit-layout{grid-template-columns:1fr}}@media(max-width:600px){.section-heading{flex-direction:column}.media-library{grid-template-columns:repeat(2,minmax(0,1fr))}.image-preview{min-height:210px}.upload-zone{padding:20px 12px}.radio-buttons-row{grid-template-columns:1fr}}

/* Portadas subidas */
.news-visual,.release-cover{overflow:hidden}.news-visual img,.release-cover img{width:100%;height:100%;object-fit:cover;display:block}.release-cover{position:relative}

/* Interruptores de módulos (Prender / Apagar en cualquier momento) */
.module-switches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:12px}
.module-switch-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#071529;border:1px solid #245388;border-radius:10px;transition:border-color .2s,background .2s}
.module-switch-card.is-on{border-color:#269969;background:linear-gradient(135deg,#082322,#071529)}
.module-switch-card.is-off{border-color:#8a3b47;background:linear-gradient(135deg,#251019,#071529);opacity:.88}
.module-switch-info strong{display:block;font-size:12px;color:#fff}
.module-switch-info small{display:block;font-size:10px;color:#93b3d6;margin-top:2px}
.btn-power-toggle{border-radius:20px;padding:7px 13px;font-size:11px;font-weight:900;letter-spacing:.4px;border:1px solid;transition:transform .15s,filter .15s;white-space:nowrap}
.btn-power-toggle.on{background:linear-gradient(135deg,#12995e,#096b40);border-color:#59f0ad;color:#eafff5;box-shadow:0 0 14px #12995e55}
.btn-power-toggle.off{background:linear-gradient(135deg,#8f2938,#591420);border-color:#ff8090;color:#ffe5e8;box-shadow:0 0 14px #8f293844}
.btn-power-toggle:hover{transform:translateY(-1px);filter:brightness(1.12)}

/* Botón voluntario de Avisos Web y resaltado de enlaces profundos */
.notif-optin-btn{background:linear-gradient(145deg,#10294b,#071528);border:1px solid #3576b8;color:#cce6ff;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800;letter-spacing:.4px;box-shadow:0 0 12px rgba(24,141,255,.22);transition:transform .2s,border-color .2s}
.notif-optin-btn:hover,.notif-optin-btn.active{border-color:#57f2aa;color:#eafff5;background:linear-gradient(145deg,#0d382c,#071c1b);transform:translateY(-1px)}
.comp-card.comp-highlighted{border-color:#35cfff;box-shadow:0 0 28px rgba(53,207,255,.45),inset 0 0 14px rgba(53,207,255,.18)}

/* =========================================================================
   SISTEMA PROFESIONAL DE ESTADÍSTICAS, ANALÍTICA Y CRECIMIENTO WEB (3D)
   ========================================================================= */
.growth-toolbar-card{background:linear-gradient(135deg,#0f2342,#071121);border-color:#3579c4;box-shadow:0 10px 30px rgba(0,0,0,.55),inset 0 1px rgba(120,205,255,.25)}
.growth-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.growth-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.period-selector{display:inline-flex;background:#051020;border:1px solid #2b619e;border-radius:9px;padding:3px;gap:3px}
.period-btn{background:transparent;border:0;color:#9ab9dc;padding:7px 12px;border-radius:6px;font-size:11px;font-weight:800;transition:background .2s,color .2s}
.period-btn.active,.period-btn:hover{background:linear-gradient(145deg,#1b8fff,#0852cc);color:#fff;box-shadow:0 0 12px rgba(27,143,255,.45)}
.growth-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.growth-kpi{position:relative;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.45),inset 0 1px rgba(135,210,255,.2)}
.growth-kpi strong{font-size:24px}
.chart-legend{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:#a9c6e8}
.chart-legend span{display:inline-flex;align-items:center;gap:6px}
.chart-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.growth-chart-box{background:#061224;border:1px solid #214e82;border-radius:10px;padding:12px;min-height:220px;display:flex;align-items:center;justify-content:center}
.growth-svg{width:100%;height:auto;max-height:235px;display:block;overflow:visible}
.retention-badges-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 16px}
.retention-mini-card{background:#061428;border:1px solid #275b96;border-radius:9px;padding:12px;text-align:center}
.retention-mini-card small{display:block;font-size:10px;color:#8eb2d8}
.retention-mini-card strong{display:block;font-size:22px;color:#57f2aa;margin:4px 0;font-weight:950}
.retention-mini-card span{font-size:10px;color:#7ca0c7}
.sub-card-title{font-size:12px;color:#7ac7ff;margin:10px 0 8px;text-transform:uppercase;letter-spacing:.7px}
.metric-bars-list{display:grid;gap:8px}
.metric-bar-row{background:#061326;border:1px solid #1e4675;border-radius:8px;padding:8px 10px}
.metric-bar-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:5px;gap:8px}
.metric-bar-head strong{color:#e6f3ff}
.metric-bar-head span{color:#8eb5de;white-space:nowrap}
.metric-bar-track{height:7px;background:#0a213f;border-radius:6px;overflow:hidden}
.metric-bar-fill{height:100%;background:linear-gradient(90deg,#157eff,#35cfff,#57f2aa);border-radius:6px;box-shadow:0 0 10px rgba(53,207,255,.5)}
.recommendations-stack{display:grid;gap:10px}
.recommendation-item{background:linear-gradient(135deg,#081a33,#061121);border:1px solid #29619e;border-left:4px solid #35cfff;border-radius:9px;padding:12px 14px}
.recommendation-item.alta{border-left-color:#ffb84d}
.radio-split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:10px}
.radio-stats-box{background:#061325;border:1px solid #23538a;border-radius:10px;padding:14px}
.radio-stats-box h3{margin:0 0 10px;font-size:13px;color:#7ac7ff;letter-spacing:.5px}
.mini-kpi-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mini-kpi-row>div{background:#091c36;border:1px solid #1f4b7e;border-radius:8px;padding:9px 11px}
.mini-kpi-row small{display:block;font-size:10px;color:#8eb2d8}
.mini-kpi-row strong{display:block;font-size:18px;color:#fff;margin-top:3px}
.utm-builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
.utm-builder-grid label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#9ec6f2}
.utm-builder-grid input,.utm-builder-grid select{border:1px solid #3569a4;background:#061325;color:#fff;border-radius:8px;padding:10px}
.utm-result-box{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.utm-result-box input{flex:1;min-width:240px;font-family:monospace;font-size:12px;color:#72cbff}
.integration-status-box{background:#061326;border:1px solid #25568d;border-radius:10px;padding:14px}
@media(max-width:960px){.growth-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-split-grid,.utm-builder-grid,.retention-badges-grid{grid-template-columns:1fr}}
@media print{.sidebar,.admin-top,.growth-controls,#analyticsIntegrationsForm,.utm-builder-grid{display:none!important}.admin-layout{display:block}.admin-main{padding:0;max-width:none}body,.admin-body{background:#050b15!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}




