*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f4f8;--surface:#fff;--border:#e2e2ea;--text:#18181b;--text2:#71717a;--accent:#6366f1;--accent-bg:#eef2ff;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--r:10px;--shadow:0 1px 3px #00000012, 0 1px 2px #0000000d}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button{cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px}input,textarea,select{font-family:inherit;font-size:14px}.layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:24px;width:210px;padding:24px 12px;display:flex}.logo{color:var(--accent);padding:0 10px;font-size:15px;font-weight:700}nav{flex-direction:column;gap:2px;display:flex}.nav-item{color:var(--text2);text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{background:var(--accent-bg);color:var(--accent)}.main{flex:1;padding:36px 40px;overflow-y:auto}.ph{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.ph h1{font-size:22px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}.btn{border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#4f52d9}.btn-ghost{color:var(--text2)}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-danger{color:var(--danger);background:#fee2e2}.btn-danger:hover{background:#fecaca}.tag{border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.tag-unassigned{color:#71717a;background:#f4f4f5}.tag-assigned{color:#2563eb;background:#dbeafe}.tag-inprogress{color:#b45309;background:#fef9c3}.tag-completed{color:#15803d;background:#dcfce7}.overlay{z-index:50;background:#0000004d;justify-content:center;align-items:center;animation:.15s fi;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:14px;width:460px;max-width:95vw;padding:28px;animation:.2s su;box-shadow:0 24px 60px #0000002e}.modal h2{margin-bottom:20px;font-size:18px;font-weight:700}.fg{margin-bottom:14px}.fg label{color:var(--text2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.fg input,.fg textarea,.fg select{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:9px 12px;transition:border-color .15s}.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--accent);outline:none}.fg textarea{resize:vertical;min-height:72px}.ma{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.empty{text-align:center;color:var(--text2);padding:64px 24px}.empty-icon{margin-bottom:12px;font-size:40px}.empty p{margin-bottom:20px;font-size:15px}@keyframes fi{0%{opacity:0}to{opacity:1}}@keyframes su{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}