:root{--accent: #2563a0;--accent-hover: #2e6db0;--accent-light: #5b94cb;--accent-dark: #183d6a;--accent-glow: rgba(37, 99, 160, .15);--accent-subtle: rgba(37, 99, 160, .04);--text-primary: #0d1b2a;--text-secondary: #47607d;--text-tertiary: #728da6;--bg: #edf0f7;--bg-alt: #f5f7fb;--bg-blue: #e0e7f3;--bg-deep: #0a1628;--bg-glass: rgba(237, 240, 247, .68);--border: rgba(13, 27, 42, .07);--border-blue: rgba(37, 99, 160, .1);--card-bg: #ffffff;--card-shadow: rgba(13, 27, 42, .04);--shadow-blue: rgba(37, 99, 160, .2);--danger: #c0392b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Lexend,system-ui,sans-serif;background:var(--bg);color:var(--text-primary);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{letter-spacing:-.02em;color:var(--text-primary)}.screen-center{height:100vh;display:grid;place-items:center;text-align:center;color:var(--text-secondary)}.muted{color:var(--text-tertiary)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-tertiary);font-size:.85em}.spacer{flex:1}.logo{flex:0 0 auto;display:block;filter:drop-shadow(0 2px 5px var(--accent-glow))}.brand-name{font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--text-primary)}.brand-sub{font-family:Playfair Display,serif;font-style:italic;font-weight:600;font-size:14px;color:var(--accent);margin-left:2px}.btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text-primary);padding:8px 16px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}.btn:hover{border-color:var(--border-blue);background:var(--bg-alt)}.btn-primary{background:linear-gradient(135deg,var(--accent),#3a7fc4);border-color:transparent;color:#fff;box-shadow:0 4px 12px var(--shadow-blue)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px var(--shadow-blue);border-color:transparent;background:linear-gradient(135deg,var(--accent-hover),#4288cc)}.btn-block{width:100%;justify-content:center;padding:11px;margin-top:6px}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:#a93226;border-color:#a93226}.btn-danger-ghost{color:var(--danger)}.btn-danger-ghost:hover{background:#c0392b12;border-color:#c0392b4d}.btn:disabled{opacity:.55;cursor:default;transform:none}.link-danger{background:none;border:none;color:var(--danger);cursor:pointer;font-size:12px;font-family:inherit}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(1200px 600px at 50% -10%,var(--bg-blue),var(--bg))}.auth-card{width:370px;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:0 20px 50px var(--accent-glow)}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:4px}.auth-sub{color:var(--text-secondary);margin-bottom:20px}.auth-error{background:#c0392b14;color:var(--danger);padding:9px 11px;border-radius:10px;margin-top:6px;font-size:13px}.auth-toggle{text-align:center;margin-top:16px;color:var(--text-secondary);font-size:13px}.auth-toggle button{background:none;border:none;color:var(--accent);cursor:pointer;font-family:inherit;font-weight:500}.field{display:block;margin-bottom:13px}.field>span{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:5px;font-weight:500}.field input,.field select,.field textarea,.search input,.comment-form input{width:100%;background:var(--bg-alt);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;padding:10px 12px;font-size:13px;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus,.search input:focus,.comment-form input:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px var(--accent-subtle)}.field textarea{resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app{height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:12px 22px;background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:10}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.project-select{max-width:240px;background:var(--card-bg);border:1px solid var(--border);color:var(--text-primary);border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13px}.search input{width:220px;border-radius:999px}.user-chip{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;font-weight:500}.avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;font-size:11px;font-weight:600;box-shadow:0 2px 6px var(--accent-glow)}.unassigned{color:var(--text-tertiary)}.board-head{display:flex;align-items:center;gap:12px;padding:18px 22px 6px}.board-head h1{font-size:20px;margin:0}.board{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:14px 22px 22px;overflow:auto}.column{background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;min-height:140px}.column.drop{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px var(--accent-subtle)}.column-head{padding:12px 14px;font-weight:600;font-size:13px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.count{color:var(--text-secondary);font-weight:500;background:var(--bg-blue);border-radius:999px;padding:1px 9px;font-size:12px}.column-body{padding:12px;display:flex;flex-direction:column;gap:10px;overflow:auto;flex:1}.column-empty{color:var(--text-tertiary);text-align:center;padding:10px;opacity:.5}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:12px 13px;cursor:pointer;box-shadow:0 1px 3px var(--card-shadow);transition:border-color .15s,box-shadow .15s,transform .08s}.card:hover{border-color:var(--border-blue);box-shadow:0 6px 16px var(--accent-glow)}.card:active{transform:scale(.99)}.card-title{font-size:13.5px;line-height:1.4;margin-bottom:9px;color:var(--text-primary)}.card-meta{display:flex;align-items:center;gap:8px}.badge{font-size:11px;padding:2px 9px;border-radius:999px;font-weight:600}.prio{font-size:11px;font-weight:500}.card-key{color:var(--text-tertiary);font-family:ui-monospace,monospace;font-size:11px;margin-top:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b2a59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;z-index:50}.modal{width:460px;max-width:100%;max-height:90vh;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 60px var(--accent-glow);display:flex;flex-direction:column}.modal.wide{width:640px}.modal-head{display:flex;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border)}.modal-title{font-weight:600;flex:1}.modal-head .x{background:none;border:none;color:var(--text-tertiary);font-size:24px;cursor:pointer;line-height:1}.modal-head .x:hover{color:var(--text-primary)}.modal-body{padding:18px;overflow:auto}.modal-foot{display:flex;align-items:center;gap:8px;padding:14px 18px;border-top:1px solid var(--border)}.issue-title{width:100%;background:transparent;border:1px solid transparent;color:var(--text-primary);font-size:19px;font-weight:600;padding:7px 9px;border-radius:10px;margin-bottom:14px;font-family:inherit;letter-spacing:-.02em}.issue-title:hover{border-color:var(--border)}.issue-title:focus{outline:none;border-color:var(--accent);background:var(--bg-alt)}.issue-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}.comments-head{font-weight:600;margin:20px 0 12px}.comments{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.comment{display:flex;gap:10px;align-items:flex-start}.comment-main{flex:1}.comment-author{font-size:12px;color:var(--text-secondary);margin-bottom:2px;font-weight:500}.comment-body{font-size:13.5px;white-space:pre-wrap}.comment-form{display:flex;gap:8px}.comment-form input{flex:1;border-radius:999px}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:264px;flex:0 0 264px;background:var(--bg-alt);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:4px}.sidebar-brand{display:flex;align-items:center;gap:9px;padding:4px 8px 12px}.sidebar-section{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-weight:600;padding:6px 8px}.project-nav{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidebar-empty{padding:8px;font-size:13px}.project-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:none;background:none;border-radius:10px;padding:9px 10px;cursor:pointer;color:var(--text-secondary);font-family:inherit;font-size:13.5px}.project-item:hover{background:var(--accent-subtle);color:var(--text-primary)}.project-item.active{background:var(--accent);color:#fff;box-shadow:0 3px 10px var(--shadow-blue)}.pi-key{font-family:ui-monospace,monospace;font-size:11px;font-weight:700;background:var(--bg-blue);color:var(--accent-dark);border-radius:6px;padding:2px 6px;flex:0 0 auto}.project-item.active .pi-key{background:#ffffff40;color:#fff}.pi-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-count{font-size:11px;background:#0d1b2a14;border-radius:999px;padding:1px 7px}.project-item.active .pi-count{background:#ffffff40}.sidebar-add{margin:6px 0;justify-content:center}.sidebar-foot{border-top:1px solid var(--border);padding-top:12px;margin-top:6px;display:flex;flex-direction:column;gap:8px}.sidebar-btn{justify-content:center;width:100%}.admin-tag{font-size:10px;font-weight:700;background:var(--accent);color:#fff;border-radius:6px;padding:1px 6px;margin-left:7px;vertical-align:middle}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-title b{font-weight:600}.hamburger{display:none;border:1px solid var(--border);background:var(--card-bg);border-radius:10px;width:38px;height:38px;font-size:20px;cursor:pointer;place-items:center;color:var(--text-primary)}.sidebar-scrim{display:none}.member-list{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.member-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid var(--border)}.member-row:last-child{border-bottom:none}.member-info{flex:1;min-width:0}.member-name{font-size:13.5px;font-weight:500}.member-email{font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you{color:var(--accent);font-weight:600}.role-select{border:1px solid var(--border);background:var(--bg-alt);border-radius:8px;padding:6px 8px;font-family:inherit;font-size:12.5px;color:var(--text-primary)}.role-badge{font-size:11px;font-weight:600;border-radius:999px;padding:3px 10px}.role-badge.lead{background:var(--accent-subtle);color:var(--accent)}.role-badge.member{background:var(--bg-blue);color:var(--text-secondary)}.add-member{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.add-member select{flex:1;min-width:140px;border:1px solid var(--border);background:var(--bg-alt);border-radius:10px;padding:9px 10px;font-family:inherit;font-size:13px;color:var(--text-primary)}.link-muted{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;font-family:inherit}.link-muted:hover{color:var(--accent)}.card-move{display:none}.card-move .mv{border:1px solid var(--border);background:var(--bg-alt);color:var(--accent);width:40px;height:32px;border-radius:999px;font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;font-family:inherit}.card-move .mv:disabled{opacity:.3;cursor:default}.mv-label{font-size:11px;color:var(--text-tertiary)}@media (max-width: 820px){body{font-size:15px}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 40px #0d1b2a40}.sidebar.open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b2a66;opacity:0;pointer-events:none;transition:opacity .22s;z-index:55}.sidebar-scrim.show{opacity:1;pointer-events:auto}.hamburger{display:grid}.topbar{gap:8px;padding:10px 14px}.topbar .search{flex:1 1 auto;min-width:0}.topbar .search input{width:100%}.board{display:flex;gap:12px;padding:12px 14px 18px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.column{flex:0 0 82%;min-width:82%;scroll-snap-align:start}.card-move{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px dashed var(--border)}.issue-grid,.grid2{grid-template-columns:1fr 1fr}.btn{padding:10px 16px}.field input,.field select,.field textarea,.search input,.comment-form input{padding:11px 13px;font-size:15px}}@media (max-width: 560px){.topbar .search{display:none}.topbar-title{font-size:14px}}@media (max-width: 480px){.board{padding:10px 12px 16px}.column{flex-basis:86%;min-width:86%}.issue-grid,.grid2{grid-template-columns:1fr}.modal-overlay{padding:0;align-items:flex-end}.modal,.modal.wide{width:100%;max-height:94vh;border-radius:20px 20px 0 0}.modal-body{padding:16px}.avatar{width:30px;height:30px}.add-member{flex-direction:column;align-items:stretch}.add-member select{width:100%}}