:root{color-scheme:dark;--bg: #090c10;--bg-gradient: radial-gradient(circle at 50% 0%, #161f2e 0%, #090c10 75%);--panel: #111620;--panel-card: #151c28;--panel-hover: #1b2332;--line: #212c3d;--line-focus: #3b82f6;--muted: #8b99ad;--text: #cdd7e5;--text-strong: #ffffff;--gold: #d4af37;--gold-glow: #f6d860;--gold-gradient: linear-gradient(135deg, #d4af37 0%, #f3e5ab 50%, #aa8c2c 100%);--blue: #3b82f6;--blue-glow: rgba(59, 130, 246, .25);--green: #10b981;--green-glow: rgba(16, 185, 129, .25);--red: #ef4444;--red-glow: rgba(239, 68, 68, .25);--violet: #8b5cf6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-main: 0 12px 32px rgba(0, 0, 0, .45);--shadow-glow: 0 0 20px rgba(212, 175, 55, .15);font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:all .2s ease-in-out}.brand-logo-container{position:relative;width:84px;height:84px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.login-cyber-logo{width:74px;height:74px;border-radius:18px;filter:drop-shadow(0 0 16px rgba(16,185,129,.55)) drop-shadow(0 0 28px rgba(59,130,246,.35));z-index:2;transition:transform .3s ease,filter .3s ease}.login-cyber-logo:hover{transform:scale(1.06);filter:drop-shadow(0 0 24px rgba(16,185,129,.8)) drop-shadow(0 0 36px rgba(56,189,248,.6))}.logo-pulse-ring{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:22px;border:1px solid rgba(16,185,129,.4);box-shadow:0 0 20px #10b98133;animation:cyberPulse 3s infinite alternate ease-in-out;pointer-events:none}@keyframes cyberPulse{0%{transform:scale(.96);opacity:.3;border-color:#10b9814d}to{transform:scale(1.06);opacity:.8;border-color:#38bdf899;box-shadow:0 0 25px #38bdf84d}}.brand-logo-container-small{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.sidebar-cyber-logo{width:38px;height:38px;border-radius:10px;filter:drop-shadow(0 0 8px rgba(16,185,129,.5))}.cyber-title{font-family:JetBrains Mono,Fira Code,monospace!important;font-size:24px!important;font-weight:800!important;letter-spacing:-.02em!important;color:#fff!important;text-shadow:0 0 20px rgba(16,185,129,.4)}.cyber-sub{font-family:JetBrains Mono,monospace!important;font-size:11px!important;color:#10b981!important;letter-spacing:.15em!important;text-transform:uppercase!important;opacity:.9}.cyber-brand{font-family:JetBrains Mono,Fira Code,monospace!important;font-size:15px!important;font-weight:700!important;letter-spacing:-.02em!important;color:#fff!important}.accent-hunter{color:#10b981!important;text-shadow:0 0 10px rgba(16,185,129,.5)}.accent-coder{color:#38bdf8!important;text-shadow:0 0 10px rgba(56,189,248,.5)}.badge-server{display:inline-block;font-family:JetBrains Mono,monospace;background:#10b9811f;border:1px solid rgba(16,185,129,.4);color:#10b981;font-size:9px;font-weight:700;padding:1px 6px;border-radius:4px;letter-spacing:.08em;margin-top:2px}.badge-cyber-shine{display:inline-flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;background:linear-gradient(90deg,#10b98126,#38bdf826);border:1px solid rgba(16,185,129,.5);color:#6ee7b7;padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.1em;box-shadow:0 0 20px #10b98140;margin-bottom:12px}body:has(.login-wrapper) #app,#app.login-mode,#app:has(.login-wrapper){display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;width:100%!important;min-height:100vh!important}.login-wrapper{min-height:100vh;width:100%;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px;margin:auto!important;background:radial-gradient(circle at 50% 30%,#172338,#090c10 70%)}.login-glass-card{width:100%;max-width:440px;background:#111620d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(212,175,55,.25);border-radius:var(--radius-lg);padding:40px 32px;box-shadow:0 20px 50px #000000b3,0 0 30px #d4af371a;text-align:center;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:28px}.brand-badge{width:56px;height:56px;margin:0 auto 16px;border-radius:14px;display:grid;place-items:center;background:var(--gold-gradient);box-shadow:0 8px 20px #d4af3759}.brand-badge span{font-size:26px;font-weight:900;color:#090c10}.login-header h2{font-size:20px;font-weight:800;color:var(--text-strong);letter-spacing:.05em;margin:0 0 6px}.login-header p{color:var(--muted);font-size:13px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px;text-align:left}.form-group label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text);margin-bottom:6px}.input-with-icon input{width:100%;background:#090c10;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text-strong);font-size:14px;outline:none;transition:all .2s}.input-with-icon input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af3726}.login-alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:18px;text-align:left}.login-alert.error{background:#ef44441f;border:1px solid var(--red);color:#fca5a5}.login-alert.success{background:#10b9811f;border:1px solid var(--green);color:#6ee7b7}.btn-primary-luxury{width:100%;background:var(--gold-gradient);border:none;border-radius:var(--radius-sm);padding:14px 20px;color:#090c10;font-size:14px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #d4af374d}.btn-primary-luxury svg{width:18px;height:18px}.btn-primary-luxury:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 20px #d4af3773}.btn-primary-luxury:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}#app{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:24px;padding:24px}.sidebar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 18px;display:flex;flex-direction:column;gap:20px;position:sticky;top:24px;height:calc(100vh - 48px);box-shadow:var(--shadow-main)}.brand{display:flex;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.brand-mark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#090c10;font-weight:900;font-size:20px;background:var(--gold-gradient);box-shadow:0 4px 12px #d4af374d}.brand strong{display:block;font-size:16px;color:var(--text-strong);letter-spacing:-.01em}.badge-gold{display:inline-block;background:#d4af3726;border:1px solid var(--gold);color:var(--gold);font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.05em}.user-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--panel-card);border:1px solid var(--line);border-radius:var(--radius-md)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center;box-shadow:0 2px 8px #2563eb66}.user-meta strong{display:block;font-size:13px;color:var(--text-strong)}.user-meta span{font-size:11px;color:var(--muted)}nav{display:grid;gap:6px;flex:1;overflow-y:auto}.nav{width:100%;background:transparent;border:1px solid transparent;color:var(--text);border-radius:var(--radius-sm);padding:11px 14px;text-align:left;display:flex;align-items:center;gap:12px;font-weight:500;font-size:13px}.nav:hover{background:var(--panel-hover);color:var(--text-strong);border-color:#ffffff0d}.nav.active{background:#d4af371f;color:var(--gold-glow);font-weight:600;border-color:#d4af374d;box-shadow:inset 3px 0 0 var(--gold)}.nav svg{width:18px;height:18px;opacity:.8;flex-shrink:0}.nav.active svg{opacity:1;color:var(--gold)}.sidebar-bottom{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.ghost{background:var(--panel-card);border:1px solid var(--line);color:var(--text);padding:10px 14px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500}.ghost:hover{background:var(--panel-hover);border-color:var(--muted);color:var(--text-strong)}.btn-logout{background:transparent;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:10px 14px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.btn-logout svg{width:16px;height:16px}.btn-logout:hover{background:#ef444426;border-color:var(--red);color:#fff}.main{min-width:0;display:flex;flex-direction:column;gap:24px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0}h1{margin:0;font-size:22px;font-weight:800;color:var(--text-strong);letter-spacing:-.02em}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;margin:0 0 4px}.status-pill{border:1px solid var(--line);background:var(--panel);padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;color:var(--text-strong);display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #0003}.status-pill.live{border-color:#10b98166;background:#10b98114}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.grid{display:grid;gap:20px}.metrics{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.files-grid{grid-template-columns:320px minmax(0,1fr)}.runtime-grid{grid-template-columns:480px minmax(0,1fr)}.metric{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;box-shadow:var(--shadow-main);transition:transform .2s,border-color .2s}.metric:hover{transform:translateY(-2px);border-color:#ffffff26}.metric-header{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.metric-header svg{width:18px;height:18px;opacity:.7}.metric strong{font-size:32px;font-weight:800;color:var(--text-strong);letter-spacing:-.03em;line-height:1.1;margin-top:4px}.metric-sub{font-size:11px;color:var(--muted)}.metric.gold{border-left:4px solid var(--gold)}.metric.gold strong{color:var(--gold-glow)}.metric.green{border-left:4px solid var(--green)}.metric.green strong{color:#6ee7b7}.metric.blue{border-left:4px solid var(--blue)}.metric.blue strong{color:#93c5fd}.metric.violet{border-left:4px solid var(--violet)}.metric.violet strong{color:#c4b5fd}.metric.red{border-left:4px solid var(--red)}.metric.red strong{color:#fca5a5}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-main)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head h3{margin:0;font-size:16px;font-weight:700;color:var(--text-strong);display:flex;align-items:center;gap:10px}.panel-head h3 svg{width:20px;height:20px;color:var(--gold)}.hero-luxury{background:linear-gradient(135deg,#131a26,#172338,#0d121a);border:1px solid rgba(212,175,55,.3);box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.hero-luxury:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(212,175,55,.12) 0%,transparent 70%);pointer-events:none}.badge-gold-shine{display:inline-block;background:#d4af3726;border:1px solid var(--gold);color:var(--gold-glow);font-size:11px;font-weight:800;padding:4px 10px;border-radius:6px;letter-spacing:.08em;margin-bottom:12px}.hero-content h2{font-size:22px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.01em}.hero-content p{color:var(--muted);font-size:14px;max-width:650px;margin:0 0 20px;line-height:1.6}.hero-actions{display:flex;gap:12px}.form-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-head{grid-column:1 / -1;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:8px}.form-panel .wide,.form-panel button{grid-column:1 / -1}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--text)}input,textarea,select{width:100%;background:#090c10;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-strong);font-size:13px;outline:none;transition:all .2s}textarea{resize:vertical;min-height:85px;font-family:inherit;line-height:1.4}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 2px #d4af3733}.table-responsive{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#00000026}tr:hover td{background:var(--panel-hover)}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;padding:2px 10px;color:var(--text);background:var(--panel-card);font-size:11px;font-weight:600}.badge.green{border-color:#10b98166;background:#10b9811f;color:#6ee7b7}.badge.blue{border-color:#3b82f666;background:#3b82f61f;color:#93c5fd}.small{padding:6px 12px;font-size:12px;font-weight:600;border-radius:var(--radius-sm);border:none}.btn-gold{background:var(--gold-gradient);color:#090c10}.btn-gold:hover{filter:brightness(1.15)}.btn-start{background:var(--green);color:#fff}.btn-pause{background:#dc2626;color:#fff}.row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row b{display:block;font-size:13px;color:var(--text-strong)}.row span{display:block;font-size:11px;color:var(--muted)}.status-active{color:#6ee7b7;font-style:normal;font-size:12px;font-weight:600}.status-paused{color:var(--muted);font-style:normal;font-size:12px}.integrations-hub{display:flex;flex-direction:column}.integrations-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.integration-portal-card{background:var(--panel-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:all .2s;box-shadow:0 4px 12px #0003}.integration-portal-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 15px #d4af371a}.portal-icon{font-size:28px;line-height:1}.portal-info h4{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--text-strong)}.portal-info p{margin:0 0 12px;font-size:12px;color:var(--muted);line-height:1.45}.portal-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;font-weight:600;background:#090c10;border:1px solid var(--line);padding:2px 8px;border-radius:4px;color:var(--text)}.btn-portal{background:var(--panel-hover);border:1px solid var(--line);color:var(--gold-glow);text-decoration:none;font-size:12px;font-weight:600;padding:10px 14px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.btn-portal svg{width:14px;height:14px}.btn-portal:hover{background:var(--gold-gradient);color:#090c10;border-color:transparent;box-shadow:0 4px 12px #d4af374d}.portal-links-row{display:flex;gap:8px}.small-link{flex:1;padding:8px 10px;font-size:11px}.campaign-cards-list{display:flex;flex-direction:column;gap:12px}.card-luxury{background:var(--panel-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.card-header h4{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--text-strong)}.status-indicator{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.status-indicator.active{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.status-indicator.paused{background:#8b99ad26;color:var(--muted);border:1px solid var(--line)}.card-body{display:flex;gap:16px;font-size:12px}.info-tag span{color:var(--muted)}.info-tag b{color:var(--text-strong)}.card-footer{display:flex;justify-content:flex-end}.file-buttons{display:flex;flex-direction:column;gap:8px}.file-item{background:var(--panel-card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;text-align:left;color:var(--text);width:100%}.file-item:hover{border-color:var(--muted);background:var(--panel-hover)}.file-item.active{border-color:var(--gold);background:#d4af371a}.file-item b{display:block;font-size:13px;color:var(--text-strong)}.file-item span{font-size:11px;color:var(--muted)}.editor-panel{display:flex;flex-direction:column}.editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.path-badge{font-family:ui-monospace,monospace;font-size:11px;background:#090c10;border:1px solid var(--line);padding:3px 8px;border-radius:4px;color:var(--gold)}#file-editor{flex:1;min-height:460px;background:#06090e;border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;color:#e6edf3;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:13px;line-height:1.6}.checklist-luxury{display:grid;gap:14px}.check-item{display:flex;gap:16px;padding:16px;background:var(--panel-card);border:1px solid var(--line);border-radius:var(--radius-md);align-items:flex-start}.check-icon{width:26px;height:26px;border-radius:50%;background:#10b98126;border:1px solid var(--green);color:#6ee7b7;display:grid;place-items:center;font-size:13px;font-weight:800;flex-shrink:0}.check-item b{display:block;font-size:14px;color:var(--text-strong);margin-bottom:2px}.check-item p{margin:0;font-size:12px;color:var(--muted);line-height:1.5}.check-item code{background:#090c10;border:1px solid var(--line);padding:2px 6px;border-radius:4px;color:var(--gold)}.activity{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 18px;position:sticky;top:24px;height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:var(--shadow-main)}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.activity-header h3{margin:0;font-size:15px;font-weight:700;color:var(--text-strong)}.badge-pill{background:#3b82f626;border:1px solid var(--blue);color:#93c5fd;font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px}.logs-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.log{background:var(--panel-card);border:1px solid var(--line);border-left:3px solid var(--line);padding:10px 12px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:12px}.log b{display:block;font-size:11px;color:var(--muted);margin-bottom:2px}.log span{color:var(--text-strong);word-break:break-word}.log.success{border-left-color:var(--green)}.log.error{border-left-color:var(--red)}.log.info{border-left-color:var(--blue)}@media (max-width: 1400px){.runtime-grid{grid-template-columns:1fr}}@media (max-width: 1200px){#app{grid-template-columns:240px minmax(0,1fr)}.activity{grid-column:1 / -1;height:auto;position:static}}@media (max-width: 860px){#app{grid-template-columns:1fr;padding:16px}.sidebar{position:static;height:auto}.two,.files-grid,.metrics{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.hero-actions{flex-direction:column}}