*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f4f6f8;font-family:Arial,sans-serif}.auth-wrapper{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-box{background:#fff;border-radius:10px;width:100%;max-width:400px;padding:30px;box-shadow:0 2px 8px #0000001a}.auth-box h4{color:#1e3a5f;margin-bottom:4px;font-size:1.3rem}.auth-box .sub{color:#888;margin-bottom:18px;font-size:.88rem}.navbar{background-color:#1e3a5f;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.navbar .brand{color:#fff;font-size:1.05rem;font-weight:700}.navbar .nav-right{align-items:center;gap:12px;display:flex}.navbar .welcome-text{color:#cdd8e8;font-size:.88rem}.container{max-width:800px;margin:0 auto;padding:24px 16px}.stats-row{gap:12px;margin-bottom:20px;display:flex}.stat-box{text-align:center;background:#fff;border-radius:8px;flex:1;padding:14px;box-shadow:0 1px 4px #00000014}.stat-num{color:#1e3a5f;font-size:1.8rem;font-weight:700}.stat-num.yellow{color:#f59e0b}.stat-num.green{color:#22c55e}.stat-label{color:#888;text-transform:uppercase;margin-top:2px;font-size:.75rem}.form-box{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 1px 4px #00000014}.form-box h5{color:#1e3a5f;margin-bottom:12px;font-weight:700}.form-input{border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:10px;padding:10px;font-family:Arial;font-size:.9rem;display:block}.form-input:focus{border-color:#1e3a5f;outline:none}.error-text{color:red;margin-bottom:8px;font-size:.82rem;display:block}.btn-primary{color:#fff;cursor:pointer;background-color:#1e3a5f;border:none;border-radius:6px;width:100%;padding:10px;font-size:.92rem;font-weight:700}.btn-primary:hover{background-color:#16304f}.btn-add{color:#fff;cursor:pointer;background-color:#1e3a5f;border:none;border-radius:6px;padding:9px 20px;font-size:.9rem;font-weight:700}.btn-add:hover{background-color:#16304f}.btn-logout{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:6px;padding:5px 14px;font-size:.85rem}.filter-row{margin-bottom:16px}.filter-btn{cursor:pointer;color:#333;background:#fff;border:1px solid #ccc;border-radius:20px;margin-right:8px;padding:5px 16px;font-size:.84rem}.filter-btn.active{color:#fff;background-color:#1e3a5f;border-color:#1e3a5f}.task-card{background:#fff;border-left:4px solid #1e3a5f;border-radius:8px;margin-bottom:10px;padding:14px;box-shadow:0 1px 3px #00000012}.task-card.completed{opacity:.82;border-left-color:#22c55e}.task-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.task-title{font-size:.95rem;font-weight:700}.task-desc{color:#666;margin-bottom:10px;font-size:.85rem}.badge{text-transform:capitalize;border-radius:12px;padding:2px 10px;font-size:.72rem;font-weight:600}.badge.pending{color:#856404;background:#fff3cd}.badge.completed{color:#065f46;background:#d1fae5}.task-btns{gap:8px;display:flex}.btn-complete{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;padding:5px 12px;font-size:.82rem}.btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:5px 12px;font-size:.82rem}.no-task{text-align:center;color:#aaa;padding:40px 0}.link-text{text-align:center;color:#555;margin-top:14px;font-size:.85rem}