:root{--bg: #0f1724;--card: #0b1220;--accent: #6ee7b7;--muted: #94a3b8}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;background:linear-gradient(180deg,#071029,#0d1520);color:#e6eef6}.app{padding:20px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}header h1{margin:0;font-size:20px}.header-controls{font-size:14px;color:var(--muted)}header nav button{font-size:14px}main{display:flex;gap:16px}.left{width:360px}.right{flex:1}.form{background:var(--card);padding:12px;border-radius:8px}.form textarea{width:100%;height:140px;background:transparent;border:1px solid #1b2836;color:inherit;padding:8px;border-radius:6px}.form button{margin-top:8px;padding:8px 12px;border-radius:6px;border:0;background:var(--accent);color:#052022;cursor:pointer}.kanban{display:flex;gap:12px}.column{background:#ffffff08;padding:12px;border-radius:8px;flex:1;min-height:200px}.column h3{margin:0 0 8px}.column h3{cursor:grab}.column h3:active{cursor:grabbing}.column.drag-over{outline:2px dashed rgba(110,231,183,.25)}.card{background:#04121a;padding:10px;border-radius:6px;margin-bottom:8px;border:1px solid rgba(255,255,255,.03)}.meta{font-size:12px;color:var(--muted);margin-top:8px}.card button{background:transparent;border:0;color:var(--muted);cursor:pointer;margin-left:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617d9;display:flex;align-items:flex-start;justify-content:center;padding-top:6vh;z-index:9999;overflow-y:auto}.modal{background:#071424;padding:20px;border-radius:10px;box-sizing:border-box;width:80%;max-width:920px;min-width:360px;max-height:88vh;overflow:auto;color:inherit;border:1px solid rgba(255,255,255,.04);margin:0 auto}background: rgba(2,6,23,.6); display: flex; align-items: center; justify-content: center; z-index: 40; } background: #071424; padding: 20px; border-radius: 10px; box-sizing: border-box; width: 80%; max-width: 920px; min-width: 360px; max-height: 80vh; overflow: auto; color: inherit; border: 1px solid rgba(255,255,255,.04); } .modal h2{margin-top:0}.modal label{display:block;margin-top:8px;font-size:13px;color:var(--muted)}.modal input,.modal textarea,.modal select{width:100%;padding:8px;margin-top:6px;border-radius:6px;border:1px solid #142532;background:transparent;color:inherit}.modal textarea{min-height:80px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.btn-primary{background:var(--accent);border-radius:6px;border:0;padding:8px 12px;color:#052022;cursor:pointer}.danger{background:transparent;color:#ff6b6b;border:0;cursor:pointer}.comments-list{max-height:160px;overflow:auto;border:1px solid rgba(255,255,255,.03);padding:8px;border-radius:6px;margin-top:6px}.comment{padding:6px;border-bottom:1px dashed rgba(255,255,255,.02)}.comment:last-child{border-bottom:0}.comment-meta{font-size:11px;color:var(--muted)}.comment-text{margin-top:4px}