body{margin:0;background:linear-gradient(180deg,#676785,#131414);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.home{display:flex;justify-content:center;padding:100px 32px 32px;min-height:100vh}.login,.register{padding:100px 32px 32px;min-height:100vh}.tasks{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:24px;width:100%;max-width:1100px}.kanban-column{background:#fff9;border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:14px;min-height:70vh;box-shadow:0 8px 24px #0000000f,0 2px 6px #0000000a}.kanban-column h3{text-align:center;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:8px 12px;border-radius:999px;margin-bottom:4px;width:90%}.todo h3{background:#e8f0ff;color:#2f5bea}.in-progress h3{background:#fff3e0;color:#ff8b00}.done h3{background:#e6f7ef;color:#00875a}.todo button{background:#e8f0ff;color:#2f5bea}.in-progress button{background:#fff3e0;color:#ff8b00}.done button{background:#e6f7ef;color:#00875a}.todo button:hover,.todo button:focus{background:#2f5bea;color:#e8f0ff}.in-progress button:hover,.in-progress button:focus{background:#ff8b00;color:#fff3e0}.done button:hover,.done button:focus{background:#00875a;color:#e6f7ef}.create{background:#f9fafc;padding:14px;border-radius:12px;box-shadow:inset 0 0 0 1px #0000000f}.create label{font-size:.75rem;font-weight:600;color:#666;margin-top:6px}.create input{width:90%;padding:8px 10px;margin-top:4px;border-radius:8px;border:1px solid #ddd;font-size:.85rem}.create input:focus{outline:none;border-color:#2f5bea}.create button{margin-top:10px;padding:8px;border:none;border-radius:10px;background:linear-gradient(135deg,#5a5a5a,#7d7d7d);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.create button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000040}.error{margin-top:6px;color:#d32f2f;font-size:.75rem}header{background:#262a32;display:flex;justify-content:center;align-items:center;padding:4px 20px;box-shadow:0 4px 12px #00000026;position:fixed;top:0;left:0;width:100%;z-index:1000}.navbar{width:100%;padding:20px 0;display:flex;align-items:center;margin:0 auto;color:#fff;justify-content:space-around}.navbar a{color:#fff;text-decoration:none;font-size:1.3rem;font-weight:500;margin:0 12px;transition:opacity .2s ease}.navbar a:hover{opacity:.7}.navbar-user{display:flex;align-items:center;gap:14px}.navbar-user span{font-size:1.2rem;opacity:.9}.navbar button{background:transparent;border:1px solid #ffffff50;color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:1.2rem}.navbar button:hover{background:#ffffff26;border-color:#ffffff80}.navbar-auth-links{display:flex;gap:16px}.task-details{background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px #00010133;display:flex;justify-content:space-between;align-items:center;gap:12px;width:90%;transition:transform .1s ease,box-shadow .1s ease}.task-details:hover{box-shadow:0 6px 16px #0001014d}.task-details h4{margin:0 0 6px;font-size:.95rem;font-weight:600}.task-details p{margin:4px 0;font-size:.8rem;color:#555}.task-details p:nth-of-type(2){font-weight:600;text-transform:uppercase;font-size:.65rem;letter-spacing:.06em;opacity:.7}.task-section{display:flex;flex-direction:column;flex:1}.task-details h4{margin:0;font-size:.95rem;font-weight:600;color:#333}.task-details p{margin:3px 0;font-size:.8rem;color:#555}.deleteBtn{flex-shrink:0;max-width:28px;padding:6px;font-size:1.5rem;display:flex;border-radius:8px;cursor:pointer;color:#b13535;align-items:center;justify-content:center}.deleteBtn:hover{background:#ff464626}.addBtn{background-color:#c31313b3;border-radius:20px;border-style:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:Haas Grot Text R Web,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:24px;font-weight:500;height:40px;line-height:20px;list-style:none;margin:0;outline:none;padding:10px 13px;position:relative;text-align:center;text-decoration:none;transition:color .1s;vertical-align:baseline;user-select:none;-webkit-user-select:none;touch-action:manipulation}.addBtn:hover,.addBtn:focus{background-color:#c31313e6}.editBtn{flex-shrink:0;max-width:28px;padding:6px 6px 6px 8px;font-size:1.4rem;display:flex;border-radius:8px;cursor:pointer;color:#2a2a2a;align-items:center;justify-content:center}.editBtn:hover{background:#ff464626}.auth-form{background:#ffffffb3;padding:24px;border-radius:16px;width:100%;max-width:340px;box-shadow:0 8px 24px #0000000f,0 2px 6px #0000000a;display:flex;flex-direction:column;gap:12px}.auth-form h3{text-align:center;margin-bottom:10px}.auth-form label{font-size:.75rem;font-weight:600;color:#444}.auth-form input{padding:8px 10px;border-radius:8px;border:1px solid #ddd;font-size:.9rem}.auth-form input:focus{outline:none;border-color:#2f5bea}.auth-form button{margin-top:10px;padding:8px;border:none;border-radius:10px;background:linear-gradient(135deg,#5a5a5a,#7d7d7d);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer}.auth-page{min-height:calc(100vh - 40px);display:flex;justify-content:center;align-items:center;padding:20px}