@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--bg:#12141f;--card:#252839;--input:#1b1e2b;--text:#f1f2f8;--muted:#b4b8cf;--primary:#6366f1;--success:#34d399;--danger:#f87171;--warning:#fbbf24;--border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background:var(--bg);color:var(--text);line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:10;border-bottom:1px solid var(--border);background:#151824;justify-content:space-between;align-items:center;height:70px;padding:0 5%;display:flex;position:sticky;top:0}.logo{color:var(--primary);font-size:27px;font-weight:700}.navLinks{gap:10px;display:flex}.navLinks a{color:var(--muted);border-radius:8px;padding:9px 18px;text-decoration:none;transition:all .25s}.navLinks a:hover,.navLinks a.active{background:var(--primary);color:#fff}.cards{flex:1;align-items:flex-start;gap:28px;width:100%;max-width:1400px;margin:auto;padding:35px 5%;display:flex}.cards form{flex-shrink:0;width:320px}.cards .box{flex-wrap:wrap;flex:1;gap:22px;min-width:0;display:flex;position:relative}.box h1{width:100%;margin-bottom:5px;font-size:32px}.taskList{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:8px;padding:8px 14px;position:absolute;right:0}.taskCard{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--danger);border-radius:16px;width:calc(50% - 11px);min-width:280px;padding:22px;transition:all .25s;position:relative;box-shadow:0 8px 24px #0003}.taskCard:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000004d}.taskCard h3{overflow-wrap:anywhere;margin-bottom:22px;padding-right:90px;font-size:20px}.category{color:#fff;background:#3a3e55;border:none;border-radius:8px;padding:5px 12px;position:absolute;top:18px;right:16px}.priority,.status{border:none;border-radius:20px;margin:0 6px 8px 0;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.priority{color:var(--danger);background:#f8717126}.status{color:var(--warning);background:#fbbf2426}hr{border:0;border-top:1px solid var(--border);margin:20px 0}form{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:25px;display:flex;box-shadow:0 8px 24px #0003}form h1{margin-bottom:18px;font-size:25px}form p{color:var(--muted);margin:12px 0 6px;font-size:14px}form input,form select{border:1px solid var(--border);background:var(--input);width:100%;color:var(--text);border-radius:9px;outline:none;margin-bottom:8px;padding:12px}form input:focus,form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:9px;margin-top:18px;padding:12px;font-weight:600;transition:all .25s}form button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #6366f14d}.complete,.delete{cursor:pointer;border:none;border-radius:8px;width:calc(50% - 7px);margin:5px 4px 0 0;padding:10px;font-weight:600;transition:all .2s}.complete{color:var(--success);background:#34d39926}.delete{color:var(--danger);background:#f8717126}.complete:hover{background:var(--success);color:#12141f}.delete:hover{background:var(--danger);color:#fff}.pg{flex:1;width:100%;max-width:1200px;margin:auto;padding:55px 5%}.pg section+section{margin-top:65px}.pg h1,.pg h2,.pg h3{letter-spacing:-.5px;line-height:1.3}.pg h1{margin-bottom:15px;font-size:clamp(32px,4vw,48px);font-weight:700}.pg h2{margin-bottom:10px;font-size:27px}.pg h3{margin-bottom:10px;font-size:18px}.pg-lead{max-width:650px;color:var(--muted);font-size:15px;line-height:1.9}.pg-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:45px;display:grid}.pg-date,.pg-chip{color:#a5b4fc;background:#6366f126;border-radius:20px;margin-bottom:18px;padding:6px 13px;font-size:13px;display:inline-block}.pg-actions{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.pg-btn{border:1px solid var(--border);border-radius:9px;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s}.pg-btn--primary{background:var(--primary);color:#fff}.pg-btn--ghost{color:var(--text)}.pg-btn:hover{transform:translateY(-3px);box-shadow:0 6px 18px #6366f133}.pg-preview,.pg-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 24px #00000026}.pg-preview{flex-direction:column;gap:12px;display:flex}.pg-preview-title,.pg-task-meta{color:var(--muted);font-size:13px}.pg-task{border:1px solid var(--border);border-left:4px solid var(--primary);background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.pg-task--high{border-left-color:var(--danger)}.pg-task--medium{border-left-color:var(--warning)}.pg-task--low{border-left-color:var(--success)}.pg-task-name{font-size:13px;font-weight:600}.pg-badge{color:#a5b4fc;background:#6366f126;border-radius:20px;padding:5px 10px;font-size:11px}.pg-badge--high{color:var(--danger);background:#f8717126}.pg-badge--medium{color:var(--warning);background:#fbbf2426}.pg-badge--low,.pg-card-bar--green{color:var(--success)}.pg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px;display:grid}.pg-card{transition:all .25s}.pg-card:hover{border-color:var(--primary);transform:translateY(-4px)}.pg-card p,.pg-list{color:var(--muted);font-size:14px;line-height:1.8}.pg-card-bar{background:var(--primary);border-radius:5px;width:35px;height:4px;margin-bottom:18px}.pg-card-bar--green{background:var(--success)}.pg-card-bar--yellow{background:var(--warning)}.pg-about-head{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:30px}.pg-about-head h1{color:#818cf8}.pg-author{color:var(--muted);margin-bottom:15px}.pg-stack-grid,.pg-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:25px;display:grid}.pg-chips{flex-wrap:wrap;gap:8px;display:flex}.pg-chip{margin:0}.pg-list{padding-left:20px}.site-footer{color:#f1f2f8;background:#1f2232;border-top:1px solid #ffffff14;margin-top:auto;padding:24px 6%}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:auto;display:flex}.site-footer-brand{color:#8b5cf6;letter-spacing:.5px;font-size:22px;font-weight:700}.site-footer p{color:#b4b8cf;margin:6px 0 0;font-size:14px}.site-footer nav{flex-wrap:wrap;gap:22px;display:flex}.site-footer nav a{color:#d1d5e5;font-size:14px;text-decoration:none;transition:color .2s}.site-footer nav a:hover{color:#a78bfa}@media (width<=600px){.site-footer-inner{flex-direction:column;align-items:flex-start}.site-footer nav{gap:18px}}@media (width<=800px){.pg{padding:30px 20px}.pg-hero{grid-template-columns:1fr;gap:30px}.pg-grid,.pg-stack-grid,.pg-split{grid-template-columns:1fr}.pg section+section{margin-top:40px}}@media (width<=480px){.pg{padding:24px 14px}.pg-about-head,.pg-preview,.pg-card{padding:18px}.pg h2{font-size:23px}.pg-actions{flex-direction:column}.pg-btn{text-align:center}.pg-task{padding:10px}}@media (width<=1024px){.cards{gap:20px;padding:25px 3%}.cards form{width:280px}.taskCard{width:100%;min-width:0}}@media (width<=768px){.navbar{flex-wrap:wrap;gap:12px;height:auto;padding:15px 20px}.navLinks{flex-wrap:wrap;gap:4px}.navLinks a{padding:8px 12px;font-size:13px}.cards{flex-direction:column;padding:20px 16px}.cards form,.cards .box{width:100%}.cards .box{flex-direction:column;display:flex}.box h1{padding-right:0;font-size:26px}.taskList{align-self:flex-start;position:static}.taskCard{width:100%}}