.form-container{background-color:#f4f7f6;justify-content:center;align-items:center;min-height:90vh;padding:10px;display:flex}.form-card{background:#fff;border-radius:8px;width:100%;max-width:400px;padding:2rem;box-shadow:0 4px 6px #0000001a}.form-title{color:#333;text-align:center;font-size:1.5rem}.form-group{flex-direction:column;gap:.8rem;display:flex}.form-input{border:1px solid #ddd;border-radius:4px;outline:none;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:#3498db}.form-input[type=file]{border:none;padding:.5rem 0}.form-button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;padding:.75rem;font-size:1rem;transition:background-color .2s}.form-button:hover{background-color:#2980b9}p{text-align:center;color:#666;margin-top:1rem;font-size:.9rem}a{color:#3498db;font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.dashboard-container{background:#f9f9f9;border-radius:12px;max-width:600px;padding:2rem;font-family:Inter,sans-serif;box-shadow:0 4px 6px #0000001a}.error{color:#d32f2f;font-size:.875rem}.input-group{flex-direction:column;gap:10px;margin-bottom:2rem;display:flex}textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;min-height:80px;padding:12px}button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;transition:opacity .2s}.create-btn{color:#fff;background:#2563eb;font-weight:600}.note-card{background:#fff;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;display:flex}.note-content p:first-child{margin:0;font-weight:500}.note-date{color:#666;margin-top:4px;font-size:.75rem}.actions{gap:8px;display:flex}.edit-btn{color:#fff;background:#009000}.delete-btn{color:#fff;background:#d00000}button.hover{opacity:.8}.profile-container{text-align:center;background-color:#fff;border-radius:12px;max-width:400px;margin:2rem auto;padding:20px;font-family:sans-serif;box-shadow:0 4px 15px #0000001a}.profile-title{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:.8rem}p{text-align:left;color:#555;border-bottom:1px solid #eee;margin:10px 0;padding-bottom:5px}img{object-fit:cover;border:3px solid #646cff;border-radius:50%;width:120px;height:120px;margin:20px 0}input[type=file]{margin:10px auto;font-size:.9rem;display:block}button{color:#fff;cursor:pointer;background-color:#646cff;border:none;border-radius:5px;padding:10px 20px;transition:background .3s}button:hover{background-color:#535bf2}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:inherit;text-decoration:none}body{background-color:#f3f3f3}nav{background:linear-gradient(90deg,#3b82f6,#6366f1);padding:1rem;box-shadow:0 2px 4px #0000001a}.navbar-container{justify-content:space-between;align-items:center;display:flex}.logo a{color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:20px;font-weight:500}.nav-links{gap:10px;display:flex}.nav-links a{color:#fff}.nav-links a:hover{font-weight:700;text-decoration:underline}.nav-links button{color:#fff;background-color:#0000;border:none;outline:none;font-size:16px}.nav-links button:hover{font-weight:700;text-decoration:underline}