@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f4f8;color:#2c3e50;font-family:Poppins,sans-serif;margin:0;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:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;justify-content:center}.login-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.login-card h1{color:#333;font-size:24px;margin-bottom:30px}.input-group{margin-bottom:30px;position:relative}.input-group input{border:none;border-bottom:2px solid #ddd;font-size:16px;outline:none;padding:10px;transition:border-color .3s;width:100%}.input-group label{color:#999;font-size:16px;left:0;pointer-events:none;position:absolute;top:10px;transition:all .3s ease}.input-group input:focus,.input-group.focused input{border-bottom-color:#667eea}.input-group input:focus+label,.input-group.focused label{color:#667eea;font-size:12px;top:-20px}.login-button{background-color:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s;width:100%}.login-button:hover{background-color:#5a67d8}.note{border-radius:12px;margin-bottom:20px;padding:15px;transition:all .3s ease}.note:hover{box-shadow:0 8px 12px #00000026}.note p{font-size:1rem;line-height:1.5;margin:0;white-space:pre-wrap}.note textarea{background:#0000;border:none;color:inherit;font-family:inherit;font-size:1rem;min-height:100px;resize:vertical;width:100%}.note-footer{margin-top:15px}.note-footer small{color:inherit;font-size:.75rem}.note-actions button{background:none;color:inherit;font-size:1.2rem;transition:transform .2s ease}:root{--bg-light:#f8f9fa;--text-light:#343a40;--bg-dark:#2c3e50;--text-dark:#ecf0f1;--sidebar-dark:#34495e;--accent-color:#3498db;--note-bg-light:#fff;--note-bg-dark:#456}.main-container{display:flex;font-family:Poppins,sans-serif;height:100vh;transition:background-color .3s,color .3s}.main-container.light{background-color:#f8f9fa;background-color:var(--bg-light);color:#343a40;color:var(--text-light)}.main-container.dark{background-color:#2c3e50;background-color:var(--bg-dark);color:#ecf0f1;color:var(--text-dark)}.sidebar{align-items:center;background-color:#34495e;background-color:var(--sidebar-dark);display:flex;flex-direction:column;padding:20px 0;width:80px}.logo{color:#ecf0f1;color:var(--text-dark);font-size:2rem;margin-bottom:40px}.menu{align-items:center;display:flex;flex-direction:column;flex-grow:1}.menu-item,.theme-switch{background:none;border:none;color:#ecf0f1;color:var(--text-dark);cursor:pointer;font-size:1.5rem;margin-bottom:20px;transition:color .3s ease,transform .3s ease}.menu-item.active,.menu-item:hover,.theme-switch:hover{color:#3498db;color:var(--accent-color);transform:scale(1.1)}.content{flex:1 1;overflow-y:auto;padding:40px}.header h1{font-size:2.5rem;font-weight:600;margin-bottom:30px}.header h1 span{color:#3498db;color:var(--accent-color)}.search-sort-container{border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;margin-bottom:30px;overflow:hidden}.search-sort-container input{background-color:#fff;background-color:var(--note-bg-light);border:none;color:#343a40;color:var(--text-light);flex-grow:1;font-size:1rem;outline:none;padding:12px 20px}.main-container.dark .search-sort-container input{background-color:#456;background-color:var(--note-bg-dark);color:#ecf0f1;color:var(--text-dark)}.search-sort-container select{background-color:#3498db;background-color:var(--accent-color);border:none;color:#ecf0f1;color:var(--text-dark);cursor:pointer;font-size:1rem;padding:12px 20px;transition:background-color .3s ease}.search-sort-container select:hover{background-color:#2980b9}.notes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.note{border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.main-container.light .note{background-color:#fff;background-color:var(--note-bg-light);color:#343a40;color:var(--text-light)}.main-container.dark .note{background-color:#456;background-color:var(--note-bg-dark);color:#ecf0f1;color:var(--text-dark)}.note:hover{box-shadow:0 6px 8px #00000026;transform:translateY(-5px)}.new-note{border:2px dashed #cbd5e0;display:flex;flex-direction:column}.new-note textarea{background-color:initial;border:none;color:inherit;flex-grow:1;font-family:inherit;font-size:1rem;margin-bottom:10px;outline:none;resize:none}.note-footer{align-items:center;display:flex;justify-content:space-between}.note-footer small{color:#718096}.note-footer button{background-color:#3498db;background-color:var(--accent-color);border:none;border-radius:4px;color:#ecf0f1;color:var(--text-dark);cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.note-footer button:hover:not(:disabled){background-color:#2980b9}.note-footer button:disabled{background-color:#cbd5e0;cursor:not-allowed}.note-actions{display:flex;gap:10px}.note-actions button{align-items:center;background-color:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;transition:background-color .3s ease,transform .3s ease;width:30px}.note-actions button:hover{background-color:#ffffff4d;transform:scale(1.1)}.main-container.dark .note-actions button{background-color:#0003}.main-container.dark .note-actions button:hover{background-color:#0000004d}.delete-button:before,.edit-button:before,.save-button:before{font-size:1rem}.edit-button:before{content:"✏️"}.delete-button:before{content:"🗑️"}.save-button:before{content:"💾"}@media (max-width:768px){.sidebar{width:60px}.content{padding:20px}.header h1{font-size:2rem}}.loader-overlay{align-items:center;background:#ffffffe6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader{margin:0 auto;position:relative;width:100px}.loader:before{content:"";display:block;padding-top:100%}.circular{animation:rotate 2s linear infinite;bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;transform-origin:center center;width:100%}.path{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes color{0%,to{stroke:#667eea}40%{stroke:#764ba2}66%{stroke:#6b8dd6}80%,90%{stroke:#8e37d7}}
/*# sourceMappingURL=main.6be856aa.css.map*/