:root{--bg-main:#0b0f19;--bg-sidebar:#0f172ab3;--bg-card:#1e293b73;--bg-card-hover:#1e293bb3;--border-color:#ffffff14;--border-active:#6366f166;--text-title:#fff;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f14d;--accent-blue:#0ea5e9;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-failed:#a855f7;--glass-blur:blur(16px);--glass-shadow:0 8px 32px 0 #00000059;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--font-family:"Prompt", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-modal:#151f32;--bg-simulator:linear-gradient(90deg, #1e1b4b 0%, #0f172a 100%);--bg-input:#1e293b80;--bg-column:#0f172a66;--bg-upload:#1e293b40;--bg-history-card:#0f172a40;--bg-bar-bg:#ffffff0d;--bg-in-progress-others:#ef444408}:root.light-theme{--bg-main:#f3f4f6;--bg-sidebar:#ffffffd9;--bg-card:#ffffffbf;--bg-card-hover:#fffffff2;--border-color:#0000001a;--border-active:#6366f199;--text-title:#111827;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--primary:#4f46e5;--primary-hover:#4338ca;--primary-glow:#4f46e526;--accent-blue:#0284c7;--accent-success:#059669;--accent-warning:#d97706;--accent-danger:#dc2626;--accent-failed:#9333ea;--glass-shadow:0 8px 32px 0 #00000014;--bg-modal:#fff;--bg-simulator:linear-gradient(90deg, #e0e7ff 0%, #f3f4f6 100%);--bg-input:#ffffffe6;--bg-column:#fff6;--bg-upload:#fff9;--bg-history-card:#ffffff80;--bg-bar-bg:#0000000d;--bg-in-progress-others:#00000005}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#6366f114 0%,#0000 40%),radial-gradient(circle at 90% 80%,#0ea5e914 0%,#0000 40%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a33}::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f199}.app-container{flex-direction:column;min-height:100vh;display:flex}.simulator-bar{background:var(--bg-simulator);z-index:1000;border-bottom:1px solid #6366f140;justify-content:space-between;align-items:center;padding:8px 16px;font-size:.85rem;display:flex}.simulator-info{align-items:center;gap:12px;display:flex}.simulator-badge{background:var(--primary);color:#fff;box-shadow:0 0 10px var(--primary-glow);border-radius:12px;padding:2px 8px;font-weight:500}.simulator-selects{align-items:center;gap:8px;display:flex}.simulator-select{background:var(--bg-input);color:var(--text-primary);font-family:var(--font-family);cursor:pointer;border:1px solid #ffffff1a;border-radius:4px;outline:none;padding:4px 8px;font-size:.85rem}.simulator-select:focus{border-color:var(--primary)}.main-header{background:var(--bg-sidebar);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);z-index:999;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.logo-section{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-blue) 100%);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 0 15px #6366f166}.logo-text{letter-spacing:.5px;background:linear-gradient(90deg, #fff 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;font-size:1.25rem;font-weight:600}.nav-links{gap:8px;display:flex}.nav-btn{color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);transition:var(--transition-smooth);white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:.95rem;font-weight:500}.nav-btn:hover{color:#fff;background:#ffffff0d}.nav-btn.active{color:#fff;background:#6366f126;border:1px solid #6366f14d;box-shadow:0 0 12px #6366f11a}.user-widget{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:600;display:flex}.user-meta{flex-direction:column;display:flex}.user-name{font-size:.85rem;font-weight:500}.user-role{color:var(--text-muted);font-size:.7rem}.main-content{flex-direction:column;flex:1;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:24px;display:flex}h1,h2,h3,h4{color:var(--text-title);font-weight:600}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);border-radius:12px;padding:24px}.glass-card:hover{border-color:var(--border-active);background-color:var(--bg-card-hover)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.stat-item{flex-direction:column;gap:8px;display:flex}.stat-label{color:var(--text-secondary);font-size:.85rem}.stat-value{font-size:2rem;font-weight:700}.stat-diff{color:var(--text-muted);gap:8px;font-size:.75rem;display:flex}.board-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.board-container{grid-template-columns:repeat(4,1fr);align-items:start;gap:16px;display:grid}@media (width<=768px){.board-container{grid-template-columns:1fr}}.board-column{background:var(--bg-column);border:1px solid var(--border-color);min-height:700px;max-height:850px;transition:var(--transition-smooth);border-radius:12px;flex-direction:column;display:flex}.board-column.drag-over{border-color:var(--primary);background:#6366f114;box-shadow:0 0 15px #6366f11a}.column-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.column-title{align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.column-dot{border-radius:50%;width:8px;height:8px}.column-dot.todo{background-color:var(--accent-blue)}.column-dot.in_progress{background-color:var(--accent-warning)}.column-dot.awaiting{background-color:var(--primary)}.column-dot.completed{background-color:var(--accent-success)}.column-count{color:var(--text-secondary);background:#ffffff14;border-radius:10px;padding:2px 8px;font-size:.75rem}.cards-container{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.task-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:grab;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;border-radius:8px;padding:14px;position:relative}.task-card:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.task-card.very-urgent-border{border-left:4px solid var(--accent-danger);box-shadow:0 0 10px #ef44441a}.task-card.urgent-border{border-left:4px solid var(--accent-warning)}.task-card:active{cursor:grabbing}.card-header-line{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.card-title{color:var(--text-title);font-size:.95rem;font-weight:500;line-height:1.35}.card-desc{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:10px;font-size:.8rem;display:-webkit-box;overflow:hidden}.card-progress-bar-bg{background:#ffffff14;border-radius:2px;height:4px;margin-bottom:10px;overflow:hidden}.card-progress-bar{background:linear-gradient(90deg, var(--accent-warning) 0%, var(--accent-success) 100%);border-radius:2px;height:100%;transition:width .3s}.card-meta-line{color:var(--text-muted);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;font-size:.72rem;display:flex}.card-assignee{color:var(--text-secondary);align-items:center;gap:4px;display:flex}.badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.badge.very-urgent{color:var(--accent-danger);background:#ef444426;border:1px solid #ef444440}.badge.urgent{color:var(--accent-warning);background:#f59e0b26;border:1px solid #f59e0b40}.badge.normal{color:var(--accent-blue);background:#0ea5e926;border:1px solid #0ea5e940}.badge.difficulty-easy{color:var(--accent-success);background:#10b9811a}.badge.difficulty-medium{color:var(--accent-warning);background:#f59e0b1a}.badge.difficulty-hard{color:#c084fc;background:#a855f71a}.badge.status-failed{color:#c084fc;background:#a855f726;border:1px solid #a855f740}.badge.status-rejected{color:var(--accent-danger);background:#ef444426;border:1px solid #ef444440}.progress-selector{gap:4px;margin-top:10px;display:flex}.progress-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:.65rem;font-family:var(--font-family);transition:var(--transition-smooth);background:#ffffff0d;border-radius:4px;flex:1;padding:4px 0}.progress-btn:hover{background:var(--primary-glow);color:#fff;border-color:var(--primary)}.progress-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 8px #6366f166}.task-card.dragging{opacity:.4;border:1px dashed var(--primary)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1050;box-sizing:border-box;background:#0b0f19d9;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-modal);border:1px solid var(--border-color);width:100%;max-width:520px;max-height:min(82vh,760px);box-shadow:var(--glass-shadow);border-radius:10px;flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;overflow:hidden}.modal-content>form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.modal-header h2,.modal-header h3{margin:0;font-size:.95rem;font-weight:600}.modal-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:14px 16px;overflow:hidden auto}.modal-footer{border-top:1px solid var(--border-color);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;padding:9px 16px;display:flex}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.form-group{flex-direction:column;gap:2px;margin-bottom:7px;display:flex}.form-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.73rem;font-weight:500;overflow:hidden}.form-input,.form-textarea,.form-select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-family);transition:var(--transition-smooth);border-radius:5px;outline:none;padding:5px 9px;font-size:.78rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.form-textarea{resize:vertical;min-height:52px}.checkbox-group{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:5px;font-size:.73rem;display:flex}.checkbox-group input{cursor:pointer;flex-shrink:0;width:13px;height:13px}.form-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn{font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btn-secondary{color:var(--text-secondary);border-color:var(--border-color);background:#ffffff0d}.btn-secondary:hover{color:#fff;background:#ffffff1a}.btn-danger{color:var(--accent-danger);background:#ef44441a;border-color:#ef444433}.btn-danger:hover{background:var(--accent-danger);color:#fff}.btn-success{color:var(--accent-success);background:#10b9811a;border-color:#10b98133}.btn-success:hover{background:var(--accent-success);color:#fff}.btn-warning{color:var(--accent-warning);background:#f59e0b1a;border-color:#f59e0b33}.btn-warning:hover{background:var(--accent-warning);color:#fff}.btn-sm{padding:6px 12px;font-size:.8rem}.image-upload-zone{border:2px dashed var(--border-color);text-align:center;background:var(--bg-upload);cursor:pointer;transition:var(--transition-smooth);border-radius:6px;padding:10px}.image-upload-zone:hover,.image-upload-zone.drag-active{border-color:var(--primary);background:#6366f10d}.image-upload-icon{color:var(--text-muted);margin-bottom:4px;font-size:1.4rem}.image-preview-container{border:1px solid var(--border-color);border-radius:6px;max-height:120px;margin-top:6px;position:relative;overflow:hidden}.image-preview{object-fit:contain;width:100%;height:auto;max-height:118px;display:block}.remove-image-btn{color:#fff;cursor:pointer;width:24px;height:24px;transition:var(--transition-smooth);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.remove-image-btn:hover{background:var(--accent-danger)}.clipper-overlay{z-index:2000;cursor:crosshair;-webkit-user-select:none;user-select:none;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.clipper-instruction{color:#fff;border:1px solid var(--primary);pointer-events:none;background:#000c;border-radius:20px;padding:8px 16px;font-size:.9rem;position:absolute;top:24px;box-shadow:0 4px 12px #00000080}.clipper-box{border:2px solid var(--primary);pointer-events:none;background:#6366f10d;position:absolute;box-shadow:0 0 0 9999px #0000008c}.clipper-actions{pointer-events:auto;gap:4px;display:flex;position:absolute;bottom:-40px;right:0}.line-simulator-panel{background:var(--bg-modal);z-index:1000;border:1px solid #6366f14d;border-radius:12px;flex-direction:column;width:320px;height:420px;transition:transform .3s,opacity .3s;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 10px 40px #0009}.line-simulator-panel.minimized{transform:translateY(375px)}.line-sim-header{color:#fff;cursor:pointer;background:#06c755;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.line-sim-title{align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.line-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;display:inline-block}.line-sim-body{background:#7494c0;flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.line-msg-bubble{color:#333;white-space:pre-wrap;background:#fff;border-radius:2px 12px 12px;align-self:flex-start;max-width:85%;padding:10px 12px;font-size:.8rem;line-height:1.4;box-shadow:0 1px 3px #00000026}.line-msg-time{color:#ffffffb3;text-align:right;margin-top:2px;font-size:.65rem}.team-tasks-drawer{border:1px solid var(--border-color);background:#1e293b99;border-radius:8px;margin-bottom:20px;padding:16px}.team-task-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px;display:flex}.team-task-item:last-child{border-bottom:none}.settings-table-container{overflow-x:auto}.settings-table{border-collapse:collapse;text-align:left;width:100%;margin-top:12px}.settings-table th,.settings-table td{border-bottom:1px solid var(--border-color);padding:12px;font-size:.88rem}.settings-table th{color:var(--text-secondary);font-weight:500}.settings-table tr:hover{background:#ffffff05}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:12px;display:grid}.calendar-day-header{text-align:center;color:var(--text-secondary);padding:6px;font-size:.75rem}.calendar-day{border:1px solid var(--border-color);aspect-ratio:1.2;cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:4px;flex-direction:column;justify-content:space-between;padding:4px;display:flex}.calendar-day:hover{border-color:var(--primary);background:#6366f11a}.calendar-day.empty{visibility:hidden}.calendar-day.sunday{color:var(--accent-danger);background:#ef44440a}.calendar-day.holiday{background:#ef444426;border-color:#ef444466}.calendar-day-num{font-size:.8rem;font-weight:500}.calendar-day-label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}.history-records-section{border-top:2px dashed var(--border-color);margin-top:24px;padding-top:16px}.history-records-title{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:12px;font-size:.9rem;display:flex}.history-record-card{background:var(--bg-history-card);border:1px solid var(--border-color);border-radius:6px;margin-bottom:8px;padding:10px;font-size:.78rem}.history-record-meta{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:.7rem;display:flex}.report-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.report-row{grid-template-columns:1fr}}.mini-bar-chart{flex-direction:column;gap:8px;margin-top:16px;display:flex}.bar-row{align-items:center;gap:12px;font-size:.8rem;display:flex}.bar-label{width:100px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-container{background:var(--bg-bar-bg);border-radius:6px;flex:1;height:12px;overflow:hidden}.bar-fill{border-radius:6px;height:100%}.bar-fill.success{background:var(--accent-success)}.bar-fill.danger{background:var(--accent-danger)}.bar-fill.failed{background:var(--accent-failed)}.bar-value{text-align:right;width:30px;font-weight:500}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.others-tasks-header{text-transform:uppercase;color:var(--text-muted);border-top:1px dashed var(--border-color);letter-spacing:.5px;align-items:center;gap:6px;margin-top:24px;padding:12px 4px 6px;font-size:.8rem;font-weight:600;display:flex}.teammate-task-card{opacity:.85;background:var(--bg-in-progress-others)!important}.teammate-task-card:hover{opacity:1}.theme-toggle-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.theme-toggle-btn:hover{border-color:var(--primary);background:#ffffff26;transform:scale(1.05)}.logout-btn{padding:6px 12px;font-size:.85rem}@media (width<=1440px){.main-header{gap:8px;padding:10px 14px}.logo-text{white-space:nowrap;font-size:1.1rem}.logo-text-sub{display:inline}.nav-links{gap:4px}.nav-btn{white-space:nowrap;padding:6px 10px;font-size:.82rem}.user-meta{display:none}.main-content{gap:12px;padding:12px}.glass-card{padding:12px}.stats-grid{gap:10px}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.board-container{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.board-column{min-height:500px}.column-header{padding:10px}.column-title{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.column-count{padding:1px 4px;font-size:.65rem}.cards-container{gap:6px;padding:6px}.task-card{border-radius:6px;padding:10px}.card-title{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.card-desc{margin-bottom:6px;font-size:.72rem}.card-meta-line{margin-top:6px;padding-top:6px;font-size:.65rem}.badge{padding:1px 4px;font-size:.6rem}.progress-btn{padding:2px 0;font-size:.6rem}.progress-selector{gap:2px;margin-top:8px}.btn-sm{padding:4px 8px;font-size:.75rem}}@media (width<=950px){.main-header{gap:10px;padding:10px 12px}.logo-section{gap:6px}.logo-icon{width:30px;height:30px;font-size:1rem}.logo-text{font-size:1rem}.nav-btn{padding:5px 8px;font-size:.8rem}.logout-text{display:none}.logout-btn{white-space:nowrap;padding:6px 8px}.theme-toggle-btn{width:32px;height:32px;font-size:1rem}}@media (width<=768px){.main-header{flex-wrap:wrap;justify-content:space-between;gap:8px}.logo-section{order:1}.nav-links{border-top:1px solid var(--border-color);order:3;justify-content:space-between;width:100%;margin-top:4px;padding-top:6px}.nav-btn{text-align:center;flex:1;padding:6px 4px;font-size:.78rem}.main-header>div:last-child{order:2}.main-content{gap:10px;padding:10px}.modal-content{max-height:88dvh;max-width:96%!important}.modal-body{padding:10px 12px}.modal-header{padding:8px 12px}.modal-footer{gap:6px;padding:7px 12px}.modal-footer .btn{padding:7px 12px;font-size:.78rem}.form-group{margin-bottom:7px}.form-textarea{min-height:50px}}@media (width>=481px) and (width<=1024px){.modal-content{max-height:82dvh;max-width:88%!important}.modal-header{padding:10px 14px}.modal-body{padding:12px 14px}.modal-footer{padding:9px 14px}.form-group{margin-bottom:8px}}@media (width>=1440px){.logo-text-sub{display:inline}}.team-donut-section{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:16px;padding:24px}.team-donut-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.team-donut-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.team-donut-card{border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:18px;display:flex;position:relative;overflow:hidden}.team-donut-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#6366f10f 0%,#0000 70%);position:absolute;inset:0}.team-donut-card:hover{border-color:var(--primary);background:#6366f112;transform:translateY(-3px);box-shadow:0 8px 24px #6366f126}.team-donut-card:hover .donut-team-name{color:#fff}.donut-team-name{color:var(--text-primary);text-align:center;font-size:.9rem;font-weight:600;transition:color .2s}.donut-svg-wrapper{justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative}.donut-svg-wrapper svg{transform:rotate(-90deg)}.donut-center-label{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center-total{color:var(--text-title);font-size:1.5rem;font-weight:700;line-height:1}.donut-center-sub{color:var(--text-muted);margin-top:2px;font-size:.62rem}.donut-legend{grid-template-columns:1fr 1fr;gap:5px 10px;width:100%;display:grid}.donut-legend-item{color:var(--text-secondary);align-items:center;gap:5px;font-size:.71rem;display:flex}.donut-legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.donut-view-btn{color:var(--primary);cursor:pointer;transition:var(--transition-smooth);background:#6366f11f;border:1px solid #6366f140;border-radius:20px;padding:4px 12px;font-size:.72rem}.donut-view-btn:hover{background:var(--primary);color:#fff}.team-donut-card.no-tasks .donut-svg-wrapper svg circle{stroke:#ffffff0f}.team-popup-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1200;background:#050a14e0;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.team-popup-modal{background:var(--bg-modal);border:1px solid #6366f133;border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009}.team-popup-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#6366f11a 0%,#0000 100%);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.team-popup-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.team-popup-stat-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.team-popup-stat{border:1px solid var(--border-color);text-align:center;background:#ffffff08;border-radius:10px;padding:12px}.team-popup-stat-num{font-size:1.6rem;font-weight:700;line-height:1}.team-popup-stat-label{color:var(--text-muted);margin-top:4px;font-size:.65rem}.team-member-row{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff05;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.team-member-row:hover{background:#6366f10d;border-color:#6366f133}.team-member-avatar{background:linear-gradient(135deg, var(--primary), var(--accent-blue));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.team-member-info{flex:1}.team-member-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.team-member-role{color:var(--text-muted);font-size:.7rem}.team-member-stats{gap:6px;display:flex}.member-stat-chip{border-radius:10px;align-items:center;gap:3px;padding:2px 6px;font-size:.68rem;font-weight:600;display:flex}.board-team-tabs-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.board-tab-label{color:var(--text-muted);white-space:nowrap;margin-right:4px;font-size:.72rem}.board-team-tab{cursor:pointer;transition:var(--transition-smooth);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.78rem;font-weight:500;font-family:var(--font-family);white-space:nowrap;background:0 0;border-radius:20px;padding:5px 14px}.board-team-tab:hover{color:var(--text-primary);background:#6366f114;border-color:#6366f140}.board-team-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 10px #6366f159}.viewing-team-banner{color:var(--primary);background:#6366f114;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;display:flex}.steps-section{background:#6366f10a;border:1px solid #6366f126;border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.steps-section-header{color:var(--primary);justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;display:flex}.step-card{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex;position:relative}.step-card-header{align-items:center;gap:8px;display:flex}.step-number-badge{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:700;display:flex}.step-remove-btn{width:20px;height:20px;color:var(--accent-danger);cursor:pointer;transition:var(--transition-smooth);background:#ef44441a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;display:flex;position:absolute;top:8px;right:8px}.step-remove-btn:hover{background:var(--accent-danger);color:#fff}.step-image-zone{border:1.5px dashed var(--border-color);text-align:center;background:var(--bg-upload);cursor:pointer;transition:var(--transition-smooth);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:60px;padding:8px;display:flex}.step-image-zone:hover{border-color:var(--primary);background:#6366f10d}.step-image-zone img{object-fit:contain;border-radius:4px;max-width:100%;max-height:80px}.step-image-zone-text{color:var(--text-muted);font-size:.68rem}.add-step-btn{color:var(--primary);cursor:pointer;width:100%;font-size:.78rem;font-family:var(--font-family);transition:var(--transition-smooth);background:#6366f10f;border:1.5px dashed #6366f14d;border-radius:8px;padding:8px;font-weight:500}.add-step-btn:hover{border-color:var(--primary);background:#6366f11f}.step-timeline{flex-direction:column;gap:0;display:flex;position:relative}.step-timeline:before{content:"";background:linear-gradient(to bottom, var(--primary), #6366f11a);border-radius:2px;width:2px;position:absolute;top:24px;bottom:8px;left:11px}.step-timeline-item{gap:14px;padding:0 0 18px;display:flex;position:relative}.step-timeline-dot{background:var(--primary);color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.65rem;font-weight:700;display:flex;box-shadow:0 0 0 3px #6366f133}.step-timeline-dot.confirmed{background:var(--accent-success);box-shadow:0 0 0 3px #10b98133}.step-timeline-dot.pending{background:var(--accent-warning);box-shadow:0 0 0 3px #f59e0b33}.step-timeline-content{border:1px solid var(--border-color);background:#ffffff05;border-radius:10px;flex-direction:column;flex:1;gap:10px;padding:12px;display:flex}.step-compare-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.step-compare-cell{flex-direction:column;gap:5px;display:flex}.step-compare-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:600}.step-compare-img{object-fit:contain;border:1px solid var(--border-color);cursor:pointer;width:100%;height:100px;transition:var(--transition-smooth);background:#0003;border-radius:6px}.step-compare-img:hover{border-color:var(--primary);transform:scale(1.02)}.step-confirmed-badge{color:var(--accent-success);background:#10b9811a;border:1px solid #10b98133;border-radius:10px;align-items:center;gap:4px;width:fit-content;padding:3px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.step-pending-badge{color:var(--accent-warning);background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:10px;align-items:center;gap:4px;width:fit-content;padding:3px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.submit-step-block{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.submit-step-header{color:var(--text-primary);align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:flex}@media (width<=600px){.team-donut-grid,.team-popup-stat-row{grid-template-columns:repeat(2,1fr)}.step-compare-row{grid-template-columns:1fr}.board-team-tabs-wrapper{gap:6px}}.team-divider{text-transform:uppercase;color:var(--accent);border-top:1px dashed var(--border-color);letter-spacing:.5px;align-items:center;gap:6px;margin-top:14px;margin-bottom:6px;padding:8px 4px 4px;font-size:.72rem;font-weight:600;display:flex}.team-divider-sub{text-transform:uppercase;color:var(--accent);letter-spacing:.5px;border-top:1px dashed #ffffff1a;align-items:center;gap:6px;margin-top:10px;margin-bottom:4px;padding:6px 4px 4px;font-size:.7rem;font-weight:600;display:flex}