:root{--bg: #050816;--card: #111A33;--card-alt: #0B1124;--text: #F5F7FF;--text-2: #A7B0D8;--cyan: #00E5FF;--violet: #7B2CFF;--magenta: #E03BFF;--success: #2DD4BF;--danger: #FF5C7A;--warning: #FFC94D;--radius: 14px;--radius-sm: 10px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:15px}.card{background:var(--card);border:1px solid rgba(167,176,216,.14);border-radius:var(--radius);padding:22px}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#050816;font-weight:700;border:none;border-radius:var(--radius-sm);padding:12px 18px;font-size:14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--cyan);border:1px solid rgba(0,229,255,.4);border-radius:var(--radius-sm);padding:9px 14px;font-size:13px;cursor:pointer;transition:background .12s ease}.btn-ghost:hover{background:#00e5ff14}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px}.badge-view{background:#00e5ff1f;color:var(--cyan)}.badge-edit{background:#e03bff24;color:var(--magenta)}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin:0 0 10px}textarea.code-input{width:100%;min-height:320px;background:var(--card-alt);color:var(--text);border:1px solid rgba(167,176,216,.16);border-radius:var(--radius-sm);padding:14px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;resize:vertical;tab-size:2}textarea.code-input:focus{outline:none;border-color:#00e5ff99}textarea.code-input:read-only{color:var(--text-2)}pre.code-block{margin:0;min-height:320px;background:var(--card-alt);border:1px solid rgba(167,176,216,.16);border-radius:var(--radius-sm);padding:14px;overflow:auto;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}.layout{max-width:1100px;margin:0 auto;padding:20px 16px 60px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:820px){.grid-2{grid-template-columns:1fr}}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.synced{background:var(--success);box-shadow:0 0 8px #2dd4bfb3}.status-dot.dirty{background:var(--warning)}.status-dot.error{background:var(--danger)}.expiry-warn{color:var(--warning);font-size:13px}.muted{color:var(--text-2);font-size:13px}