:root{--bg: #0f1115;--bg-raise: #161a21;--bg-tile: #1c212a;--bg-tile-hover: #222834;--line: #262d39;--line-soft: #1f2530;--text: #e8ecf3;--text-dim: #97a1b2;--text-faint: #6b7688;--accent: #f0567a;--accent-dim: #7d2a3c;--ok: #3fbf87;--warn: #e5a13a;--danger: #ef4a4a;--radius: 12px;--radius-sm: 8px;--shadow: 0 10px 30px rgb(0 0 0 / 45%)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.muted{color:var(--text-dim);font-size:13px}.boot{display:grid;place-items:center;height:100%;color:var(--text-dim)}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 14px;background:transparent;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease;min-height:38px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#16070c;font-weight:600}.btn-primary:hover:not(:disabled){background:#ff6b8c}.btn-ghost{border-color:var(--line);color:var(--text-dim)}.btn-ghost:hover:not(:disabled){background:var(--bg-tile);color:var(--text)}.btn-icon{padding:4px 10px;min-height:32px;line-height:1}.btn-small{padding:4px 10px;min-height:30px;font-size:13px}.btn-block{width:100%}.btn-danger{background:var(--danger);color:#fff;font-weight:600}.btn-danger-ghost{color:#ff8b8b;border-color:#4a2626}.login-shell{display:grid;place-items:center;height:100%;padding:20px}.login-card{width:min(380px,100%);background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;display:grid;gap:14px;box-shadow:var(--shadow)}.login-title{margin:0;font-size:22px;letter-spacing:-.02em}.login-sub{margin:-8px 0 6px;color:var(--text-dim);font-size:14px}.login-error{margin:0;color:#ff9d9d;font-size:14px}.field{display:grid;gap:6px}.field>span,.field-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.field input,.field select,.field textarea,.modal-input{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;width:100%;min-height:42px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.modal-input:focus{outline:2px solid var(--accent-dim);outline-offset:1px;border-color:var(--accent-dim)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg-raise)}.topbar-left{display:flex;align-items:baseline;gap:10px}.brand{margin:0;font-size:18px;letter-spacing:-.02em}.brand-sub{color:var(--text-faint);font-size:13px}.topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.segmented{display:flex;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.seg{border:0;background:transparent;color:var(--text-dim);padding:7px 12px;cursor:pointer;font-size:13px}.seg-on{background:var(--bg-tile);color:var(--text)}.toggle{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:13px;cursor:pointer}.who{display:flex;align-items:center;gap:8px}.who-name{font-size:13px;color:var(--text-dim)}.tagbar{display:flex;align-items:center;gap:6px;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--bg-raise);overflow-x:auto;scrollbar-width:thin}.tagbar-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);flex:0 0 auto;margin-right:2px}.chip-filter{border:1px solid var(--line);background:transparent;color:var(--text-dim);cursor:pointer;flex:0 0 auto;min-height:30px;padding:4px 12px}.chip-filter:hover{color:var(--text);border-color:#3a4353}.chip-filter-on{background:var(--accent-dim);border-color:var(--accent);color:#ffd9e1;font-weight:600}.chip-clear{background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;color:var(--text-faint);cursor:pointer;flex:0 0 auto;min-height:30px;margin-left:6px;padding-left:12px}.chip-clear:hover{color:var(--text)}.chip-tag-sm{background:var(--accent-dim);color:#ffd0dc;font-weight:600}.tag-edit{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 8px;background:var(--bg);min-height:42px}.chip-tag{background:var(--accent-dim);color:#ffd9e1;display:inline-flex;align-items:center;gap:5px;font-weight:600;padding:3px 6px 3px 10px}.chip-x{background:transparent;border:0;color:#ffb3c4;cursor:pointer;font-size:11px;line-height:1;padding:3px 4px;border-radius:999px;position:relative}.chip-x:after{content:"";position:absolute;inset:-11px}.chip-x:hover{color:#fff;background:#ffffff1f}.tag-input{flex:1;min-width:110px;background:transparent;border:0;padding:4px 2px;min-height:30px}.tag-input:focus{outline:none}.tag-suggest{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip-suggest{background:var(--bg-tile);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;min-height:30px}.chip-suggest:hover{color:var(--text);border-color:var(--accent-dim)}.banner-error{background:#3a1a1f;color:#ffc9c9;padding:10px 16px;font-size:14px;border-bottom:1px solid #56262d}.board{flex:1;display:flex;gap:12px;padding:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;align-items:stretch;min-height:0}.column{flex:0 0 86vw;scroll-snap-align:start;background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;transition:border-color .12s ease}.column-over{border-color:var(--accent-dim)}.column-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:12px 12px 8px;border-bottom:1px solid var(--line-soft)}.column-title{margin:0;font-size:14px;letter-spacing:.01em;display:flex;align-items:center;gap:8px}.column-count{color:var(--text-faint);font-size:12px;background:var(--bg-tile);border-radius:999px;padding:1px 8px}.column-hint{margin:2px 0 0;font-size:11px;color:var(--text-faint)}.column-body{padding:10px;display:grid;gap:10px;align-content:start;overflow-y:auto;min-height:90px;flex:1}.column-empty{color:var(--text-faint);font-size:13px;text-align:center;padding:12px 0;margin:0}.tile{background:var(--bg-tile);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 11px;cursor:pointer;display:grid;gap:8px;transition:background .12s ease,border-color .12s ease}.tile:hover{background:var(--bg-tile-hover);border-color:#333c4b}.tile-dragging{opacity:.35}.tile-overlay{box-shadow:var(--shadow);border-color:var(--accent-dim);cursor:grabbing}.tile-head{display:flex;align-items:flex-start;gap:8px}.tile-title{margin:0;font-size:14px;font-weight:600;line-height:1.3;flex:1;letter-spacing:-.01em}.prio{width:8px;height:8px;border-radius:999px;margin-top:5px;flex:0 0 auto}.prio-baja{background:transparent;border:1px solid #465062}.prio-media{background:var(--warn)}.prio-alta{background:var(--accent)}.drag-handle{background:transparent;border:0;color:var(--text-faint);cursor:grab;padding:2px 4px;border-radius:4px;touch-action:none;font-size:15px;line-height:1;position:relative}.drag-handle:after{content:"";position:absolute;inset:-13px}.drag-handle:hover{color:var(--text);background:var(--bg)}.tile-brief{margin:0;font-size:13px;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-meta{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:11px;background:#2a3140;color:#c7d0de;border-radius:999px;padding:2px 9px;white-space:nowrap}.chip-soft{background:transparent;border:1px solid var(--line);color:var(--text-faint)}.chip-link{text-decoration:none;border:1px solid var(--accent-dim);color:#ffb3c4}.tile-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.tile-dates{display:flex;gap:8px;flex-wrap:wrap}.date{font-size:11px;color:var(--text-faint)}.date-overdue{color:#ff9d9d;font-weight:600}.date-publish{color:var(--ok)}.avatar{width:24px;height:24px;border-radius:999px;background:var(--accent-dim);color:#ffd9e1;display:grid;place-items:center;font-size:10px;font-weight:700;flex:0 0 auto}.panel-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:flex-end;z-index:20}.panel{background:var(--bg-raise);border-left:1px solid var(--line);width:min(520px,100%);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.panel-status{font-size:12px;background:var(--bg-tile);border-radius:999px;padding:3px 10px;color:var(--text-dim)}.save-state{margin-left:auto;font-size:12px;color:var(--text-faint)}.save-state-on{color:var(--warn)}.panel-body{padding:14px;overflow-y:auto;display:grid;gap:14px;align-content:start}.panel-title{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:19px;font-weight:650;padding:6px 8px;letter-spacing:-.02em;width:100%}.panel-title:hover{border-color:var(--line)}.panel-title:focus{outline:2px solid var(--accent-dim);background:var(--bg)}.panel-section{border-top:1px solid var(--line-soft);padding-top:12px;display:grid;gap:10px}.panel-h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.panel-error{color:#ff9d9d;font-size:13px;margin:0}.panel-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line-soft);padding-top:12px}.confirm-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.link-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;gap:6px;margin-bottom:6px}.link-row input{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px;min-width:0}.link-open{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.comment{background:var(--bg-tile);border-radius:var(--radius-sm);padding:8px 10px}.comment p{margin:4px 0 0;font-size:14px;white-space:pre-wrap}.comment-head{display:flex;gap:8px;align-items:baseline;font-size:13px}.comment-form{display:grid;gap:8px;justify-items:end}.comment-form textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;resize:vertical}.activity{margin:0;padding-left:16px;display:grid;gap:4px;font-size:13px;color:var(--text-dim)}.modal{margin:auto;background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--radius);padding:20px;width:min(420px,calc(100% - 32px));display:grid;gap:12px;box-shadow:var(--shadow);height:fit-content}.modal-title{margin:0;font-size:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:640px){.topbar{padding:8px 12px;gap:8px}.brand{font-size:16px}.topbar-right{gap:8px;width:100%;justify-content:space-between}.seg{padding:6px 10px;font-size:12px}.who-name{display:none}.board{padding:10px;gap:10px}.seg{min-height:40px;padding:9px 13px}.btn-small{min-height:40px}.btn-icon{min-height:40px;min-width:40px}.toggle input{width:20px;height:20px}.tagbar{padding:8px 12px}.chip-filter,.chip-clear,.chip-suggest{min-height:36px;padding:6px 14px}}@media(min-width:900px){.board{scroll-snap-type:none}.column{flex:1 1 0;min-width:240px}}