:root{--radius: .5rem;--font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[data-theme=light]{--background: hsl(0 0% 100%);--foreground: hsl(240 10% 3.9%);--card: hsl(0 0% 100%);--card-foreground: hsl(240 10% 3.9%);--primary: hsl(240 5.9% 10%);--primary-foreground: hsl(0 0% 98%);--secondary: hsl(240 4.8% 95.9%);--secondary-foreground: hsl(240 5.9% 10%);--muted: hsl(240 4.8% 95.9%);--muted-foreground: hsl(240 3.8% 46.1%);--accent: hsl(240 4.8% 95.9%);--accent-foreground: hsl(240 5.9% 10%);--destructive: hsl(0 84.2% 60.2%);--border: hsl(240 5.9% 90%);--input: hsl(240 5.9% 90%);--ring: hsl(240 5.9% 10%);--todo-dot: hsl(221 83% 53%);--inprog-dot: hsl(38 92% 50%);--badge-high-bg: hsl(0 84% 60%/.1);--badge-high-fg: hsl(0 84.2% 60.2%);--badge-med-bg: hsl(38 92% 50%/.1);--badge-med-fg: hsl(38 92% 50%);--badge-low-bg: hsl(240 3.8% 46%/.1);--badge-low-fg: hsl(240 3.8% 46.1%);--badge-cat-bg: hsl(262 83% 58%/.1);--badge-cat-fg: hsl(262 83% 58%);--badge-member-bg: hsl(221 83% 53%/.1);--badge-member-fg: hsl(221 83% 53%);--badge-due-bg: hsl(240 4.8% 95.9%);--badge-due-fg: hsl(240 3.8% 46.1%);--success: hsl(142 76% 36%);--overlay: rgba(0,0,0,.5)}[data-theme=dark]{--background: hsl(240 10% 3.9%);--foreground: hsl(0 0% 98%);--card: hsl(240 10% 3.9%);--card-foreground: hsl(0 0% 98%);--primary: hsl(0 0% 98%);--primary-foreground: hsl(240 5.9% 10%);--secondary: hsl(240 3.7% 15.9%);--secondary-foreground: hsl(0 0% 98%);--muted: hsl(240 3.7% 15.9%);--muted-foreground: hsl(240 5% 64.9%);--accent: hsl(240 3.7% 15.9%);--accent-foreground: hsl(0 0% 98%);--destructive: hsl(0 62.8% 30.6%);--border: hsl(240 3.7% 15.9%);--input: hsl(240 3.7% 15.9%);--ring: hsl(240 4.9% 83.9%);--todo-dot: hsl(217 91% 60%);--inprog-dot: hsl(38 92% 50%);--badge-high-bg: hsl(0 63% 31%/.3);--badge-high-fg: hsl(0 84% 70%);--badge-med-bg: hsl(38 92% 50%/.15);--badge-med-fg: hsl(38 92% 60%);--badge-low-bg: hsl(240 5% 65%/.12);--badge-low-fg: hsl(240 5% 64.9%);--badge-cat-bg: hsl(262 83% 58%/.15);--badge-cat-fg: hsl(262 83% 72%);--badge-member-bg: hsl(217 91% 60%/.15);--badge-member-fg: hsl(217 91% 75%);--badge-due-bg: hsl(240 3.7% 15.9%);--badge-due-fg: hsl(240 5% 64.9%);--success: hsl(142 76% 46%);--overlay: rgba(0,0,0,.7)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--background);color:var(--foreground);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .2s,color .2s}.btn-primary{display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;height:2.5rem;padding:0 1rem;border-radius:var(--radius);border:none;background:var(--primary);color:var(--primary-foreground);cursor:pointer;transition:opacity .15s;width:100%}.btn-primary:hover{opacity:.9}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-size:.875rem;font-weight:500;height:2.25rem;padding:0 .75rem;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--foreground);cursor:pointer;transition:background .15s}.btn-outline:hover{background:var(--accent)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-outline svg{width:.875rem;height:.875rem}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;height:2.25rem;width:2.25rem;padding:0;border-radius:var(--radius);border:none;background:transparent;color:var(--foreground);cursor:pointer;transition:background .15s}.btn-ghost:hover{background:var(--accent)}.btn-sm{height:2rem;padding:0 .625rem;font-size:.8125rem}.input{display:flex;width:100%;height:2.5rem;padding:.5rem .75rem;font-size:.875rem;border-radius:var(--radius);border:1px solid var(--input);background:transparent;color:var(--foreground);outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--muted-foreground)}.input:focus{border-color:var(--ring);box-shadow:0 0 0 1px var(--ring)}.label{display:block;font-size:.875rem;font-weight:500;line-height:1;margin-bottom:.5rem}.card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px #0000000d}.badge{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500;line-height:1;padding:.2rem .5rem;border-radius:9999px;white-space:nowrap}.separator{border:none;border-top:1px solid var(--border)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-card{width:100%;max-width:360px;padding:1.5rem}.login-header{text-align:center;margin-bottom:1.5rem}.login-header h1{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin-bottom:.375rem}.login-header p{font-size:.875rem;color:var(--muted-foreground)}.form-group{margin-bottom:1rem}.error-msg{color:#ef4343;font-size:.8125rem;margin-top:.75rem;text-align:center}.success-msg{color:var(--success);font-size:.8125rem;margin-top:.75rem;text-align:center}.login-footer{margin-top:1.5rem;text-align:center;font-size:.75rem;color:var(--muted-foreground)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--card);position:sticky;top:0;z-index:10}.topbar-left{display:flex;align-items:center;gap:.75rem}.topbar-logo{font-size:.9375rem;font-weight:600;letter-spacing:-.025em}.topbar-login-time{font-size:.75rem;color:var(--muted-foreground);padding:.25rem .5rem;background:var(--muted);border-radius:var(--radius)}.topbar-right{display:flex;align-items:center;gap:.5rem}.topbar-user{font-size:.8125rem;color:var(--muted-foreground);margin-right:.25rem}.theme-toggle svg{width:1rem;height:1rem}[data-theme=light] .moon-icon,[data-theme=dark] .sun-icon{display:none}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem 0}.tabs-list{display:inline-flex;align-items:center;padding:.25rem;border-radius:var(--radius);background:var(--muted)}.tab-trigger{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border-radius:calc(var(--radius) - 2px);border:none;background:transparent;color:var(--muted-foreground);cursor:pointer;transition:all .15s}.tab-trigger:hover{color:var(--foreground)}.tab-trigger.active{background:var(--background);color:var(--foreground);box-shadow:0 1px 2px #0000000d}.toolbar-right{display:flex;align-items:center;gap:.5rem}.last-synced{font-size:.75rem;color:var(--muted-foreground)}.refresh-spin svg{animation:spin .8s linear infinite}.content{padding:1rem 1.5rem 2rem;max-width:1280px;margin:0 auto}.task-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.column-card{overflow:hidden}.column-header{padding:.875rem 1rem;font-size:.8125rem;font-weight:600;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.column-header .dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.dot-todo{background:var(--todo-dot)}.dot-inprog{background:var(--inprog-dot)}.column-header .count{font-weight:400;font-size:.75rem;opacity:.7}.task-list{padding:.5rem;max-height:72vh;overflow-y:auto}.task-list::-webkit-scrollbar{width:4px}.task-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.task-card{padding:.75rem;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);margin-bottom:.5rem;transition:background .15s;cursor:pointer}.task-card:hover{background:var(--accent)}.task-name{font-size:.8125rem;font-weight:500;line-height:1.5;margin-bottom:.5rem}.task-meta{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.task-meta-counts{display:flex;align-items:center;gap:.375rem;margin-left:auto}.task-meta-counts span{display:inline-flex;align-items:center;gap:.2rem;font-size:.7rem;color:var(--muted-foreground)}.task-meta-counts svg{width:.75rem;height:.75rem}.badge-high{background:var(--badge-high-bg);color:var(--badge-high-fg)}.badge-medium{background:var(--badge-med-bg);color:var(--badge-med-fg)}.badge-low{background:var(--badge-low-bg);color:var(--badge-low-fg)}.badge-category{background:var(--badge-cat-bg);color:var(--badge-cat-fg)}.badge-member{background:var(--badge-member-bg);color:var(--badge-member-fg)}.badge-due{background:var(--badge-due-bg);color:var(--badge-due-fg)}.badge-status-todo{background:#2463eb1f;color:var(--todo-dot)}.badge-status-inprog{background:#f59f0a1f;color:var(--inprog-dot)}.badge-online{background:#16a2491f;color:var(--success)}.badge-offline{background:var(--muted);color:var(--muted-foreground)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 15px -3px #0000001a}.modal-sm{max-width:400px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.0625rem;font-weight:600;line-height:1.4;padding-right:1rem}.modal-close{flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:none;background:transparent;color:var(--muted-foreground);cursor:pointer}.modal-close:hover{background:var(--accent);color:var(--foreground)}.modal-close svg{width:1rem;height:1rem}.modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.detail-row{margin-bottom:1.25rem}.detail-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:.375rem}.detail-value{font-size:.875rem;line-height:1.6}.detail-value pre{white-space:pre-wrap;word-break:break-word;font-family:var(--font);font-size:.875rem;line-height:1.6}.detail-badges{display:flex;flex-wrap:wrap;gap:.375rem}.comment-list{display:flex;flex-direction:column;gap:.75rem}.comment-item{padding:.75rem;border-radius:var(--radius);background:var(--muted)}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.comment-author{font-size:.8125rem;font-weight:600}.comment-date{font-size:.6875rem;color:var(--muted-foreground)}.comment-text{font-size:.8125rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.attachment-list{display:flex;flex-direction:column;gap:.5rem}.attachment-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border);font-size:.8125rem;text-decoration:none;color:var(--foreground);transition:background .15s}.attachment-item:hover{background:var(--accent)}.attachment-item svg{width:1rem;height:1rem;flex-shrink:0;color:var(--muted-foreground)}.admin-table{width:100%;border-collapse:collapse;font-size:.8125rem}.admin-table th{text-align:left;padding:.625rem .75rem;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);border-bottom:1px solid var(--border)}.admin-table td{padding:.625rem .75rem;border-bottom:1px solid var(--border)}.admin-table tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--muted-foreground);font-size:.8125rem}.empty-state svg{width:2rem;height:2rem;margin:0 auto .75rem;opacity:.4}.loading{text-align:center;padding:4rem;color:var(--muted-foreground);font-size:.875rem}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--border);border-top-color:var(--foreground);border-radius:50%;animation:spin .6s linear infinite;margin-bottom:.75rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.task-columns{grid-template-columns:1fr}.content{padding:.75rem}.topbar{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.toolbar{padding:.75rem 1rem 0;flex-wrap:wrap;gap:.5rem}.topbar-user,.last-synced{display:none}.modal{max-width:100%;margin:.5rem}}