:root{--primary-color: #0056b3;--secondary-color: #007bff;--accent-color: #e0f7fa;--text-dark: #333333;--text-light: #666666;--text-white: #ffffff;--bg-light: #f9f9f9;--border-color: #cccccc;--container-width: 800px;--radius-sm: 4px;--radius-lg: 8px;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f4f4f4;color:var(--text-dark)}.container{max-width:var(--container-width);margin:var(--spacing-lg) auto;padding:0 var(--spacing-md)}.card{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:0 2px 5px #0000001a;border:1px solid var(--border-color)}.btn{padding:10px 20px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;transition:background .2s}.btn-primary{background-color:var(--secondary-color);color:var(--text-white)}.btn-primary:hover{background-color:var(--primary-color)}.navbar{background-color:#0056b3;height:60px;display:flex;justify-content:center;align-items:center;font-size:1rem;position:sticky;top:0;z-index:999;box-shadow:0 2px 5px #0000001a}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:60px;width:100%}.navbar-logo{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}.menu-icon{display:none}.nav-menu{display:flex;list-style:none;align-items:center;gap:20px;margin:0;padding:0}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;transition:all .2s ease}.nav-link:hover{background-color:#fff3;border-radius:4px}.btn-logout{background:#d32f2f;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer}@media screen and (max-width:960px){.navbar{position:relative}.nav-menu{display:flex;flex-direction:column;width:100%;height:auto;position:absolute;top:60px;left:-100%;opacity:1;transition:all .5s ease;background-color:#0056b3;padding-bottom:20px}.nav-menu.active{left:0;box-shadow:0 5px 5px #0003}.nav-item{width:100%;text-align:center;padding:1rem 0}.menu-icon{display:block;position:absolute;right:20px;top:0;transform:translateY(40%);font-size:1.8rem;cursor:pointer;color:#fff}.btn-logout{width:80%}}.badge{padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:capitalize}.badge-male{background-color:#e3f2fd;color:#0d47a1}.badge-female{background-color:#fce4ec;color:#880e4f}.badge-other{background-color:#f3e5f5;color:#4a148c}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed;border:1px solid #d0d0d0}.flex-row{display:flex;align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem}.grid-stack{display:grid;gap:1rem}.text-primary{color:var(--primary-color);text-decoration:none}.text-muted{color:var(--text-light);margin:0}.workspace-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.header-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.notes-textarea{width:100%;height:400px;padding:10px;font-size:1rem;font-family:monospace;box-sizing:border-box}.h-fit{height:fit-content}.task-form{display:flex;gap:5px;margin-bottom:1rem}.task-list{display:flex;flex-direction:column;gap:10px}.task-item{padding:10px;background:#f9f9f9;border:1px solid #eee;border-radius:4px}.task-meta{font-size:.8rem;margin-top:5px;display:flex;justify-content:space-between}@media screen and (max-width:900px){.workspace-grid{grid-template-columns:1fr;gap:1rem}.header-card{flex-direction:column;align-items:flex-start;gap:10px}.header-card button{width:100%}.notes-textarea{height:300px}}