@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{background:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;margin:auto;overflow:hidden;width:400px}.login-page{align-items:center;background:#f9f7f3;display:flex;height:100vh;justify-content:center}.login-header{background:linear-gradient(180deg,#df6060,#a31d1d);border-radius:15px 15px 0 0;color:#fff;padding:30px 0;text-align:center}.login-header img{margin-bottom:10px;width:50px}.login-header h2{margin:0}.login-form{padding:20px}.login-form label{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.login-input-box{align-items:center;background:#fdeded;border:1px solid #f8bbd0;border-radius:8px;display:flex;margin-bottom:15px;padding:10px;position:relative}.login-input-box img{margin-right:10px}.login-input-box .pweye{cursor:pointer;position:absolute;right:10px}.login-input{background:none;border:none;font-size:14px;outline:none;width:100%}.login-btn{background:#d84040;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:12px;width:100%}.login-btn:hover{background:#b71c1c}.login-or{color:#666;margin:20px 0;text-align:center}#googleSignInDiv{display:flex;justify-content:center;margin:10px 0}.login-signup-text{margin-top:20px;text-align:center}.login-signup-text a{color:#a31d1d;font-weight:700;text-decoration:none}.login-signup-text a:hover{text-decoration:underline}.signup-container{background:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;margin:auto;overflow:hidden;width:400px}.signup-header{background:linear-gradient(180deg,#df6060,#a31d1d);border-radius:15px 15px 0 0;color:#fff;padding:30px 0;text-align:center}.signup-header img{margin-bottom:10px;width:50px}.signup-header h2{margin:0}.signup-form{padding:20px}.signup-form label{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.signup-input-box{align-items:center;background:#fdeded;border:1px solid #f8bbd0;border-radius:8px;display:flex;margin-bottom:15px;padding:10px;position:relative}.signup-input-box img{margin-right:10px}.signup-input-box .pweye{cursor:pointer;position:absolute;right:10px}.signup-input{background:none;border:none;font-size:14px;outline:none;width:100%}.signup-btn{background:#d84040;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:12px;width:100%}.signup-btn:hover{background:#b71c1c}.signup-or{color:#666;margin:20px 0;text-align:center}.signup-social{display:flex;gap:20px;justify-content:center}.signup-social button{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;height:40px;width:60px}.signup-text{margin-top:20px;text-align:center}.signup-text a{color:#a31d1d;font-weight:700;text-decoration:none}.signup-text a:hover{text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}.dashboard-layout{display:flex;height:100vh;width:100vw}.sidebar{background:linear-gradient(180deg,#df6060,#a31d1d);background:linear-gradient(to bottom,var(--primary-light),var(--primary-dark));box-shadow:4px 0 8px #0000001a;color:#fff;display:flex;flex-direction:column;padding:1.25rem;width:16rem}.logo{font-size:1.4rem;font-weight:700;margin-bottom:2rem;text-align:center}.sidebar ul{list-style:none}.sidebar li{align-items:center;background:#ffffff1a;border-radius:.75rem;display:flex;justify-content:space-between;margin:.75rem 0;padding:.75rem;transition:background .3s ease}.sidebar li:hover{background:#fff3}.sidebar li span{align-items:center;color:#fff;display:flex;gap:.625rem}.sidebar a,.sidebar li span{font-size:.95rem;font-weight:500}.sidebar a{border-radius:.6rem;color:#fdeded;color:var(--text-light);display:block;padding:.6rem 1rem;text-decoration:none;transition:background .3s ease,color .3s ease}.sidebar a:focus,.sidebar a:hover{background:#ffffff40;color:#fff}.main-section{display:flex;flex:1 1;flex-direction:column}.header{align-items:center;background:#fff;background:var(--bg-white);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.9rem 1.5rem}.search-bar{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:.6rem;flex:1 1;font-size:.9rem;max-width:25rem;padding:.6rem 1rem}.search-bar:focus{border-color:#df6060;border-color:var(--primary-light);box-shadow:0 0 0 2px #df606033;outline:none}.header-right{align-items:center;display:flex;gap:1rem}.status.live{color:green;font-weight:600}.create-btn{background:#df6060;background:var(--primary-light);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.25rem;transition:background .3s ease}.create-btn:focus,.create-btn:hover{background:#a31d1d;background:var(--primary-dark)}.go-btn{background:linear-gradient(45deg,#66bb6a,#2e7d32);background:linear-gradient(45deg,var(--success-light),var(--success-dark));border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:.4rem .75rem;transition:.3s ease}.go-btn:focus,.go-btn:hover{background:linear-gradient(45deg,#81c784,#2e7d32);background:linear-gradient(45deg,#81c784,var(--success-dark))}.main-content{background:#fff;background:var(--bg-white);flex:1 1;overflow-y:auto;padding:1.5rem}@media (max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{border-bottom:2px solid #a31d1d;border-bottom:2px solid var(--primary-dark);flex-direction:row;justify-content:space-around;width:100%}.sidebar ul{display:flex;gap:1rem}.sidebar li{margin:0}}:root{--primary-light:#df6060;--primary-dark:#a31d1d;--bg-light:#f9f7f3;--bg-white:#fff;--text-light:#fdeded;--text-dark:#333;--border-color:#e0e0e0;--success-light:#66bb6a;--success-dark:#2e7d32}.dashboard-container,body,html{background:#f9f7f3;background:var(--bg-light);color:#333;color:var(--text-dark);font-family:Poppins,sans-serif;margin:0;padding:0}.dashboard-container{background:#fff;background:var(--bg-white);border-radius:12px;box-shadow:0 8px 20px #0000001a;margin:2rem auto;max-width:960px;padding:2rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.welcome-message{color:#a31d1d;color:var(--primary-dark);font-size:1.8rem;font-weight:600}.feature-title{border-bottom:2px solid #df6060;border-bottom:2px solid var(--primary-light);color:#df6060;color:var(--primary-light);font-size:1.4rem;font-weight:600;margin-bottom:1rem;padding-bottom:.3rem}.upload-box{align-items:center;border:2px dashed #df6060;border:2px dashed var(--primary-light);border-radius:10px;color:#333;color:var(--text-dark);cursor:pointer;display:flex;font-weight:500;justify-content:center;margin-top:1rem;min-height:4rem;padding:1rem 2rem;text-align:center;transition:background .3s,border .3s}.upload-box:hover{background:linear-gradient(45deg,#df6060,#a31d1d);background:linear-gradient(45deg,var(--primary-light),var(--primary-dark));color:#fff}.file-input{display:none}.convert-button{background:linear-gradient(45deg,#df6060,#a31d1d);background:linear-gradient(45deg,var(--primary-light),var(--primary-dark));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;max-width:220px;padding:.7rem 1.5rem;transition:.3s ease;width:100%}.convert-button:hover{opacity:.9}.convert-button:disabled{background:#ccc;cursor:not-allowed}.preview-container{margin-bottom:1.5rem;margin-top:1.5rem}.preview-container h4{color:#a31d1d;color:var(--primary-dark);margin-bottom:.5rem;text-align:center}.canvas-wrapper{background:#f9f7f3;background:var(--bg-light);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;max-width:100%;overflow:hidden;text-align:center}.canvas-wrapper canvas{display:block;height:auto;margin:0 auto;width:100%}.progress-container{background:#e0e0e0;background:var(--border-color);border-radius:8px;margin-top:1rem;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(45deg,#66bb6a,#2e7d32);background:linear-gradient(45deg,var(--success-light),var(--success-dark));color:#fff;font-weight:600;height:24px;line-height:24px;text-align:center;transition:width .3s ease-in-out;width:0}.status-text.error{color:#a31d1d;color:var(--primary-dark);font-weight:600;margin-top:1rem}.results-container{margin-top:2rem}.image-preview{border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:8px;margin-top:1rem;max-width:400px;width:100%}.download-link{background:linear-gradient(45deg,#66bb6a,#2e7d32);background:linear-gradient(45deg,var(--success-light),var(--success-dark));border-radius:6px;color:#fff;display:inline-block;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;text-decoration:none;transition:.3s ease}.download-link:hover{opacity:.9}@media (max-width:768px){.dashboard-container{margin:1rem;padding:1rem}.convert-button{max-width:100%}}
/*# sourceMappingURL=main.87836a2f.css.map*/