body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#f0f6ff,#fff);position:relative}body:after{content:"ATHIVATECH";position:fixed;bottom:12%;right:8%;font-size:140px;font-weight:800;color:#0000000a;transform:rotate(-18deg);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:10%;right:8%;width:420px;height:420px;background:url(/logo.png) no-repeat center;background-size:contain;opacity:.1;pointer-events:none;z-index:-1}.top-bar{display:flex;align-items:center;gap:20px;padding:20px 30px;background:#fff;border-bottom:2px solid #e6efff;position:relative;z-index:1}.logo{width:140px}.top-bar h1{flex:1;font-size:28px;font-weight:700;color:#000}.logout-btn{background:#2563eb;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer}.logout-btn:hover{background:#1e4ed8}.add-task{display:flex;gap:12px;padding:25px 30px;align-items:center;z-index:1;position:relative}.add-task input,.add-task select{padding:10px 12px;border-radius:8px;border:1px solid #d0d7e2;font-size:14px;min-width:180px}.add-task button{background:#000;color:#fff;padding:10px 18px;border-radius:8px;border:none;font-weight:600;cursor:pointer}.add-task button:hover{background:#333}.columns{display:flex;gap:25px;padding:30px}.column{flex:1;padding:18px;border-radius:14px;min-height:220px;box-shadow:0 8px 25px #0000000f;background:#fff}.column h3{margin-top:0;margin-bottom:15px;font-size:18px}.column.todo{border-top:6px solid #f97316}.column.progress{border-top:6px solid #2563eb}.column.done{border-top:6px solid #16a34a}.card{background:#f8fafc;padding:14px;border-radius:10px;margin-bottom:12px;box-shadow:0 4px 12px #0000000d}.card strong{display:block;font-size:15px;font-weight:700;margin-bottom:4px}.card p{margin:0 0 8px;font-size:14px;color:#374151}.card-actions{display:flex;gap:8px;align-items:center}.card-actions select{padding:6px;border-radius:6px}.edit-btn{background:#eab308;border:none;color:#000;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px}.delete-btn{background:#dc2626;border:none;color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px}.delete-btn:hover{background:#b91c1c}body{margin:0;font-family:Arial,sans-serif}.login-bg{height:100vh;background:linear-gradient(135deg,#c084fc,#60a5fa);display:flex;justify-content:center;align-items:center}.login-card{background:#fff;padding:50px;width:380px;border-radius:12px;text-align:center}.login-logo{width:120px;margin-bottom:20px}.login-card input{width:100%;padding:12px;margin:10px 0}.login-card button{width:100%;padding:12px;background:#7c3aed;color:#fff;border:none;font-size:16px}.dashboard-bg{min-height:100vh;background:#f8fafc;padding:20px;position:relative}.header{display:flex;align-items:center;gap:20px}.header img{width:60px}.add-task{margin:30px 0}.board{display:flex;gap:20px}.column{flex:1;background:#fff;padding:15px;border-radius:8px}.card{background:#eef2ff;padding:10px;margin-bottom:10px;display:flex;justify-content:space-between}.watermark{position:fixed;bottom:10%;right:10%;font-size:100px;color:#0000000d}
