:root{--bg:#030712;--panel:rgba(9,17,34,.86);--panel2:rgba(12,24,48,.70);--line:rgba(148,180,255,.14);--line2:rgba(148,180,255,.24);--text:#f4f7ff;--muted:#8f9bb7;--muted2:#b7c2db;--blue:#3b82f6;--blue2:#60a5fa;--green:#22c55e;--danger:#fb7185;--yellow:#facc15;--radius:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Satoshi',system-ui,sans-serif;background:radial-gradient(circle at 20% 0,rgba(59,130,246,.20),transparent 34%),#030712;color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}.container{width:min(1500px,calc(100% - 36px));margin:0 auto}.nav{height:72px;position:sticky;top:0;z-index:20;background:rgba(3,7,18,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center}.nav-inner{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand img{width:38px;height:38px;object-fit:contain}.nav-actions{display:flex;gap:10px;align-items:center}.btn{border:0;cursor:pointer;border-radius:14px;padding:12px 16px;font-weight:900;color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:var(--line2)}.btn-primary{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 18px 45px rgba(37,99,235,.24)}.btn-ghost{background:rgba(255,255,255,.035)}.btn-soft{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.25)}.btn-danger{background:rgba(251,113,133,.12);border-color:rgba(251,113,133,.28);color:#fecdd3}.badge,.pill{display:inline-flex;gap:8px;align-items:center;width:max-content;border-radius:999px;padding:8px 12px;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.28);color:#dbeafe;font-weight:900;font-size:.86rem}.login-screen{min-height:calc(100vh - 72px);display:flex;align-items:center}.login-card{width:min(520px,100%);background:linear-gradient(180deg,rgba(11,22,44,.86),rgba(6,11,24,.9));border:1px solid var(--line2);border-radius:28px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.compact-login{max-width:500px}.login-card h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1;margin:22px 0 12px;letter-spacing:-.05em}.login-card p{color:var(--muted2);margin-bottom:22px}.login-form label,.field label{font-weight:900;color:#fff;margin-bottom:8px;display:block}.password-row{display:grid;grid-template-columns:1fr auto;gap:10px}input,textarea,select{width:100%;border:1px solid var(--line2);background:rgba(255,255,255,.045);color:#fff;border-radius:16px;padding:13px 14px;outline:0;font-family:inherit;font-weight:700}textarea{min-height:116px;resize:vertical}select option{background:#071022;color:#fff}input:focus,textarea:focus,select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.12)}small{display:block;color:var(--muted);margin-top:7px}.hero-admin{padding:58px 0 26px}.hero-admin h1{font-size:clamp(2.6rem,5.6vw,5.5rem);max-width:1050px;line-height:.95;letter-spacing:-.06em;margin:18px 0}.hero-admin p{color:var(--muted2);max-width:760px;font-size:1.08rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:16px 0 24px}.stat{border-radius:22px;background:rgba(255,255,255,.045);border:1px solid var(--line);padding:22px}.stat strong{display:block;font-size:2rem}.stat span{color:var(--muted);font-weight:800}.layout{display:grid;grid-template-columns:minmax(0,1.2fr) 430px;gap:22px;align-items:start}.panel{background:linear-gradient(180deg,rgba(10,20,42,.78),rgba(5,10,22,.84));border:1px solid var(--line);border-radius:28px;box-shadow:0 20px 70px rgba(0,0,0,.25);overflow:hidden}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:24px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:1.45rem;letter-spacing:-.02em}.panel-head p{color:var(--muted);margin-top:5px}.panel-body{padding:24px}.builder-section{border:1px solid rgba(148,180,255,.10);background:rgba(255,255,255,.025);border-radius:24px;padding:22px;margin-bottom:18px}.builder-section h3{font-size:1.05rem;margin-bottom:16px;color:#dbeafe;display:flex;align-items:center;gap:10px}.builder-section h3 i{color:#60a5fa}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field.full{grid-column:1/-1}.toggle-field{display:flex;align-items:center;padding:12px 0}.toggle-field label{margin:0;color:#dbeafe}.toggle-field input{width:auto;margin-right:9px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.sticky-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(5,10,22,.72),rgba(5,10,22,.96));border-top:1px solid var(--line);margin:20px -24px -24px;padding:18px 24px;z-index:5}.preview-panel{position:sticky;top:92px}.preview-card{border-radius:28px;background:linear-gradient(180deg,rgba(14,25,48,.92),rgba(8,13,27,.94));border:1px solid var(--line2);overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.28)}.preview-cover{height:220px;position:relative;background:radial-gradient(circle at 18% 12%,rgba(96,165,250,.45),transparent 34%),linear-gradient(145deg,rgba(37,99,235,.28),rgba(2,6,23,.6));display:grid;place-items:center}.preview-cover img{width:100%;height:100%;object-fit:cover}.preview-cover i{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);font-size:2rem;box-shadow:0 18px 45px rgba(37,99,235,.35)}.preview-badge{position:absolute;right:16px;top:16px;background:#fff;color:#061021;border-radius:999px;padding:8px 12px;font-weight:1000;font-size:.8rem}.preview-body{padding:22px}.preview-body h3{font-size:1.45rem;margin:10px 0 8px}.preview-body p{color:var(--muted2);min-height:52px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tag{font-size:.76rem;color:#cbd5e1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:5px 9px;border-radius:999px}.preview-meta{display:flex;justify-content:space-between;color:#c7d2fe;font-weight:900;margin-top:14px}.detail-preview{margin-top:16px;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid var(--line);padding:18px}.detail-preview h4{margin-bottom:10px}.detail-preview ul{padding-left:18px;color:var(--muted2)}.detail-preview li{margin:6px 0}.mini-title{font-weight:1000}.mini-desc{font-size:.86rem;color:var(--muted);margin-top:3px}.table-wrap{overflow:auto}.script-table{width:100%;border-collapse:collapse;min-width:800px}.script-table th,.script-table td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}.script-table th{color:#dbeafe;font-size:.86rem;text-transform:uppercase;letter-spacing:.06em}.script-table td{color:#e5edff}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#0b1730;border:1px solid rgba(96,165,250,.35);border-radius:999px;padding:13px 18px;color:#fff;font-weight:900;z-index:100;box-shadow:0 20px 50px rgba(0,0,0,.4);transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.empty-state{border:1px dashed rgba(148,180,255,.25);border-radius:22px;padding:28px;color:var(--muted);text-align:center}.color-cyan .preview-cover{background:radial-gradient(circle at 18% 12%,rgba(34,211,238,.45),transparent 34%),linear-gradient(145deg,rgba(14,165,233,.28),rgba(2,6,23,.6))}.color-violet .preview-cover{background:radial-gradient(circle at 18% 12%,rgba(139,92,246,.45),transparent 34%),linear-gradient(145deg,rgba(99,102,241,.28),rgba(2,6,23,.6))}.color-green .preview-cover{background:radial-gradient(circle at 18% 12%,rgba(34,197,94,.38),transparent 34%),linear-gradient(145deg,rgba(22,163,74,.22),rgba(2,6,23,.6))}.color-yellow .preview-cover{background:radial-gradient(circle at 18% 12%,rgba(250,204,21,.38),transparent 34%),linear-gradient(145deg,rgba(234,179,8,.18),rgba(2,6,23,.6))}.color-red .preview-cover{background:radial-gradient(circle at 18% 12%,rgba(251,113,133,.38),transparent 34%),linear-gradient(145deg,rgba(225,29,72,.18),rgba(2,6,23,.6))}@media(max-width:1180px){.layout{grid-template-columns:1fr}.preview-panel{position:relative;top:auto}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{width:min(100% - 24px,1500px)}.hide-mobile{display:none}.password-row{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.panel-head{display:block}.panel-head .btn{margin-top:14px}.hero-admin h1{font-size:2.8rem}}