*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;padding:20px;position:relative}.App,.loading-overlay{align-items:center;display:flex;justify-content:center}.loading-overlay{background:#ffffffe6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:#4a5568;font-size:.9rem;font-weight:500;margin:0}.container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:800px;padding:40px;width:100%}.header{margin-bottom:40px;text-align:center}.header-content{align-items:center;display:flex;gap:20px;justify-content:space-between}.header h1{color:#2d3748;font-size:2.5rem;margin-bottom:10px}.header p{color:#718096;font-size:1.1rem}.btn-logout{background:#e53e3e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-logout:hover{background:#c53030;box-shadow:0 4px 12px #e53e3e4d;transform:translateY(-2px)}.input-section{margin-bottom:30px}.form-group{margin-bottom:25px}.form-group label{color:#2d3748;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled,.form-group textarea:disabled{background-color:#f7fafc;cursor:not-allowed}.button-group{display:flex;flex-wrap:wrap;gap:15px}.btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;min-width:200px;padding:14px 28px;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-secondary:hover:not(:disabled){box-shadow:0 10px 20px #f093fb4d;transform:translateY(-2px)}.alert{animation:slideIn .3s ease-out;margin-bottom:20px;padding:15px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-sticky{animation:slideIn .3s ease-out,pulse .5s ease-in-out;box-shadow:0 4px 12px #00000026;margin:20px 0;position:-webkit-sticky;position:sticky;top:20px;z-index:100}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.alert-success{background:#f0fff4;border:2px solid #9ae6b4;color:#2f855a}.output-section{animation:fadeIn .5s ease-in;border-top:2px solid #e2e8f0;margin-top:30px;padding-top:30px;scroll-margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.output-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.output-header h2{color:#2d3748;font-size:1.8rem}.header-actions{display:flex;gap:10px}.btn-copy{background:#edf2f7;border:2px solid #cbd5e0;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-copy:hover{background:#e2e8f0;transform:translateY(-2px)}.edit-section{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;margin-top:30px;padding:20px}.edit-section h3{color:#2d3748;font-size:1.2rem}.edit-section .form-group,.edit-section h3{margin-bottom:15px}.edit-section textarea{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:1rem;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.edit-section textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-edit{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.btn-edit:hover:not(:disabled){box-shadow:0 10px 20px #f093fb4d;transform:translateY(-2px)}.btn-edit:disabled{cursor:not-allowed;opacity:.5}.post-actions{border-top:2px solid #e2e8f0;margin-top:25px;padding-top:25px}.btn-linkedin{background:linear-gradient(135deg,#0077b5,#00a0dc);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease;width:100%}.btn-linkedin:hover:not(:disabled){box-shadow:0 10px 20px #0077b54d;transform:translateY(-2px)}.btn-linkedin:disabled{cursor:not-allowed;opacity:.6}.post-preview{background:#f7fafc;border:2px solid #e2e8f0;border-radius:15px;padding:25px}.post-text,.post-text-editable{color:#2d3748;font-size:1.05rem;line-height:1.8;margin-bottom:20px;white-space:pre-wrap}.post-text-editable{background:#fff;border:2px solid #cbd5e0;border-radius:10px;font-family:inherit;min-height:200px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.post-text-editable:focus{background:#fefeff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.post-text-editable:hover{border-color:#a0aec0}.hashtags-section{border-top:2px solid #e2e8f0;margin-top:20px;padding-top:20px}.hashtags-label{color:#4a5568;display:block;font-size:.95rem;font-weight:600;margin-bottom:10px}.hashtags-input{background:#fff;border:2px solid #cbd5e0;border-radius:10px;color:#2d3748;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.hashtags-input:focus{background:#fefeff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.hashtags-input:hover{border-color:#a0aec0}.hashtags-input::placeholder{color:#a0aec0}.image-section{border-top:2px solid #e2e8f0;margin-top:20px;padding-top:20px}.image-label{color:#4a5568;display:block;font-size:.95rem;font-weight:600;margin-bottom:10px}.image-input{background:#fff;border:2px solid #cbd5e0;border-radius:10px;color:#2d3748;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.image-input:focus{background:#fefeff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.image-input:hover{border-color:#a0aec0}.image-input::placeholder{color:#a0aec0}.image-preview-container{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;margin-top:15px;padding:15px}.image-preview-label{color:#4a5568;font-size:.9rem;font-weight:600;margin-bottom:10px}.image-preview{border-radius:8px;box-shadow:0 4px 6px #0000001a;display:block;height:auto;margin:0 auto;max-width:500px;width:100%}.image-error{background:#fff5f5;border-radius:6px;color:#e53e3e;font-size:.9rem;margin-top:10px;padding:10px;text-align:center}.hashtags{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;padding-top:15px}.hashtag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:6px 14px}.footer{color:#718096;font-size:.9rem;margin-top:30px;text-align:center}@media (max-width:640px){.container{padding:20px}.header h1{font-size:2rem}.button-group{flex-direction:column}.btn{min-width:100%}.output-header{align-items:flex-start;flex-direction:column;gap:10px}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#2d3748;font-size:2rem;margin-bottom:10px}.login-header p{color:#718096;font-size:1.1rem}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{display:flex;flex-direction:column;gap:8px}.login-form label{color:#2d3748;font-size:1rem;font-weight:600}.login-form input{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.login-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-form input:disabled{background-color:#f7fafc;cursor:not-allowed}.alert{border-radius:10px;font-size:.9rem;font-weight:500;padding:12px 16px}.alert-error{background:#fff5f5;border:2px solid #feb2b2;color:#c53030}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:14px 28px;transition:all .3s ease}.btn-login:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px;text-align:center}.login-footer p{color:#718096;font-size:.9rem}@media (max-width:640px){.login-box{padding:30px 20px}.login-header h1{font-size:1.5rem}}
/*# sourceMappingURL=main.d9696270.css.map*/