:root{color-scheme:dark;--bg: #15202B;--surface: #1C2A36;--surface-2: #243543;--surface-3: #2B3E4D;--border: #344A5A;--text: #F3F8FC;--text-dim: #A9BBC8;--text-faint: #748B9B;--amber: #79C7F2;--amber-dim: #213E50;--green: #3DDC8A;--green-dim: #1E3A2D;--red: #FF5470;--red-dim: #3D2530;--blue: #79C7F2;--radius: 13px;--shadow-soft: 0 8px 24px rgba(0,0,0,.4);--shadow-strong: 0 24px 64px rgba(0,0,0,.5);--overlay: rgba(10,11,14,.7)}html[data-theme=light]{color-scheme:light;--bg:#F2F8FC;--surface:#FFFFFF;--surface-2:#F3F8FC;--surface-3:#E8F2F8;--border:#D5E4ED;--text:#1D3442;--text-dim:#587180;--text-faint:#849BA9;--amber:#3296D2;--amber-dim:#E2F3FC;--green:#168B5B;--green-dim:#E5F6EE;--red:#D93E5A;--red-dim:#FDE9ED;--blue:#3296D2;--shadow-soft:0 8px 26px rgba(36,43,55,.12);--shadow-strong:0 24px 64px rgba(36,43,55,.18);--overlay:rgba(38,44,54,.32)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Nunito Sans,Segoe UI,sans-serif;font-size:15px;height:100vh;overflow:hidden;transition:background-color .2s ease,color .2s ease}.mono{font-family:Nunito Sans,Segoe UI,sans-serif;font-variant-numeric:tabular-nums}.display{font-family:Nunito Sans,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}textarea,input{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.app{display:flex;height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px;margin-bottom:6px;border-bottom:1px solid var(--border)}.brand-mark{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,var(--amber),#B6E5FA);display:flex;align-items:center;justify-content:center;font-weight:800;color:#123044;font-family:Nunito Sans,Segoe UI,sans-serif;flex-shrink:0}.brand-name{font-family:Nunito Sans,Segoe UI,sans-serif;font-weight:800;font-size:16px;letter-spacing:0}.brand-sub{font-size:11px;color:var(--text-faint);margin-top:-2px}.nav-section{margin-top:18px}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:0 10px;margin-bottom:6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border-radius:7px;color:var(--text-dim);font-size:13.5px;font-weight:500;transition:background .12s,color .12s;margin-bottom:1px}.nav-item svg{width:16px;height:16px;flex-shrink:0;opacity:.85}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--amber-dim);color:var(--amber)}.nav-item.active svg{opacity:1}.nav-item .count{margin-left:auto;font-size:11px;color:var(--text-faint);font-family:Nunito Sans,Segoe UI,sans-serif;font-variant-numeric:tabular-nums}.nav-item.disabled{opacity:.4;cursor:not-allowed}.nav-item.disabled:hover{background:none;color:var(--text-dim)}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}.theme-switcher{margin-bottom:12px}.theme-toggle{display:flex;background:var(--surface-2);border-radius:8px;padding:3px;border:1px solid var(--border)}.theme-btn{flex:1;padding:7px 8px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-faint);display:flex;align-items:center;justify-content:center;gap:6px;transition:background .12s,color .12s,box-shadow .12s}.theme-btn svg{width:13px;height:13px}.theme-btn.active{background:var(--amber);color:#123044;box-shadow:0 1px 3px #0000001f}.role-switcher{font-size:10.5px;color:var(--text-faint);padding:0 4px 8px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.role-toggle{display:flex;background:var(--surface-2);border-radius:8px;padding:3px;margin-bottom:10px;border:1px solid var(--border)}.role-btn{flex:1;padding:7px 8px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-faint);transition:background .12s,color .12s}.role-btn.active{background:var(--amber);color:#123044}.user-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:7px}.signout-btn{margin-left:auto;color:var(--text-faint);padding:6px;border-radius:6px}.signout-btn:hover{background:var(--surface-2);color:var(--red)}.signout-btn svg{width:15px;height:15px}.user-card:hover{background:var(--surface-2)}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#5b6271,#3a3f4a);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.footer-name{font-size:13px;font-weight:600}.footer-role{font-size:11px;color:var(--text-faint)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--border);position:relative}.page-title{font-family:Nunito Sans,Segoe UI,sans-serif;font-size:20px;font-weight:800;letter-spacing:0}.page-sub{font-size:12px;color:var(--text-faint);margin-top:1px}.topbar-right{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:7px 11px;width:220px;color:var(--text-faint);position:relative}.search-box svg{width:14px;height:14px;flex-shrink:0}.search-box input{background:none;border:none;outline:none;color:var(--text);font-size:13px;width:100%}.search-box input::placeholder{color:var(--text-faint)}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;max-height:280px;overflow-y:auto;z-index:50;box-shadow:var(--shadow-soft);display:none}.search-results.show{display:block}.search-result-item{padding:9px 12px;font-size:12.5px;cursor:pointer;border-bottom:1px solid var(--border)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--surface-3)}.search-result-item .sr-title{font-weight:600;color:var(--text)}.search-result-item .sr-meta{color:var(--text-faint);font-size:11px;margin-top:2px}.search-empty{padding:14px 12px;font-size:12px;color:var(--text-faint);text-align:center}.btn{padding:8px 14px;border-radius:7px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.btn-primary{background:var(--amber);color:#123044}.btn-primary:hover{background:#9ad9f7}.btn-primary:disabled{background:var(--surface-2);color:var(--text-faint);cursor:not-allowed}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);position:relative}.btn-ghost:hover{color:var(--text);border-color:#3a3f4c}.btn-danger{background:var(--red-dim);color:var(--red)}.btn-danger:hover{background:#4a2a38}.notif-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--amber);border:1.5px solid var(--surface)}.notif-panel{position:absolute;top:50px;right:120px;width:320px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-soft);z-index:60;display:none;overflow:hidden}.notif-panel.show{display:block}.notif-head{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:13px}.notif-item{padding:12px 16px;border-bottom:1px solid var(--border);font-size:12.5px}.notif-item:last-child{border-bottom:none}.notif-item .ni-title{font-weight:600;margin-bottom:2px}.notif-item .ni-time{color:var(--text-faint);font-size:11px;margin-top:3px}.content{flex:1;overflow-y:auto;padding:26px}.view{display:none}.view.active{display:block}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.metric-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.metric-label{font-size:12px;color:var(--text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.metric-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon svg{width:14px;height:14px}.metric-value{font-family:Nunito Sans,Segoe UI,sans-serif;font-size:28px;font-weight:800;letter-spacing:0;font-variant-numeric:tabular-nums}.metric-delta{font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.delta-up{color:var(--green)}.delta-down{color:var(--red)}.ring-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ring-svg{transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--border)}.ring-progress{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.ring-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-center .num{font-family:Nunito Sans,Segoe UI,sans-serif;font-weight:800;font-variant-numeric:tabular-nums}.dash-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-title{font-family:Nunito Sans,Segoe UI,sans-serif;font-size:15px;font-weight:700}.panel-link{font-size:12px;color:var(--amber);font-weight:600;background:none}.panel-link:hover{text-decoration:underline}.team-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--border);cursor:pointer;border-radius:6px}.team-row:hover{background:var(--surface-2)}.team-row:last-child{border-bottom:none}.team-info{flex:1;min-width:0}.team-name{font-size:13.5px;font-weight:600}.team-role{font-size:11.5px;color:var(--text-faint)}.team-stat{text-align:right}.team-stat .v{font-family:Nunito Sans,Segoe UI,sans-serif;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.team-stat .l{font-size:10.5px;color:var(--text-faint)}.okr-item{padding:12px 0;border-bottom:1px solid var(--border)}.okr-item:last-child{border-bottom:none}.okr-top{display:flex;justify-content:space-between;margin-bottom:8px}.okr-title{font-size:13px;font-weight:600}.okr-pct{font-family:Nunito Sans,Segoe UI,sans-serif;font-size:12px;color:var(--amber);font-weight:700;font-variant-numeric:tabular-nums}.okr-bar-track{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.okr-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--amber),#B6E5FA);transition:width .5s ease}.okr-meta{font-size:11px;color:var(--text-faint);margin-top:6px}.board-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:10px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:6px 12px;border-radius:20px;font-size:12.5px;font-weight:500;background:var(--surface);border:1px solid var(--border);color:var(--text-dim)}.pill:hover{border-color:#3a3f4c;color:var(--text)}.pill.active{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}.role-banner{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:12.5px;color:var(--text-dim)}.role-banner svg{width:15px;height:15px;color:var(--amber);flex-shrink:0}.role-banner.hidden{display:none}.board-scroll{overflow-x:auto;padding-bottom:8px}.board{display:flex;gap:14px;align-items:flex-start;width:max-content}.column{background:linear-gradient(180deg,color-mix(in srgb,var(--amber-dim) 26%,transparent),transparent 120px),var(--surface);border:1px solid color-mix(in srgb,var(--border) 84%,var(--amber));border-radius:var(--radius);width:270px;flex-shrink:0;display:flex;flex-direction:column;max-height:calc(100vh - 280px);position:relative;overflow:hidden;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.column-todo{--column-accent:#7BCDF4;--column-soft:color-mix(in srgb, #7BCDF4 16%, transparent)}.column-doing{--column-accent:#8B7CF6;--column-soft:color-mix(in srgb, #8B7CF6 14%, transparent)}.column-review{--column-accent:#F0B86B;--column-soft:color-mix(in srgb, #F0B86B 18%, transparent)}.column-done{--column-accent:#55C98A;--column-soft:color-mix(in srgb, #55C98A 16%, transparent)}.column-todo,.column-doing,.column-review,.column-done{background:linear-gradient(180deg,var(--column-soft),transparent 160px),var(--surface);border-color:color-mix(in srgb,var(--column-accent) 34%,var(--border))}.column-todo .column-head,.column-doing .column-head,.column-review .column-head,.column-done .column-head{background:linear-gradient(135deg,color-mix(in srgb,var(--column-accent) 20%,var(--surface-2)),var(--surface-2));border-color:color-mix(in srgb,var(--column-accent) 38%,var(--border));box-shadow:inset 0 1px #ffffff1f,0 8px 20px #00000014}.column-todo .col-dot,.column-doing .col-dot,.column-review .col-dot,.column-done .col-dot{background:var(--column-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--column-accent) 16%,transparent)}.column-todo .col-count,.column-doing .col-count,.column-review .col-count,.column-done .col-count{color:color-mix(in srgb,var(--column-accent) 72%,var(--text));background:color-mix(in srgb,var(--column-accent) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--column-accent) 28%,transparent)}.column:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--amber) 28%,transparent),transparent 44%);transition:opacity .18s ease}.column.drag-over{border-color:var(--amber);background:color-mix(in srgb,var(--amber-dim) 76%,var(--surface));box-shadow:0 18px 38px #00000029,0 0 0 3px color-mix(in srgb,var(--amber) 18%,transparent);transform:translateY(-2px)}.column.drag-over:before{opacity:1}.column-head{display:flex;align-items:center;gap:8px;padding:13px 12px;margin:8px 8px 10px;border-radius:11px;background:color-mix(in srgb,var(--surface-2) 74%,var(--amber-dim));border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.col-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.col-title{font-size:14.5px;font-weight:800;flex:1;letter-spacing:-.01em}.col-count{font-family:Nunito Sans,Segoe UI,sans-serif;font-size:11px;color:var(--text-faint);background:var(--surface-2);padding:1px 7px;border-radius:10px;font-variant-numeric:tabular-nums}.column-add-icon{width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-faint);font-size:18px;line-height:1;font-weight:700;transition:all .16s ease}.column-add-icon:hover{background:var(--amber-dim);border-color:color-mix(in srgb,var(--amber) 38%,transparent);color:var(--amber);transform:translateY(-1px) scale(1.05)}.column-add-icon:active{transform:scale(.94)}.column-add-icon:disabled{opacity:.35;cursor:not-allowed}.column-body{padding:0 10px 10px;overflow-y:auto;flex:1;min-height:60px}.task-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 92%,white),var(--surface-2));border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:9px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 7px 18px #00000014;transform:translateZ(0);transition:border-color .16s ease,transform .16s ease,opacity .16s ease,box-shadow .16s ease,background .16s ease}.task-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--amber);opacity:.8}.task-card.category-feat:before{background:var(--green)}.task-card.category-bug:before{background:var(--red)}.task-card.category-okr:before{background:var(--amber)}.task-card.category-risk:before{background:var(--red)}.task-card.priority-high{border-color:color-mix(in srgb,var(--amber) 42%,var(--border))}.task-card.priority-urgent{border-color:color-mix(in srgb,var(--red) 58%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--red-dim) 62%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 92%,white),var(--surface-2))}.task-card.priority-urgent:before{width:5px;background:var(--red)}.task-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(135deg,color-mix(in srgb,var(--amber) 14%,transparent),transparent 46%);transition:opacity .16s ease}.task-card:hover{border-color:color-mix(in srgb,var(--amber) 52%,var(--border));transform:translateY(-3px) scale(1.012);box-shadow:0 14px 30px #00000024}.task-card:hover:after{opacity:1}.task-card:active{transform:translateY(0) scale(.985);box-shadow:0 6px 14px #00000024}.task-card.dragging{opacity:.42;transform:rotate(1.5deg) scale(.965);border-color:var(--amber);box-shadow:0 18px 34px #00000038}.task-card[draggable=true]{cursor:grab}.task-card[draggable=true]:active{cursor:grabbing}.task-tags{display:flex;gap:5px;margin-bottom:8px;flex-wrap:wrap}.tag{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.tag-okr{background:var(--amber-dim);color:var(--amber)}.tag-bug{background:var(--red-dim);color:var(--red)}.tag-feat{background:var(--green-dim);color:var(--green)}.tag-risk{background:var(--red-dim);color:var(--red)}.tag-custom{background:color-mix(in srgb,#7BCDF4 18%,var(--surface-2));color:#2285b9;border:1px solid color-mix(in srgb,#7BCDF4 38%,transparent)}.priority-card-badge{font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-3);color:var(--text-faint)}.priority-card-badge.priority-low{background:color-mix(in srgb,#7BCDF4 15%,var(--surface-2));color:#2285b9}.priority-card-badge.priority-high{background:var(--amber-dim);color:var(--amber)}.priority-card-badge.priority-urgent{background:var(--red-dim);color:var(--red)}.priority-card-badge.priority-normal{background:var(--surface-2);color:var(--text-faint)}.task-title{font-size:14px;font-weight:700;line-height:1.45;margin-bottom:10px}.task-progress-mini{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:-2px 0 10px}.task-progress-mini>div{height:5px;border-radius:999px;background:var(--surface-3);overflow:hidden}.task-progress-mini span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--amber),#B6E5FA)}.task-progress-mini small{font-size:10.5px;font-weight:800;color:var(--text-faint)}.task-foot{display:flex;justify-content:space-between;align-items:center}.task-due{font-size:11px;color:var(--text-faint);font-family:Nunito Sans,Segoe UI,sans-serif;display:flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.task-due svg{width:11px;height:11px}.due-late{color:var(--red)}.task-avatars{display:flex;align-items:center}.mini-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#5b6271,#3a3f4a);display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;border:2px solid var(--surface-2);margin-left:-6px}.mini-avatar:first-child{margin-left:0}.comment-count{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--text-faint);margin-left:8px}.comment-count svg{width:12px;height:12px}.add-task-btn{width:100%;padding:10px;border-radius:10px;border:1px dashed var(--border);color:var(--text-faint);font-size:12.5px;font-weight:700;margin-top:2px;background:color-mix(in srgb,var(--surface-2) 64%,transparent);transition:all .16s ease}.add-task-btn:hover{border-color:var(--amber);color:var(--amber);background:var(--amber-dim);transform:translateY(-1px)}.add-task-btn:disabled{cursor:not-allowed;opacity:.4}.add-task-btn:disabled:hover{border-color:var(--border);color:var(--text-faint)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-faint)}.empty-state svg{width:40px;height:40px;margin-bottom:14px;opacity:.5}.empty-state .e-title{font-size:14px;font-weight:600;color:var(--text-dim);margin-bottom:4px}.empty-state .e-sub{font-size:12.5px;max-width:280px}.goals-page{display:flex;flex-direction:column;gap:16px}.goals-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,#7BCDF4 25%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 82%,#7BCDF4),var(--surface));border:1px solid color-mix(in srgb,#7BCDF4 28%,var(--border));border-radius:18px;padding:22px;box-shadow:var(--shadow)}.goals-hero h2{font-size:25px;line-height:1.15;margin:3px 0 8px;color:var(--text);letter-spacing:-.03em}.goals-hero p{margin:0;max-width:690px;color:var(--text-dim);font-size:14.5px;line-height:1.55}.goals-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.goal-metric-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:16px;box-shadow:0 10px 24px #00000014}.goal-metric-card span{display:block;color:var(--text-faint);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.goal-metric-card strong{display:block;font-size:27px;color:var(--text);letter-spacing:-.03em}.goal-metric-card small{display:block;color:var(--text-dim);font-size:12.5px;margin-top:2px}.goals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.goal-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;color:var(--text);box-shadow:0 10px 24px #00000014;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.goal-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,#7BCDF4 50%,var(--border));box-shadow:0 16px 34px #00000021}.goal-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.goal-status{font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-dim)}.goal-status.status-review{background:var(--amber-dim);color:var(--amber)}.goal-status.status-done{background:var(--green-dim);color:var(--green)}.goal-title{font-size:16px;font-weight:800;line-height:1.35;margin-bottom:7px}.goal-copy{font-size:13.5px;color:var(--text-dim);line-height:1.5;min-height:40px;margin-bottom:14px}.goal-progress-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:12px}.goal-progress-row strong{font-size:13px;color:var(--text)}.goal-progress-track{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.goal-progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7bcdf4,#55c98a)}.goal-foot{display:flex;justify-content:space-between;gap:10px;color:var(--text-faint);font-size:12.5px}.goals-list-panel{overflow:hidden}.goals-list-head{align-items:center}.goals-summary{font-size:12.5px;color:var(--text-faint);margin-top:4px;font-weight:600}.goals-table tbody tr{cursor:pointer;transition:background .14s ease}.goals-table tbody tr:hover td{background:color-mix(in srgb,var(--amber-dim) 46%,transparent)}.goal-row-title{font-weight:800;color:var(--text);margin-bottom:6px}.goal-row-tags{margin:0}.goal-list-progress{display:grid;grid-template-columns:minmax(90px,1fr) auto;gap:8px;align-items:center;min-width:150px}.rank-table{width:100%;border-collapse:collapse}.rank-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-weight:600;padding:0 10px 12px;border-bottom:1px solid var(--border)}.rank-table td{padding:13px 10px;border-bottom:1px solid var(--border);font-size:13px}.rank-table tr:last-child td{border-bottom:none}.rank-table tr.is-me td{background:var(--amber-dim)}.rank-table tr.is-me td:first-child{border-radius:6px 0 0 6px}.rank-table tr.is-me td:last-child{border-radius:0 6px 6px 0}.rank-pos{font-family:Nunito Sans,Segoe UI,sans-serif;font-weight:800;font-size:14px;width:30px;color:var(--text-dim)}.rank-pos.top1{color:var(--amber)}.rank-pos.top2{color:#d4d8de}.rank-pos.top3{color:#b08968}.rank-person{display:flex;align-items:center;gap:10px}.rank-name{font-weight:600}.rank-team{font-size:11px;color:var(--text-faint)}.rank-score{font-family:Nunito Sans,Segoe UI,sans-serif;font-weight:700;font-variant-numeric:tabular-nums}.trend-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px;display:inline-flex;align-items:center;gap:3px}.trend-up{color:var(--green);background:var(--green-dim)}.trend-down{color:var(--red);background:var(--red-dim)}.trend-flat{color:var(--text-faint);background:var(--surface-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-overlay.show{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:560px;max-width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 22px 60px #00000042;animation:modalIn .2s cubic-bezier(.2,.8,.2,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 14px;border-bottom:1px solid var(--border)}.modal-close{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-faint);background:color-mix(in srgb,var(--surface-2) 68%,transparent);border:1px solid transparent;flex-shrink:0;transition:all .15s ease}.modal-close:hover{background:var(--surface-2);border-color:var(--border);color:var(--text);transform:rotate(4deg) scale(1.04)}.modal-body{padding:20px 22px}.modal-footer{padding:15px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:transparent}.field-group{margin-bottom:16px}.field-label{font-size:11.5px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px;display:block}.field-input,.field-select,.field-textarea{width:100%;background:color-mix(in srgb,var(--surface-2) 84%,var(--surface));border:1px solid var(--border);border-radius:11px;padding:11px 12px;color:var(--text);font-size:14.5px;outline:none;min-width:0;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--amber);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 16%,transparent)}.field-textarea{resize:vertical;min-height:64px;line-height:1.5}.field-input:disabled,.field-select:disabled,.field-textarea:disabled{opacity:.6;cursor:not-allowed}.field-row{display:flex;gap:12px}.field-row .field-group{flex:1}.modal:has(.field-row){width:590px}.modal:has(.field-row) .modal-head{padding-bottom:12px}.modal:has(.field-row) .modal-title{font-size:19px;font-weight:800;letter-spacing:-.01em}.modal:has(.field-row) .modal-body{padding-top:18px}.modal:has(.field-row) .field-row{gap:10px}.modal:has(.field-row) .field-input,.modal:has(.field-row) .field-select,.modal:has(.field-row) .field-textarea{border-radius:10px}.modal:has(.field-row) .modal-footer{padding-top:4px}.modal:has(.field-row) .btn-primary{min-width:120px}.task-create-overlay{align-items:stretch;justify-content:center;padding:28px}.task-create-modal{width:min(1180px,100%);height:min(820px,calc(100vh - 56px));background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:0 30px 90px #00000052;overflow:hidden;display:flex;flex-direction:column;animation:modalIn .2s cubic-bezier(.2,.8,.2,1)}.task-create-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 42%,var(--surface))}.task-create-kicker{font-size:14px;font-weight:800;color:var(--text)}.task-create-context{font-size:13px;color:var(--text-faint);margin-top:2px}.task-create-actions{display:flex;align-items:center;gap:9px}.task-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:0;flex:1}.task-create-main{padding:34px 42px;overflow:auto}.task-create-sidebar{border-left:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 46%,transparent);padding:22px;overflow:auto}.task-create-title-input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-family:Nunito Sans,Segoe UI,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.035em;padding:4px 0 12px;margin-bottom:4px}.task-create-title-input::placeholder{color:var(--text-faint)}.quick-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 22px}.quick-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:700;transition:all .16s ease}.quick-pill:hover{border-color:var(--amber);color:var(--text);transform:translateY(-1px)}.quick-pill.active{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}.task-create-description{width:100%;min-height:190px;resize:vertical;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);color:var(--text);outline:0;padding:18px;font-size:15px;line-height:1.65;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.task-create-description:focus{border-color:var(--amber);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 14%,transparent)}.task-create-section{margin-top:22px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface-2) 42%,transparent);padding:16px}.section-title{font-size:13px;font-weight:800;margin-bottom:12px;color:var(--text)}.checklist-preview{display:grid;gap:10px}.checklist-preview label{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:13.5px}.checklist-preview input{accent-color:var(--amber)}.progress-control{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.progress-control input{width:100%;accent-color:var(--amber)}.progress-auto strong{display:block;font-size:13px;color:var(--text);margin-bottom:3px}.progress-auto small{display:block;font-size:12px;color:var(--text-faint);line-height:1.45}.progress-badge{min-width:54px;text-align:center;background:var(--amber-dim);color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 28%,transparent);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.property-card{border:1px solid var(--border);border-radius:15px;background:var(--surface);padding:14px;margin-bottom:12px}.timer-card{text-align:left}.timer-display{font-size:30px;font-weight:900;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;margin:4px 0 12px}.timer-action{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:9px 12px;font-weight:800}.timer-action svg{width:15px;height:15px}.timer-action.running{background:var(--green-dim);border-color:var(--green);color:var(--green)}.timer-action.full{width:100%;justify-content:center}.property-grid{display:grid;grid-template-columns:1fr;gap:12px}.property-grid .property-card{margin-bottom:12px}.assignee-picker.large{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.priority-options{display:flex;gap:7px;flex-wrap:wrap}.priority-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;transition:all .15s ease}.priority-chip:hover{border-color:var(--amber);color:var(--text)}.priority-chip.active{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}.detail-row{display:flex;gap:10px;margin-bottom:14px;font-size:13px}.detail-label{color:var(--text-faint);width:90px;flex-shrink:0;font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;padding-top:2px}.detail-value{flex:1}.detail-progress{height:7px;border-radius:999px;background:var(--surface-3);overflow:hidden;margin:4px 0 5px}.detail-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--amber),#B6E5FA)}.detail-progress-text{font-size:12px;color:var(--text-faint)}.subtasks-section{margin:18px 0 6px;padding-top:16px;border-top:1px solid var(--border)}.subtask-item{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 11px;margin-bottom:8px;font-size:13px;color:var(--text-dim)}.subtask-item input{accent-color:var(--amber)}.subtask-item.done span{text-decoration:line-through;color:var(--text-faint)}.subtask-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.priority-readonly{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11.5px;font-weight:800;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim)}.priority-readonly.priority-high{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}.priority-readonly.priority-urgent{background:var(--red-dim);border-color:var(--red);color:var(--red)}.priority-readonly.priority-low{background:var(--green-dim);border-color:var(--green);color:var(--green)}.comments-section{margin-top:6px}.comment-item{display:flex;gap:10px;margin-bottom:14px}.comment-bubble{flex:1;background:var(--surface-2);border-radius:8px;padding:10px 12px}.comment-author{font-size:12.5px;font-weight:600}.comment-time{font-size:10.5px;color:var(--text-faint);margin-left:6px;font-weight:400}.comment-text{font-size:13px;color:var(--text-dim);margin-top:4px;line-height:1.45}.comment-form{display:flex;gap:10px;margin-top:14px;align-items:flex-start}.comment-form .field-textarea{min-height:44px}.role-pill{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em}.role-pill.manager{background:var(--amber-dim);color:var(--amber)}.role-pill.admin{background:var(--red-dim);color:var(--red)}.role-pill.member{background:var(--surface-2);color:var(--text-dim)}.toast{position:fixed;bottom:24px;right:24px;background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--green);border-radius:8px;padding:13px 18px;font-size:13px;font-weight:500;box-shadow:var(--shadow-soft);z-index:200;display:flex;align-items:center;gap:10px;transform:translateY(20px);opacity:0;transition:all .25s ease;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.toast svg{width:16px;height:16px;color:var(--green);flex-shrink:0}.toast.error{border-left-color:var(--red)}.toast.error svg{color:var(--red)}.locked-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-faint);background:var(--surface-2);padding:9px 12px;border-radius:7px;margin-top:10px}.locked-note svg{width:14px;height:14px;flex-shrink:0}html[data-theme=light] .avatar,html[data-theme=light] .mini-avatar{background:linear-gradient(135deg,#e2e6ec,#c9d0d9);color:#343a46}html[data-theme=light] .task-card:hover{border-color:#c6cdd7}html[data-theme=light] .btn-ghost:hover,html[data-theme=light] .pill:hover{border-color:#c4cbd5}html[data-theme=light] .notif-dot{border-color:var(--surface)}#root{height:100%}.nav-item span:not(.count){min-width:0}.team-row{width:100%;text-align:left;color:inherit}.panel-link{display:flex;align-items:center;gap:2px}.panel-link svg{width:13px;height:13px}.metric-value span{font-size:16px;color:var(--text-faint)}.metric-value span:last-child:not(:first-child){font-family:Nunito Sans,Segoe UI,sans-serif;font-size:13px}.tone-green{background:var(--green-dim);color:var(--green)}.tone-amber{background:var(--amber-dim);color:var(--amber)}.tone-red{background:var(--red-dim);color:var(--red)}.tone-neutral{background:var(--surface-2);color:var(--text-dim)}.explainer-panel{margin-bottom:18px}.panel-copy{color:var(--text-dim);font-size:13px;line-height:1.6}.panel-copy strong{color:var(--text)}.task-card-meta,.assignee-list,.assignee-chip{display:flex;align-items:center}.timer-chip{display:inline-flex;align-items:center;gap:4px;margin-right:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-faint);border-radius:999px;padding:3px 7px;font-size:10.5px;font-weight:800;font-variant-numeric:tabular-nums;transition:all .15s ease}.timer-chip svg{width:11px;height:11px}.timer-chip:hover{border-color:var(--amber);color:var(--amber);background:var(--amber-dim)}.timer-chip.running{border-color:var(--green);color:var(--green);background:var(--green-dim)}.column-add{padding:0 10px 10px}.task-card.dragging{opacity:.35}.search-result-item{width:100%;display:block;text-align:left;color:inherit}.search-result-item .sr-title,.search-result-item .sr-meta{display:block}.icon-btn{padding:8px}.icon-btn svg{width:14px;height:14px}.modal-tags{margin-bottom:8px}.modal-title{font-size:17px;font-weight:600}.modal-close svg{width:16px;height:16px}.compact-select{max-width:200px}.assignee-list{gap:12px;flex-wrap:wrap}.assignee-chip{gap:6px}.comments-title{margin-bottom:12px}.comments-title .mono{color:var(--text-faint);font-weight:400}.comments-empty{font-size:12.5px;color:var(--text-faint);padding:6px 0 4px}.comment-item>.avatar,.comment-form>.avatar{width:28px;height:28px;font-size:10.5px;flex-shrink:0}.comment-input-wrap{flex:1}.comment-submit{display:flex;justify-content:flex-end;margin-top:8px}.field-error{font-size:11.5px;color:var(--red);margin-top:6px}.field-hint{font-size:12px;color:var(--text-faint);line-height:1.4;margin-top:7px}.tag-select-wrap{display:flex;flex-direction:column;gap:8px;position:relative}.tag-dropdown-trigger{width:100%;min-height:42px;border-radius:11px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 84%,var(--surface));color:var(--text);padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.tag-dropdown-trigger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.tag-dropdown-trigger small{min-width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--amber-dim);color:var(--amber);font-weight:800;font-size:11px}.tag-dropdown-trigger.open{border-color:var(--amber);box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 13%,transparent)}.tag-dropdown-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:8px;box-shadow:0 14px 30px #00000029;display:flex;flex-direction:column;gap:4px;max-height:210px;overflow:auto}.tag-option{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;cursor:pointer}.tag-option:hover{background:var(--surface-2)}.tag-option input{accent-color:var(--amber)}.tag-create-btn{align-self:flex-start;border:0;background:transparent;color:var(--amber);font-size:12.5px;font-weight:800;padding:2px 0;cursor:pointer}.tag-create-btn:hover{text-decoration:underline}.tag-create-inline{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.tag-create-inline .btn{height:38px;padding:0 12px}.btn svg{width:14px;height:14px}.table-scroll{overflow-x:auto}.accounts-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.5fr);gap:16px}.accounts-grid .panel-title{display:flex;align-items:center;gap:7px}.accounts-grid .panel-title svg{width:16px;height:16px;color:var(--amber)}.account-message{margin-top:14px;font-size:12.5px;color:var(--text-dim);background:var(--surface-2);padding:10px 12px;border-radius:7px}.role-select{min-width:145px;padding:7px 9px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.auth-card{width:100%;max-width:410px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;box-shadow:var(--shadow-strong)}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.auth-title{font-family:Nunito Sans,Segoe UI,sans-serif;font-size:24px;font-weight:800;margin-bottom:5px}.auth-sub{font-size:13px;color:var(--text-faint);line-height:1.5;margin-bottom:24px}.auth-submit{width:100%;justify-content:center}.auth-link{display:block;margin:14px auto 0;color:var(--amber);font-size:12.5px;font-weight:600}@media(max-width:1100px){.metrics-row{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.search-box{width:190px}}@media(max-width:760px){body{overflow:auto}.app{height:auto;min-height:100vh;display:block}.sidebar{width:100%;height:auto;padding:14px;position:relative}.brand{padding-bottom:14px}.nav-section{margin-top:10px}.nav-label{display:none}.nav-section{display:flex;gap:4px;overflow-x:auto}.nav-item{width:auto;white-space:nowrap}.nav-item .count{margin-left:2px}.sidebar-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.user-card{display:none}.theme-switcher{margin:0}.main{min-height:70vh}.topbar{height:auto;padding:14px;align-items:flex-start;gap:12px;flex-wrap:wrap}.topbar-right{width:100%}.search-box{flex:1;width:auto}.notif-panel{top:105px;right:14px;max-width:calc(100vw - 28px)}.content{padding:16px}.metrics-row{grid-template-columns:1fr}.field-row{display:block}.accounts-grid{grid-template-columns:1fr}.modal{max-height:94vh}.task-create-overlay{padding:10px}.task-create-modal{height:calc(100vh - 20px);border-radius:16px}.task-create-topbar{height:auto;align-items:flex-start;padding:14px;flex-direction:column}.task-create-actions{width:100%;justify-content:flex-end}.task-create-layout{display:block;overflow:auto}.task-create-main{padding:22px 18px}.task-create-sidebar{border-left:0;border-top:1px solid var(--border);padding:18px}.task-create-title-input{font-size:25px}.property-grid{grid-template-columns:1fr}}