:root{--bg:#0e1117;--bg-grad:radial-gradient(1200px 600px at 15% -10%, #1b2233 0%, #0e1117 55%);--surface:#161b26;--surface-2:#1d2330;--surface-3:#262d3d;--border:#2a3242;--border-soft:#222a38;--text:#e7ebf3;--text-dim:#9aa4b8;--text-mute:#6a7488;--accent:#6366f1;--accent-2:#818cf8;--accent-soft:#6366f129;--danger:#ef4444;--danger-soft:#ef444424;--warn:#f59e0b;--ok:#22c55e;--radius:12px;--radius-sm:8px;--shadow-card:0 1px 2px #00000059;--shadow-pop:0 12px 32px -8px #0009;--shadow-drag:0 18px 40px -10px #000000b3;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}h1,h2,p{margin:0}.app{background:var(--bg-grad);flex-direction:column;height:100%;display:flex;overflow:hidden}.app__body{flex:1;min-height:0;display:flex}.toolbar{border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1117b3;flex-direction:column;gap:12px;padding:14px 20px;display:flex}.toolbar__row{align-items:center;gap:12px;display:flex}.toolbar__spacer{flex:1}.brand{align-items:center;gap:12px;display:flex}.brand__mark{background:linear-gradient(135deg, var(--accent), #a855f7);width:38px;height:38px;box-shadow:0 6px 16px -6px var(--accent);border-radius:10px;place-items:center;font-size:20px;display:grid}.brand__title{letter-spacing:-.01em;font-size:18px;font-weight:700}.brand__stats{color:var(--text-dim);font-size:12.5px}.stat-warn{color:var(--warn)}.presence{align-items:center;display:flex}.presence .avatar{box-shadow:0 0 0 2px var(--surface);margin-left:-8px;transition:transform .15s}.presence .avatar:hover{z-index:2;transform:translateY(-2px)}.acting-as{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 6px;display:flex}.acting-as__text{flex-direction:column;line-height:1.1;display:flex}.acting-as__caption{text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);font-size:10px}.acting-as select,.filter-select{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:none;padding:2px 0;font-weight:600}.filter-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:8px 12px;font-weight:500}.search{flex:1;align-items:center;max-width:360px;display:flex;position:relative}.search__icon{opacity:.7;pointer-events:none;font-size:13px;position:absolute;left:11px}.search input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);outline:none;width:100%;padding:9px 12px 9px 32px;transition:border-color .15s,box-shadow .15s}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.toolbar__filters{flex-wrap:wrap}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:9px 14px;font-weight:600;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn--sm{padding:6px 10px;font-size:12.5px}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-2)}.btn--ghost{background:0 0}.btn--ghost.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-2)}.btn--danger{background:var(--danger-soft);color:#fca5a5;border-color:#0000}.btn--danger:hover{background:var(--danger);color:#fff}.btn--toggle.is-on{color:#86efac;background:#22c55e24;border-color:#22c55e80}.live-dot{background:var(--text-mute);border-radius:50%;width:8px;height:8px}.live-dot.is-live{background:var(--ok);animation:1.6s infinite pulse;box-shadow:0 0 #22c55e99}@keyframes pulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}.icon-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;width:28px;height:28px;font-size:16px;line-height:1;transition:background .15s,color .15s;display:grid}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.avatar{color:#fff;-webkit-user-select:none;user-select:none;letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid;position:relative}.avatar__status{border:2px solid var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.avatar__status.is-online{background:var(--ok)}.avatar__status.is-offline{background:var(--text-mute)}.board{flex:1;align-items:flex-start;gap:16px;height:100%;padding:20px;display:flex;overflow:auto hidden}.column{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);max-height:100%;box-shadow:var(--shadow-card);flex-direction:column;flex:0 0 290px;display:flex}.column.is-dragging{opacity:.55;outline:2px dashed var(--accent)}.column.is-over-wip .column__count.is-over{background:var(--danger);color:#fff}.column__header{align-items:center;gap:8px;padding:12px 10px 10px 12px;display:flex}.column__grip{color:var(--text-mute);cursor:grab;touch-action:none;background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:14px}.column__grip:hover{background:var(--surface-3);color:var(--text)}.column__grip:active{cursor:grabbing}.column__title{cursor:text;flex:1;font-size:14px;font-weight:700}.column__title-input{border:1px solid var(--accent);background:var(--bg);border-radius:6px;outline:none;flex:1;padding:4px 7px;font-size:14px;font-weight:700}.column__count{text-align:center;background:var(--surface-3);min-width:22px;color:var(--text-dim);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.column__menu-wrap{position:relative}.column__cards{flex-direction:column;flex:1;gap:9px;min-height:12px;padding:4px 10px;display:flex;overflow-y:auto}.column__empty{border:1.5px dashed var(--border);border-radius:var(--radius-sm);text-align:center;color:var(--text-mute);padding:18px 10px;font-size:13px}.column__add{color:var(--text-dim);text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;margin:4px 10px 12px;padding:9px 10px;font-weight:600;transition:background .15s,color .15s}.column__add:hover{background:var(--surface-3);color:var(--text)}.card{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-card);padding:11px 12px;transition:border-color .15s,transform 80ms,background .15s;animation:.18s card-in}@keyframes card-in{0%{opacity:0;transform:translateY(-4px)}}.card:hover{border-color:var(--accent);background:var(--surface-3)}.card.is-overlay{cursor:grabbing;box-shadow:var(--shadow-drag);border-color:var(--accent);transform:rotate(3deg)scale(1.02)}.card__labels{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.card__label{color:#fff;letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.card__title{font-size:14px;font-weight:500;line-height:1.4}.card__footer{align-items:center;gap:8px;margin-top:11px;display:flex}.card__spacer{flex:1}.card__priority{color:var(--text-dim);align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px}.card__due{color:var(--text-dim);background:var(--surface);border-radius:6px;padding:2px 7px;font-size:11.5px;font-weight:600}.card__due.is-overdue{color:#fca5a5;background:var(--danger-soft)}.composer{flex-direction:column;gap:8px;padding:4px 10px 12px;display:flex}.composer textarea,.add-column--open input{resize:none;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;box-shadow:0 0 0 3px var(--accent-soft);outline:none;padding:9px 11px}.composer__actions{align-items:center;gap:8px;display:flex}.add-column{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-dim);text-align:left;cursor:pointer;background:#ffffff05;flex:0 0 290px;padding:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.add-column:hover{color:var(--text);border-color:var(--accent);background:#ffffff0d}.add-column--open{background:var(--surface);cursor:default;border-style:solid;flex-direction:column;gap:8px;display:flex}.menu-backdrop{z-index:40;cursor:default;background:0 0;border:none;position:fixed;inset:0}.menu{z-index:50;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:168px;box-shadow:var(--shadow-pop);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-weight:500}.menu button:hover{background:var(--accent-soft)}.menu__danger{color:#fca5a5}.menu__danger:hover{background:var(--danger-soft)!important}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06080c99;place-items:center;padding:20px;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border:1px solid var(--border);width:min(560px,100%);max-height:90vh;box-shadow:var(--shadow-pop);border-radius:16px;flex-direction:column;gap:16px;padding:20px;animation:.16s pop;display:flex;overflow-y:auto}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal__head{align-items:flex-start;gap:10px;display:flex}.modal__title{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;outline:none;flex:1;padding:6px 8px;font-size:18px;font-weight:700}.modal__title:focus{border-color:var(--accent);background:var(--bg)}.modal__grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);font-size:11.5px;font-weight:700}.field select,.field input,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);outline:none;padding:9px 11px;transition:border-color .15s,box-shadow .15s}.field select:focus,.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field textarea{resize:vertical}.label-picker{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:700;transition:transform 60ms}.chip:active{transform:scale(.96)}.chip.is-active{color:#fff}.modal__meta{color:var(--text-mute);border-top:1px solid var(--border-soft);align-items:center;gap:8px;padding-top:14px;font-size:12.5px;display:flex}.modal__actions{align-items:center;gap:10px;display:flex}.activity{border-left:1px solid var(--border-soft);background:#0000002e;flex-direction:column;flex:0 0 304px;min-height:0;display:flex}.activity__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:16px 18px 10px;font-size:13px;font-weight:700}.activity__list{flex-direction:column;flex:1;gap:4px;padding:0 14px 16px;display:flex;overflow-y:auto}.activity__empty{color:var(--text-mute);padding:10px 4px;font-size:13px}.activity__item{border-radius:var(--radius-sm);gap:10px;padding:9px 6px;display:flex}.activity__item:hover{background:#ffffff08}.activity__body p{color:var(--text-dim);font-size:13px;line-height:1.45}.activity__body strong{color:var(--text);font-weight:600}.activity__time{color:var(--text-mute);font-size:11px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#36405380 padding-box padding-box}@media (width<=820px){.activity,.acting-as__caption,.brand__stats{display:none}.modal__grid{grid-template-columns:1fr}.search{max-width:none}}