*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;background:#0f172a;color:#e5e7eb}
a{text-decoration:none;color:inherit}
.header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#020617;border-bottom:1px solid #1f2937;position:sticky;top:0;z-index:10}
.header .left{font-weight:700;font-size:1.1rem}
.header nav a{margin-right:1rem;color:#cbd5f5;font-size:.95rem}
.header nav a:hover{text-decoration:underline}
.header .right{font-size:.85rem;color:#9ca3af}
.container{max-width:1200px;margin:1rem auto;padding:0 1rem}
.card{background:#020617;border-radius:16px;border:1px solid #1f2937;padding:1rem;margin-bottom:1rem;box-shadow:0 10px 25px rgba(0,0,0,.4)}
.card h2{margin-top:0}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #1f2937;padding:.5rem;text-align:left;font-size:.9rem}
.table th{color:#9ca3af;font-weight:500}
.btn{display:inline-block;background:#2563eb;color:#e5e7eb;border:none;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;cursor:pointer}
.btn.gray{background:#4b5563}
.btn.red{background:#b91c1c}
.btn.small{padding:.25rem .6rem;font-size:.8rem}
.input,select,textarea{width:100%;padding:.45rem;border-radius:999px;border:1px solid #1f2937;background:#020617;color:#e5e7eb}
label{display:block;margin-top:.6rem;margin-bottom:.2rem;font-weight:600;font-size:.85rem}
.muted{color:#6b7280;font-size:.85rem}
.badge{display:inline-block;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}
.toolbar{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}
.kanban-wrapper{background:url('https://images.pexels.com/photos/280221/pexels-photo-280221.jpeg?auto=compress&cs=tinysrgb&w=1600') center/cover no-repeat;border-radius:18px;padding:1rem;border:1px solid #1f2937;box-shadow:0 20px 40px rgba(0,0,0,.6);}
.kanban{display:flex;gap:1rem;align-items:flex-start;overflow-x:auto;padding-bottom:.5rem}
.kcol{background:rgba(15,23,42,.9);border-radius:12px;padding:.6rem;min-width:260px;max-width:280px;border:1px solid #1f2937}
.khead{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}
.khead h3{margin:0;font-size:.9rem}
.kcard{background:#020617;border-radius:12px;border:1px solid #1f2937;padding:.6rem;margin:.35rem 0;cursor:grab;box-shadow:0 4px 10px rgba(0,0,0,.5)}
.kcard.dragging{opacity:.5}
.tagchip{display:inline-block;background:#1d4ed8;border-radius:999px;padding:.15rem .5rem;margin:.1rem;font-size:.7rem;color:#e5e7eb}
.alert{padding:.5rem .8rem;border-radius:999px;margin:.5rem 0;font-size:.85rem}
.alert-blue{background:#1d4ed8;color:#e5e7eb}
.alert-red{background:#b91c1c;color:#fee2e2}
.grid{display:grid;gap:1rem}
.cols-2{grid-template-columns:1fr 1fr}
@media(max-width:900px){
  .cols-2{grid-template-columns:1fr}
}