body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{scroll-behavior:smooth}button:focus,input:focus,textarea:focus{outline:2px solid #2563eb;outline-offset:2px}button{background:none;font:inherit}button,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}p{margin:0}.signup-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.signup-mobile{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:20px;width:100%}.signup-mobile-header{margin-bottom:30px;text-align:center}.signup-mobile-header h1{color:#1f2937;font-size:28px;font-weight:600;margin-top:10px}.signup-form{display:flex;flex-direction:column;gap:20px}.signup-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;color:#fff;font-size:16px;font-weight:600;padding:14px 24px;transition:transform .2s ease}.signup-button:hover:not(:disabled){transform:translateY(-1px)}.signup-link{margin-top:20px;text-align:center}.signup-desktop{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;display:flex;height:600px;max-width:1200px;overflow:hidden;width:100%}.signup-desktop-left{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.signup-desktop-left h1{color:#1f2937;font-size:32px;font-weight:600;margin:20px 0 30px}.signup-desktop-right{background:linear-gradient(135deg,#1e40af,#1e3a8a,#1e293b);flex:1 1;overflow:hidden;position:relative}@media (max-width:768px){.signup-mobile{border-radius:8px;margin:20px}.signup-mobile-header h1{font-size:24px}.form-group input{font-size:14px;padding:10px 14px}.signup-button{font-size:14px;padding:12px 20px}}.signin-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.signin-mobile{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:20px;width:100%}.signin-mobile-header{margin-bottom:30px;text-align:center}.signin-mobile-header h1{color:#1f2937;font-size:28px;font-weight:600;margin-top:10px}.signin-form{gap:20px}.form-group,.signin-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:500}.form-group input{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .2s ease}.form-group input:focus{border-color:#2563eb}.form-group input.error{border-color:#ef4444}.password-input{align-items:center;display:flex;position:relative}.password-input input{flex:1 1;padding-right:50px}.password-toggle{background:none;border:none;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:12px}.form-options{display:flex;flex-direction:column;gap:12px}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{accent-color:#2563eb;height:16px;width:16px}.error-message{font-size:12px;margin-top:4px}.submit-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:14px;padding:8px;text-align:center}.signin-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;color:#fff;font-size:16px;font-weight:600;padding:14px 24px;transition:transform .2s ease}.signin-button:hover:not(:disabled){transform:translateY(-1px)}.signin-links{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:20px}.forgot-password{color:#2563eb;font-size:14px;font-weight:500;text-decoration:none}.forgot-password:hover{text-decoration:underline}.signup-link{color:#6b7280;font-size:14px}.signup-link a{color:#2563eb;font-weight:500;text-decoration:none}.signup-link a:hover{text-decoration:underline}.signin-desktop{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;display:flex;height:600px;max-width:1200px;overflow:hidden;width:100%}.signin-desktop-left{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.signin-desktop-left h1{color:#1f2937;font-size:32px;font-weight:600;margin:20px 0 30px}.signin-desktop-right{background:linear-gradient(135deg,#1e40af,#1e3a8a,#1e293b);flex:1 1;overflow:hidden;position:relative}.abstract-background{background:radial-gradient(circle at 20% 80%,#3b82f64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#1e40af4d 0,#0000 50%),radial-gradient(circle at 40% 40%,#1e3a8a33 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.abstract-background:before{animation:wave 8s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.user-avatar{border-radius:0;height:100%;left:0;object-fit:cover;position:absolute;top:0;transform:none;width:100%;z-index:2}@keyframes wave{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@media (max-width:768px){.signin-mobile{border-radius:8px;margin:20px}.signin-mobile-header h1{font-size:24px}.form-group input{font-size:14px;padding:10px 14px}.signin-button{font-size:14px;padding:12px 20px}.form-options{gap:10px}}.dashboard-container{box-sizing:border-box;margin:0 auto;max-width:600px;padding:20px}.dashboard-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:16px 20px}.dashboard-header h1{color:#1f2937;font-size:24px;font-weight:600}.signout-button{background:#ef4444;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.signout-button:hover{background:#dc2626}.dashboard-content{display:flex;flex-direction:column;gap:24px}.create-note-section,.notes-section,.welcome-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.welcome-section h2{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:8px}.user-email{color:#6b7280;font-size:14px}.create-note-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:transform .2s ease}.create-note-button:hover:not(:disabled){transform:translateY(-1px)}.notes-section h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:16px}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#ef4444;margin-bottom:16px;padding:12px;text-align:center}.loading,.no-notes{color:#6b7280;padding:20px;text-align:center}.no-notes{font-style:italic}.notes-list{display:flex;flex-direction:column;gap:12px}.note-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.note-content{color:#374151;flex:1 1;font-size:14px;line-height:1.5}.delete-note-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:4px;transition:background-color .2s ease}.delete-note-button:hover{background-color:#fee2e2}.note-input-container{align-items:center;display:flex;flex-direction:column;gap:16px}.note-input,.note-title-input{border:1px solid #e5e7eb;border-radius:6px;font-size:14px;margin-bottom:10px;max-width:600px;padding:12px 16px;resize:vertical;transition:border-color .2s ease;width:100%}.note-input:focus,.note-title-input:focus{border-color:#2563eb}@media (max-width:480px){.dashboard-header h1{font-size:20px}.welcome-section h2{font-size:18px}.notes-section h3{font-size:16px}.note-content{font-size:13px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.hd-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#2563eb;font-size:24px;font-weight:700}button{border:none;cursor:pointer;font-family:inherit;outline:none}button:disabled{cursor:not-allowed;opacity:.6}input,textarea{font-family:inherit;outline:none}@media (max-width:768px){.dashboard-desktop,.signin-desktop,.signup-desktop{display:none}.dashboard-mobile,.signin-mobile,.signup-mobile{display:block}}@media (min-width:769px){.dashboard-mobile,.signin-mobile,.signup-mobile{display:none}.dashboard-desktop,.signin-desktop,.signup-desktop{display:flex}}
/*# sourceMappingURL=main.5814ae84.css.map*/