@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f4f8;color:#2c3e50;font-family:Poppins,sans-serif;transition:background-color .3s,color .3s}body.dark-mode{background-color:#1a202c;color:#e2e8f0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-switch{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;transition:transform .3s ease}.theme-switch:hover{transform:scale(1.1)}.login-container{align-items:center;background-color:#f0f0f0;display:flex;height:100vh;justify-content:center}.login-card{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #0000001a;display:flex;max-width:800px;overflow:hidden;width:100%}.left-section,.right-section{padding:40px;width:50%}.left-section{background-color:#fff}.right-section{background-color:#f9f9f9}.right-section .logo{margin-bottom:30px;margin-left:8px;margin-top:75px;width:150px}.illustration{margin-bottom:20px;max-width:100%}h1{color:#333;font-size:24px;margin-bottom:10px}p{color:#666;margin-bottom:20px}.input-group{margin-bottom:15px}.input-group input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;width:100%}.login-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:15px;padding:10px;width:100%}.toggle-auth{color:#4caf50;cursor:pointer;text-align:center}@media (max-width:768px){.login-card{flex-direction:column}.left-section,.right-section{width:100%}}:root{--bg-light:#f5f7fa;--text-light:#333;--sidebar-dark:#2c3e50;--accent-color:#3498db;--note-bg-1:#fff9c4;--note-bg-2:#e0f7fa;--note-bg-3:#ffebee;--shadow:0 4px 6px #0000001a;--transition:all 0.3s ease}body{font-family:Roboto,sans-serif;margin:0}.main-container{background-color:#f5f7fa;background-color:var(--bg-light);color:#333;color:var(--text-light);display:flex;height:100vh}.sidebar{align-items:center;background-color:#2c3e50;background-color:var(--sidebar-dark);box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column;padding:30px 0;width:70px}.logo{color:#f5f7fa;color:var(--bg-light);font-size:2rem;margin-bottom:50px;text-shadow:0 2px 4px #0003}.menu{align-items:center;display:flex;flex-direction:column}.menu-item{background:none;border:none;border-radius:50%;color:#f5f7fa;color:var(--bg-light);cursor:pointer;font-size:1.5rem;margin-bottom:30px;padding:10px;transition:all .3s ease;transition:var(--transition)}.menu-item:hover{background-color:#ffffff1a;transform:scale(1.1)}.note.new-note .note-footer{align-items:center;display:flex;justify-content:space-between}.note.new-note .note-footer button{background-color:#3498db;background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;transition:all .3s ease;transition:var(--transition)}.note.new-note .note-footer button:hover{background-color:#2980b9}.content{flex:1 1;overflow-y:auto;padding:40px 60px}.header h1{color:#2c3e50;color:var(--sidebar-dark);font-size:2.2rem;font-weight:500;margin-bottom:30px}.search-sort-container{margin-bottom:40px}.search-sort-container input{border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);font-size:1rem;outline:none;padding:12px 20px;transition:all .3s ease;transition:var(--transition);width:100%}.search-sort-container input:focus{box-shadow:0 0 0 3px #3498db4d}.notes-intro{color:#666;font-size:1.1rem;margin-bottom:30px}.notes-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.note{border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:20px;transition:all .3s ease;transition:var(--transition)}.note:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.note:nth-child(3n+1){background-color:#fff9c4;background-color:var(--note-bg-1)}.note:nth-child(3n+2){background-color:#e0f7fa;background-color:var(--note-bg-2)}.note:nth-child(3n){background-color:#ffebee;background-color:var(--note-bg-3)}.note-content{font-size:1rem;line-height:1.5;margin-bottom:15px}.note-footer{align-self:flex-end}@media (max-width:768px){.content{padding:30px}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.note.new-note{background-color:#e1f5fe;border:2px dashed #81d4fa}.note.new-note textarea{background:#0000;border:none;font-family:inherit;font-size:1rem;height:100px;line-height:1.5;outline:none;resize:none;width:100%}.note.new-note .note-footer{color:#90a4ae}.notes-grid{gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.notes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.notes-grid{grid-template-columns:1fr}}.note{position:relative}.note-actions{bottom:10px;opacity:0;position:absolute;right:10px;transition:opacity .3s ease}.note textarea{background:#0000;border:none;font-family:inherit;font-size:1rem;height:100%;line-height:1.5;outline:none;resize:none;width:100%}.note-footer{align-items:center;color:#666;display:flex;font-size:.85rem;justify-content:space-between;margin-top:10px}.note-date{flex:1 1;margin-right:155px;text-align:left}.note-actions{display:flex;gap:5px;opacity:1;position:static}.note:hover .note-actions{opacity:1}.delete-btn,.edit-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1rem;padding:5px;transition:background-color .3s ease}.delete-btn:hover,.edit-btn:hover{background-color:#0000001a}.loader-overlay{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader-content{text-align:center}.logo{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:20px}.pencil-icon{margin-right:10px}.progress-bar{background-color:#f0f0f0;border-radius:2px;height:4px;overflow:hidden;width:200px}.progress{animation:loading 2s infinite;background-color:#333;height:100%;width:60%}@keyframes loading{0%{width:0}50%{width:60%}to{width:100%}}
/*# sourceMappingURL=main.ef9ddac5.css.map*/