body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg:#f7f8fb;--card:#fff;--muted:#6b7280;--accent:#2b6ef6;--accent-600:#1f56d1;--danger:#e11d48;--border:#e6e9ef;--shadow:0 6px 18px rgba(16,24,40,0.06);--radius:12px;--gap:20px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial;font-family:var(--font-family);background:#f7f8fb;background:var(--bg);color:#0f172a}.main-container{max-width:980px;margin:32px auto;display:grid;grid-template-columns:1fr 380px;grid-gap:20px;gap:20px;grid-gap:var(--gap);gap:var(--gap);padding:20px;-ms-flex-align:start;align-items:start}.left{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background:linear-gradient(180deg,#fff,#fff);background:-webkit-gradient(linear,left top,left bottom,from(var(--card)),to(var(--card)));background:linear-gradient(180deg,var(--card),var(--card));border:1px solid #e6e9ef;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:20px;-webkit-box-shadow:0 6px 18px rgba(16,24,40,.06);box-shadow:0 6px 18px rgba(16,24,40,.06);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}.main-heading{margin:0 0 16px;font-size:20px;letter-spacing:-.2px}.task-form{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}label{font-size:13px;color:#6b7280;color:var(--muted);margin-bottom:6px;display:inline-block}.input,.select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e6e9ef;border:1px solid var(--border);background:#fff;font-size:14px;outline:none;-webkit-transition:border-color .12s,-webkit-box-shadow .12s;transition:border-color .12s,-webkit-box-shadow .12s;transition:box-shadow .12s,border-color .12s;transition:box-shadow .12s,border-color .12s,-webkit-box-shadow .12s}.input:focus,.select:focus{border-color:#2b6ef6;border-color:var(--accent);-webkit-box-shadow:0 6px 18px rgba(43,110,246,.12);box-shadow:0 6px 18px rgba(43,110,246,.12)}.add-button{margin-top:6px;-ms-flex-item-align:start;align-self:start;background:#2b6ef6;background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;border:none;cursor:pointer;font-weight:600;letter-spacing:.2px;-webkit-box-shadow:0 6px 20px rgba(43,110,246,.12);box-shadow:0 6px 20px rgba(43,110,246,.12);-webkit-transition:background .12s,-webkit-transform .08s ease;transition:background .12s,-webkit-transform .08s ease;transition:transform .08s ease,background .12s;transition:transform .08s ease,background .12s,-webkit-transform .08s ease}.add-button:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);background:#1f56d1;background:var(--accent-600)}.add-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.right{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:16px;gap:16px;align-self:start}.tags{background:#fff;background:var(--card);padding:12px;border-radius:12px;border:1px solid #e6e9ef;border:1px solid var(--border);-webkit-box-shadow:0 6px 18px rgba(16,24,40,.06);box-shadow:0 6px 18px rgba(16,24,40,.06);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}.tags-list{list-style:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:8px;gap:8px}.tags-list li{margin:0}.tag-button{background:transparent;border:1px solid transparent;padding:8px 10px;border-radius:999px;cursor:pointer;font-size:13px;color:#6b7280;color:var(--muted);-webkit-transition:all .12s;transition:all .12s;min-width:64px;text-align:center}.tag-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);color:#2b6ef6;color:var(--accent);border-color:rgba(43,110,246,.12)}.tag-button.active{background:-webkit-gradient(linear,left top,right top,from(#2b6ef6),to(#1f56d1));background:linear-gradient(90deg,#2b6ef6,#1f56d1);background:-webkit-gradient(linear,left top,right top,from(var(--accent)),to(var(--accent-600)));background:linear-gradient(90deg,var(--accent),var(--accent-600));color:#fff;border:none;-webkit-box-shadow:0 8px 22px rgba(43,110,246,.14);box-shadow:0 8px 22px rgba(43,110,246,.14)}.tasks{background:#fff;background:var(--card);padding:14px;border-radius:12px;border:1px solid #e6e9ef;border:1px solid var(--border);-webkit-box-shadow:0 6px 18px rgba(16,24,40,.06);box-shadow:0 6px 18px rgba(16,24,40,.06);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);min-height:160px}.tasks-heading{margin:0 0 12px;font-size:15px;color:#0f172a}.tasks-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:10px;gap:10px}.task-item{padding:10px 12px;border-radius:10px;border:1px solid rgba(14,20,30,.04);background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fcfdff));background:linear-gradient(180deg,#fff,#fcfdff);-ms-flex-direction:column;flex-direction:column;grid-gap:6px;gap:6px}.task-item,.task-meta{display:-ms-flexbox;display:flex}.task-meta{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;grid-gap:8px;gap:8px}.task-tag{font-size:12px;font-weight:700;color:#1f56d1;color:var(--accent-600);background:rgba(43,110,246,.06);padding:6px 8px;border-radius:8px}.task-id{font-size:11px;color:#6b7280;color:var(--muted);opacity:.9;word-break:break-all}.task-text{margin:0;font-size:14px;color:#0b1220;line-height:1.3}.empty{color:#6b7280;color:var(--muted);padding:12px;text-align:center;border-radius:8px;background:#fbfcff;font-size:13px}@media (max-width:880px){.main-container{grid-template-columns:1fr;padding:12px}.right{-ms-flex-order:2;order:2}.left{-ms-flex-order:1;order:1}}
/*# sourceMappingURL=main.dd490fd0.chunk.css.map */