:root{--bg-primary: #F3F5F8;--text-primary: #0E121B;--accent-color: #335CFF;--card-bg: #E0E4EA;--active-bg: #fff;--content: #fff}.dark{--bg-primary: #2B303B;--text-primary: #fff;--accent-color: #335CFF;--card-bg: #0E121B;--active-bg: #232530;--content: #0E121B}.auth-container{max-width:400px;margin:100px auto;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:var(--active-bg)}.auth-container h2{text-align:center;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:400;font-family:Inter;font-size:14px;letter-spacing:-.2px}.form-group label span.link{position:relative;float:right;text-decoration:underline;color:var(--accent-color)}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.validation-error{color:red;font-size:.9em;margin-top:5px}.error-message{color:#fff;background-color:#f44336;padding:10px;border-radius:4px;margin-bottom:15px;text-align:center}.success-message{color:#fff;background-color:#4caf50;padding:10px;border-radius:4px;margin-bottom:15px;text-align:center}button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}button.icon-btn{padding:10px;width:unset;background:unset;color:#717784;border:none;border-radius:4px;cursor:pointer;font-size:16px}button:disabled{background-color:#a0c3e8;cursor:not-allowed}html{background-color:var(--active-bg)}.app-header{padding:0 20px;margin:-6px;background:#f3f5f8}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1200px;margin:0 auto}@media (min-width: 769px){.header-content{display:none}}.logo{font-size:1.5rem;font-weight:700;color:#333}.app-header nav{display:flex;gap:1.5rem}.app-header nav a{text-decoration:none;color:#555;font-weight:500;padding-bottom:4px;border-bottom:2px solid transparent}.app-header nav a.active{color:#007bff;border-bottom-color:#007bff}.logout-btn{background-color:#f44336;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:700}.logout-btn:hover{background-color:#d32f2f}main.app-main{width:100%!important}.notes-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.note-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column}.note-item h2{margin-top:0;margin-bottom:.5rem;color:#333}.note-item p{flex-grow:1;color:#666;line-height:1.6}.note-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.note-footer small{color:#999}.note-footer button{margin-left:.5rem;border:none;padding:.5rem .75rem;border-radius:4px;cursor:pointer}.btn-edit{background-color:#007bff;color:#fff}.btn-delete{background-color:#f44336;color:#fff}.no-notes{text-align:center;padding:3rem;background:#fff;border-radius:8px}.dashboard-header{display:flex;justify-content:space-between;align-items:center}.dashboard-container{background:var(--content)}.btn-create{background-color:#28a745;color:#fff;padding:10px 20px;text-decoration:none;border-radius:4px;font-weight:700}body{display:block;margin:0!important}