@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0f12;--surface: #161a20;--border: #242830;--border2: #2e3440;--text: #e8eaf0;--muted: #7a8194;--accent: #6c63ff;--accent2: #8b84ff;--success: #22c55e;--error: #ef4444;--radius: 12px;--font: "DM Sans", sans-serif;--mono: "DM Mono", monospace}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(108,99,255,.15) 0%,transparent 70%),var(--bg)}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:8px}.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);flex-shrink:0}.logo-text{font-size:20px;font-weight:600;letter-spacing:-.3px}.login-sub{color:var(--muted);font-size:14px;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}input[type=email],input[type=password]{background:var(--bg);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-family:var(--font);font-size:15px;padding:11px 14px;transition:border-color .15s;outline:none}input:focus{border-color:var(--accent)}.error-msg{font-size:13px;color:var(--error);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:10px 12px}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:8px;font-family:var(--font);font-size:15px;font-weight:500;padding:12px 20px;cursor:pointer;transition:background .15s,opacity .15s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover:not(:disabled){background:var(--accent2)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-logout{background:transparent;border:1px solid var(--border2);border-radius:8px;color:var(--muted);font-family:var(--font);font-size:13px;padding:6px 12px;cursor:pointer;transition:border-color .15s,color .15s}.btn-logout:hover{border-color:var(--error);color:var(--error)}.btn-publish{background:var(--surface);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-family:var(--font);font-size:14px;font-weight:500;padding:10px 18px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px;transition:border-color .15s,background .15s}.btn-publish:hover:not(:disabled){border-color:var(--accent);background:#6c63ff14}.btn-publish:disabled{opacity:.5;cursor:not-allowed}.btn-publish.btn-production{border-color:#22c55e4d;color:var(--success)}.btn-publish.btn-production:hover:not(:disabled){background:#22c55e14;border-color:var(--success)}.panel-screen{min-height:100vh;display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.header-logo{display:flex;align-items:center;gap:10px}.header-logo .logo-text{font-size:16px;font-weight:600}.header-user{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}.panel-main{max-width:680px;width:100%;margin:40px auto;padding:0 24px 80px;display:flex;flex-direction:column;gap:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.card h2{font-size:17px;font-weight:600;margin-bottom:6px}.card-desc{font-size:14px;color:var(--muted);margin-bottom:20px;line-height:1.6}.adjust-form{display:flex;flex-direction:column;gap:12px}textarea{background:var(--bg);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;padding:12px 14px;resize:vertical;outline:none;transition:border-color .15s;width:100%}textarea:focus{border-color:var(--accent)}textarea:disabled{opacity:.5}textarea::placeholder{color:var(--muted)}.result-box{margin-top:16px;border-radius:8px;padding:14px 16px;border:1px solid;display:flex;flex-direction:column;gap:4px}.result-box.success{background:#22c55e0f;border-color:#22c55e40}.result-box.error{background:#ef44440f;border-color:#ef444440}.result-msg{font-size:14px;font-weight:500}.result-box.success .result-msg{color:var(--success)}.result-box.error .result-msg{color:var(--error)}.result-detail{font-size:13px;color:var(--muted);font-family:var(--mono)}.result-link{font-size:13px;color:var(--accent2);text-decoration:none;margin-top:4px}.result-link:hover{text-decoration:underline}.publish-steps{display:flex;flex-direction:column;gap:0}.publish-step{display:flex;align-items:flex-start;gap:20px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:20px}.step-info{flex:1;display:flex;flex-direction:column;gap:4px}.step-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--accent2)}.step-info strong{font-size:15px;font-weight:600}.step-info p{font-size:13px;color:var(--muted);line-height:1.6}.step-info a{color:var(--accent2);text-decoration:none}.step-info a:hover{text-decoration:underline}.step-action{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.step-divider{text-align:center;color:var(--border2);font-size:18px;padding:8px 0}.step-result{font-size:13px}.step-result.success{color:var(--success)}.step-result.error{color:var(--error)}.btn-loading{display:flex;align-items:center;gap:8px}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 540px){.panel-header{padding:14px 16px}.publish-step{flex-direction:column}.step-action{align-items:stretch;width:100%}.btn-publish{justify-content:center}}