:root{font-family:Inter,system-ui,sans-serif!important;color:#ecf4ff!important;background:#080e1d!important}body{background:radial-gradient(ellipse at 90% -10%,#1c3958 0%,#080e1d 62%)!important;color:#e9f5ff!important;min-height:100vh}header{background:#0a1729ed!important;border-bottom:1px solid #33506b!important;display:flex;align-items:center;justify-content:space-between;gap:18px}header a{color:#89f6d7!important}header h1{font-size:clamp(26px,3.5vw,38px)!important;letter-spacing:-1px}header p{margin:4px 0!important;color:#96adc3!important}main{max-width:1150px!important}.control-brand{display:flex;align-items:center;gap:20px}.brand-mark{font-size:38px;color:#67e3c4;border:1px solid #4a8e89;border-radius:18px;background:#132b41;padding:13px}.control-eyebrow{font-size:10px;letter-spacing:3px;color:#89f6d7;font-weight:800}.v-tag{font-size:11px;letter-spacing:1px;background:#215747;color:#98fddd;padding:5px 9px;border-radius:30px;vertical-align:middle}.panel{background:#111c30!important;border:1px solid #2d4059!important;color:#eaf5ff!important;box-shadow:0 20px 45px #03091755!important}.panel p,p{color:#a7bdd2!important}.panel h2{color:#f0f8ff;font-size:24px}.admin-intro{display:flex;align-items:center;gap:10px;margin:12px 0 18px;color:#8decc8;font-size:11px;font-weight:800;letter-spacing:1px}.live-dot{width:9px;height:9px;border-radius:50%;background:#75ebae;box-shadow:0 0 12px #58e8ab}.chip{border:1px solid #2e5166;border-radius:30px;color:#bad6e4;padding:5px 12px;letter-spacing:0;font-weight:500}.admin-tabs{display:flex!important;gap:7px!important;padding:7px!important;background:#111e30;border:1px solid #2f4763;border-radius:14px;overflow-x:auto;flex-wrap:nowrap!important;position:sticky;top:0;z-index:5}.admin-tabs .tab{background:transparent;color:#aec2d6;white-space:nowrap;border:0;border-radius:9px;padding:11px 13px;font-size:13px;cursor:pointer}.admin-tabs .tab.active{background:#28735f;color:#fff;box-shadow:0 0 20px #20c99826}.admin-section[hidden]{display:none!important}label{color:#c6d9e9!important}input,select,textarea{background:#0c1729!important;border:1px solid #36516c!important;color:#f3fbff!important}input:focus,select:focus,textarea:focus{outline:2px solid #4acda5!important;outline-offset:1px}input[type=color]{height:47px;cursor:pointer}input[type=range]{accent-color:#68edc7}input[type=checkbox]{accent-color:#68edc7}.checks{gap:17px!important}.actions{background:#0b1728ee!important;border-color:#37516b!important;border-radius:10px}.actions button,button:not(.tab){background:#169b7c!important;color:white!important;border:0;cursor:pointer}.actions button:hover,button:not(.tab):hover{filter:brightness(1.13)}.live-preview{margin-top:25px;padding:25px;border:1px solid #396079;border-radius:18px;background:radial-gradient(ellipse at 85% 0%,#245870 0%,#09172b 65%);min-height:210px;transition:background .25s}.preview-tag{font-size:11px;font-weight:800;letter-spacing:2px;color:#7cead7}.live-preview h2{font-size:clamp(23px,4vw,40px);margin:13px 0 0!important}.live-preview p{margin:4px 0 20px}.live-preview strong{display:block;font-size:18px}.preview-actions{display:flex;gap:10px;margin-top:17px;flex-wrap:wrap}.preview-actions span{display:inline-block;background:var(--preview-accent,#0a987c);padding:9px 15px;border-radius:8px;color:#fff;font-size:12px;font-weight:800}.preview-actions span+span{background:#22374d}.notice{background:#123f35!important;color:#b1f7de!important}.notice.error{background:#502e35!important;color:#ffcccf!important}.form-inline{display:flex;gap:12px;align-items:center}output{margin-left:10px;color:#7df0d1}#security{scroll-margin-top:90px}@media(max-width:750px){header{align-items:flex-start;flex-direction:column}.control-brand{gap:10px}.brand-mark{font-size:24px;padding:9px}.admin-tabs{top:0}.grid{grid-template-columns:1fr!important}}
