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}:root{--bg-primary:#f9fafb;--bg-card:#fff;--text-primary:#111827;--text-secondary:#6b7280;--accent-primary:#3b82f6;--accent-hover:#2563eb;--error-color:#ef4444;--success-color:#22c55e;--border-radius:12px;--shadow:0 4px 15px #0000001a;--shadow-hover:0 8px 20px #00000026;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--transition:0.2s ease}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#f9fafb;background-color:var(--bg-primary);color:#111827;color:var(--text-primary);line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:2rem;padding:var(--spacing-lg)}.navbar{align-items:center;background-color:#fff;background-color:var(--bg-card);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 15px #0000001a;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-lg);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-lg)}.navbar-brand{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:600;text-decoration:none}.navbar-nav a{color:#6b7280;color:var(--text-secondary);font-weight:500;margin-left:1rem;margin-left:var(--spacing-md);text-decoration:none;transition:color .2s ease;transition:color var(--transition)}.navbar-nav a:hover{color:#3b82f6;color:var(--accent-primary)}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.dashboard-title{color:#111827;color:var(--text-primary);font-size:2.5rem;font-weight:700}.dashboard-message{color:#6b7280;color:var(--text-secondary);font-size:1.2rem;padding:1rem;padding:var(--spacing-md);text-align:center}.notes-grid{grid-gap:2rem;grid-gap:var(--spacing-lg);display:grid;gap:2rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.note-card{background-color:#fff;background-color:var(--bg-card);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 15px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);justify-content:space-between;padding:1rem;padding:var(--spacing-md);transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--transition),box-shadow var(--transition)}.note-card:hover{box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-3px)}.note-card h3{font-size:1.25rem;font-weight:600;text-align:center}.note-card p{color:#6b7280;color:var(--text-secondary);flex-grow:1;font-size:1rem;text-align:center}.note-actions{display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:.95rem;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease;transition:all var(--transition)}.btn-primary{background-color:#3b82f6;background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:#2563eb;background-color:var(--accent-hover)}.btn-secondary{background-color:#e5e7eb;color:#111827;color:var(--text-primary)}.btn-secondary:hover{background-color:#d1d5db}.btn-error{background-color:#ef4444;background-color:var(--error-color);color:#fff}.btn-error:hover{opacity:.85}.form{background-color:#fff;background-color:var(--bg-card);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 15px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:500px;padding:2rem;width:100%}.form h2{font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.form-label{color:#6b7280;color:var(--text-secondary);font-weight:500;text-align:left}.form-input,.form-textarea{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.75rem 1rem;resize:vertical;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f633;outline:none}.note-view-card{background-color:#fff;background-color:var(--bg-card);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 15px #0000001a;box-shadow:var(--shadow);margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.note-title{font-size:2rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.note-content{color:#6b7280;color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.toast{align-items:center;animation:slideIn .3s ease forwards;border-radius:12px;border-radius:var(--border-radius);bottom:2rem;box-shadow:0 6px 20px #0003;color:#fff;display:flex;font-weight:500;gap:1rem;justify-content:space-between;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:999}.toast-success{background-color:#22c55e;background-color:var(--success-color)}.toast-error{background-color:#ef4444;background-color:var(--error-color)}.toast-close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:opacity .2s ease;transition:opacity var(--transition)}.toast-close-btn:hover{opacity:.8}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.container{padding:1rem;padding:var(--spacing-md)}.dashboard-header,.navbar{align-items:flex-start;flex-direction:column}.navbar-nav{margin-top:.5rem;margin-top:var(--spacing-sm)}.dashboard-title{font-size:2rem}.notes-grid{grid-template-columns:1fr}}body.dark-mode{--bg-primary:#121212;--bg-card:#1e1e1e;--text-primary:#f5f5f5;--text-secondary:#b3b3b3;--accent-primary:#3b82f6;--accent-hover:#2563eb;--error-color:#ef4444;--success-color:#22c55e}.navbar-nav{align-items:center;display:flex;gap:1rem}.navbar-nav .btn-secondary{background-color:#fff;background-color:var(--bg-card);border:1px solid #3b82f6;border:1px solid var(--accent-primary);border-radius:12px;border-radius:var(--border-radius);color:#3b82f6;color:var(--accent-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 1.2rem;transition:all .2s ease;transition:all var(--transition)}.navbar-nav .btn-secondary:hover{background-color:#3b82f6;background-color:var(--accent-primary);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-hover);color:#fff}.toggle-switch{height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch label{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .2s}.toggle-switch label:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:transform .2s;width:18px}.toggle-switch input:checked+label{background-color:#3b82f6;background-color:var(--accent-primary)}.toggle-switch input:checked+label:before{transform:translateX(26px)}.dark-mode{background-color:#1e1e1e;color:#f5f5f5}.dark-mode .navbar{background-color:#2d2d2d;box-shadow:0 4px 10px #00000080}.dark-mode .btn-secondary{background-color:#3b3b3b;border-color:#3b82f6;border-color:var(--accent-primary);color:#fff}.dark-mode .btn-secondary:hover{background-color:#3b82f6;background-color:var(--accent-primary);color:#fff}.form,.note-card,.note-view-card{box-shadow:0 4px 15px #0000001a;box-shadow:var(--shadow)}.dark-mode .form,.dark-mode .note-card,.dark-mode .note-view-card,.form,.note-card,.note-view-card{background-color:#fff;background-color:var(--bg-card);color:#111827;color:var(--text-primary)}.dark-mode .form-input,.dark-mode .form-textarea{background-color:#fff;border:1px solid #ccc;color:#111827}.dark-mode .note-card,.dark-mode .note-view-card{border:1px solid #0000001a}
/*# sourceMappingURL=main.a0a1d0fd.css.map*/