*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.container{max-width:1400px;margin:0 auto}.main-header{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 10px 30px #0003}.main-header h1{font-size:32px;color:#1a202c;margin-bottom:8px}.main-header p{color:#718096;font-size:16px}.workflow-steps{display:flex;gap:16px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.step-card{background:#fff;border-radius:12px;padding:16px;min-width:200px;box-shadow:0 4px 12px #0000001a;position:relative;transition:all .3s}.step-card.active{border:3px solid #667eea;transform:scale(1.05)}.step-card.completed{border:3px solid #10b981}.step-number{width:40px;height:40px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:8px}.step-card.active .step-number{background:#667eea;color:#fff}.step-card.completed .step-number{background:#10b981;color:#fff}.step-title{font-weight:600;color:#374151;margin-bottom:4px}.step-status{font-size:12px;color:#6b7280}.card{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 10px 30px #0003}.card h2{font-size:20px;color:#1a202c;margin-bottom:16px}textarea,input[type=text],input[type=password]{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s;margin-bottom:12px}textarea:focus,input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:#10b981;color:#fff}.spinner{border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-message{padding:16px;border-radius:8px;margin-bottom:16px;font-size:14px}.status-info{background:#eff6ff;border-left:4px solid #3b82f6;color:#1e40af}.status-success{background:#f0fdf4;border-left:4px solid #10b981;color:#166534}.status-error{background:#fef2f2;border-left:4px solid #ef4444;color:#991b1b}.hidden{display:none!important}.iframe-container{width:100%;height:600px;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-top:1rem}iframe{width:100%;height:100%;border:none}.form-group{margin-bottom:16px}label{display:block;font-weight:600;margin-bottom:8px;color:#374151;font-size:14px}.author-item{background:#f9fafb;padding:12px;border-radius:8px;margin-bottom:8px;border:2px solid #e5e7eb}@media(max-width:768px){.workflow-steps{flex-direction:column}.step-card{min-width:auto}}