:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fb}h1{line-height:1.1}button{border:none;font-family:inherit;cursor:pointer}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--brand: #1D9E75;--brand-dark: #0F6E56;--brand-light: #E1F5EE;--sidebar-bg: #1a2234;--sidebar-text: #94a3b8;--sidebar-active-bg: #0F6E56;--bg: #f3f6f9;--card-bg: #ffffff;--text: #111827;--text-secondary: #6b7280;--border: #e5e7eb;--radius: 10px;--radius-sm: 6px;--sidebar-w: 220px}*{box-sizing:border-box;margin:0;padding:0}#root{width:100%;text-align:left}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.layout{display:flex;height:100dvh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);display:flex;flex-direction:column;height:100dvh;position:fixed;left:0;top:0;z-index:999;overflow:hidden}.sb-brand{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.sb-brand-icon{width:28px;height:28px;background:var(--brand);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.sb-brand-name{font-size:14px;font-weight:600;color:#e2e8f0;letter-spacing:.3px}.sb-profile{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.sb-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;border:2px solid rgba(29,158,117,.5)}.sb-avatar-img{object-fit:cover}.sb-avatar-initials{display:flex;align-items:center;justify-content:center;background:#253351;color:#9fe1cb;font-weight:600;font-size:13px}.sb-profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sb-name{font-size:12px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-desig{font-size:10px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-role-badge{display:inline-block;font-size:10px;background:#0f6e5666;color:#9fe1cb;padding:1px 7px;border-radius:99px;width:fit-content;margin-top:1px}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:8px;overflow-y:auto;gap:1px}.nav-section-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#475569;padding:10px 8px 3px;font-weight:600}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;color:var(--sidebar-text);text-decoration:none;font-size:13px;font-weight:400;transition:background .15s,color .15s}.nav-item:hover{background:#ffffff0f;color:#e2e8f0}.nav-item.active{background:var(--sidebar-active-bg);color:#fff;font-weight:500}.nav-icon{width:16px;height:16px;flex-shrink:0;stroke:currentColor}.sb-footer{padding:10px 8px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.logout-btn{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border-radius:7px;background:none;border:none;color:#94a3b8;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.logout-btn:hover{background:#dc262626;color:#fca5a5}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:50px;background:var(--sidebar-bg);color:#fff;align-items:center;padding:0 14px;gap:10px;z-index:1000}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#e2e8f0}.mobile-brand-dot{width:24px;height:24px;background:var(--brand);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.menu-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center}.menu-icon{font-size:20px;line-height:1}.close-btn{display:none;background:none;border:none;color:#94a3b8;font-size:18px;position:absolute;right:12px;top:12px;cursor:pointer;z-index:10}.overlay{position:fixed;inset:0;background:#00000073;z-index:998}.main-content{margin-left:var(--sidebar-w);flex:1;overflow-y:auto;height:100dvh;background:var(--bg);color:var(--text)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f4f8;padding:20px}.login-card{width:100%;max-width:380px;background:#fff;padding:36px;border-radius:14px;border:1px solid var(--border);text-align:center}.login-logo{width:56px;height:auto;margin:0 auto 14px;display:block}.login-logo-box{width:52px;height:52px;background:var(--brand-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:22px;font-weight:700;color:var(--brand-dark)}.login-org-badge{display:inline-flex;align-items:center;gap:5px;background:var(--brand-light);color:var(--brand-dark);font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px;margin-bottom:14px}.login-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:3px}.login-subtitle{color:var(--text-secondary);font-size:13px;margin-bottom:22px}.login-form{display:flex;flex-direction:column;gap:4px;text-align:left}.login-field-label{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:4px;margin-top:8px}.login-input{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:14px;width:100%;transition:border-color .15s;background:#fff;color:var(--text)}.login-input:focus{outline:none;border-color:var(--brand)}.login-btn{margin-top:10px;padding:11px;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:.15s;width:100%}.login-btn:hover{background:var(--brand-dark)}.login-error{margin-top:8px;color:#a32d2d;text-align:center;font-size:13px}.login-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-size:12px;color:var(--text-secondary)}.login-footer-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);flex-shrink:0}.fp-back-link{background:none;border:none;color:var(--brand);font-size:13px;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.fp-back-link:disabled{color:var(--text-secondary);cursor:not-allowed;text-decoration:none}.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:36px}.eye-icon{position:absolute;right:10px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary)}.dashboard-page{padding:24px 28px}.dashboard-welcome{margin-bottom:22px}.dashboard-welcome h1{font-size:22px;font-weight:600;color:var(--text);margin-bottom:3px}.dashboard-welcome h2{font-size:14px;font-weight:400;color:var(--text-secondary);margin-bottom:8px}.dashboard-role-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;background:var(--brand-light);color:var(--brand-dark);padding:3px 10px;border-radius:99px;font-weight:500}.db-welcome-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.db-last-login{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);white-space:nowrap}@media(max-width:600px){.db-welcome-right{align-items:flex-start}.db-last-login{font-size:10px}}.dashboard-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:12px}.dashboard-card{background:var(--card-bg);border-radius:var(--radius);padding:14px 14px 12px;border:1px solid var(--border);border-top:3px solid transparent;transition:transform .18s}.dashboard-card:hover{transform:translateY(-2px)}.dashboard-card span{font-size:11px;color:var(--text-secondary);display:block;margin-bottom:5px}.dashboard-card h3{font-size:26px;font-weight:600;color:var(--text);line-height:1.1}.dashboard-card.total{border-top-color:#378add}.dashboard-card.total h3{color:#185fa5}.dashboard-card.completed{border-top-color:#639922}.dashboard-card.completed h3{color:#3b6d11}.dashboard-card.progress{border-top-color:#ba7517}.dashboard-card.progress h3{color:#854f0b}.dashboard-card.pending{border-top-color:#888780}.dashboard-card.pending h3{color:#5f5e5a}.dashboard-card.overdue{border-top-color:#e24b4a}.dashboard-card.overdue h3{color:#a32d2d}.dashboard-card.score{border-top-color:#7f77dd}.dashboard-card.score h3{color:#534ab7}.dashboard-card.avg{border-top-color:#888780}.dashboard-card.grade{border-top-color:#639922}.dashboard-card.grade h3{color:#3b6d11}.dashboard-card.top-performer{border-top-color:#7f77dd}.dashboard-card.top-performer h3{font-size:15px;line-height:1.3;color:#534ab7}.dashboard-grid-2{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.ai-card{background:var(--card-bg);border-radius:var(--radius);padding:12px 10px;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px}.ai-ring{width:42px;height:42px;border-radius:50%;border:2.5px solid var(--brand-light);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--brand-dark)}.ai-ring.blue{border-color:#e6f1fb;color:#185fa5}.ai-ring.amber{border-color:#faeeda;color:#854f0b}.ai-card span{font-size:11px;color:var(--text-secondary);text-align:center}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px}.db-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.db-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.db-card-title{font-size:13px;font-weight:600;color:var(--text)}.db-card-link{font-size:12px;color:var(--brand);cursor:pointer;text-decoration:none}.db-card h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:12px}.task-row{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid var(--border)}.task-row:last-child{border-bottom:none}.task-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.task-name{flex:1;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-row{display:flex;align-items:center;gap:8px;margin-bottom:9px}.bar-label{font-size:11px;color:var(--text-secondary);width:60px;flex-shrink:0}.bar-track{flex:1;height:6px;background:#f1f5f9;border-radius:99px;overflow:hidden}.bar-fill{height:100%;border-radius:99px}.bar-val{font-size:11px;color:var(--text-secondary);width:20px;text-align:right}.dashboard-insights-card{margin-top:4px}.dashboard-insights-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dashboard-insights-title{font-size:14px;font-weight:600;color:var(--text)}.dashboard-ai-badge{font-size:11px;background:var(--brand-light);color:var(--brand-dark);padding:3px 10px;border-radius:99px;font-weight:500}.dashboard-insights-summary{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:16px;border-left:3px solid var(--brand);border-radius:0;padding-left:12px}.dashboard-recs-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:10px}.dashboard-recs-list{display:flex;flex-direction:column;gap:8px}.dashboard-rec-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.dashboard-rec-num{width:20px;height:20px;border-radius:50%;background:var(--brand-light);color:var(--brand-dark);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px}.dashboard-rec-text{font-size:13px;color:var(--text);line-height:1.6}.photo-upload-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border)}.photo-avatar-wrap{position:relative;cursor:pointer;flex-shrink:0}.photo-avatar-preview{width:44px;height:44px;border-radius:50%;object-fit:cover}.photo-avatar-initials{width:44px;height:44px;border-radius:50%;background:#e6f1fb;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#185fa5}.photo-avatar-badge{position:absolute;bottom:0;right:0;width:16px;height:16px;border-radius:50%;background:#1d9e75;display:flex;align-items:center;justify-content:center}.photo-info{flex:1}.photo-info-label{font-size:12px;font-weight:500;color:var(--text);margin-bottom:3px}.photo-info-hint{font-size:11px;color:var(--text-secondary)}.photo-btn-group{display:flex;gap:6px}.photo-btn-upload{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;font-weight:500;cursor:pointer;background:var(--card-bg);color:var(--text);display:flex;align-items:center;gap:4px}.photo-btn-remove{padding:4px 10px;border:1px solid #F7C1C1;border-radius:var(--radius-sm);font-size:11px;font-weight:500;cursor:pointer;background:#fcebeb;color:#a32d2d;display:flex;align-items:center;gap:4px}.status{padding:3px 9px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}.status.Pending{background:#faeeda;color:#854f0b}.status.InProgress{background:#e6f1fb;color:#185fa5}.status.Completed{background:#eaf3de;color:#3b6d11}.status.Reassigned{background:#eeedfe;color:#534ab7}.status.OnHold{background:#faeeda;color:#633806}.status.Cancelled{background:#fcebeb;color:#a32d2d}.review-badge{display:inline-block;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}.review-badge.UnderReview{background:#e6f1fb;color:#185fa5}.review-badge.HappilyAccepted,.review-badge.Accepted{background:#eaf3de;color:#3b6d11}.review-badge.ReluctantlyAccepted{background:#faeeda;color:#854f0b}.review-badge.Rejected{background:#fcebeb;color:#a32d2d}.priority.Low{color:#3b6d11;font-weight:600}.priority.Medium{color:#854f0b;font-weight:600}.priority.High{color:#a32d2d;font-weight:600}.role{padding:3px 9px;border-radius:99px;font-size:12px;font-weight:600}.role.Admin{background:#faeeda;color:#854f0b}.role.Coordinator{background:#e6f1fb;color:#185fa5}.role.Staff{background:#f1efe8;color:#5f5e5a}.user-status{padding:3px 9px;border-radius:99px;font-size:12px;font-weight:600}.user-status.active{background:#eaf3de;color:#3b6d11}.user-status.inactive{background:#fcebeb;color:#a32d2d}.task-badge{font-size:10px;padding:2px 8px;border-radius:99px;font-weight:500;flex-shrink:0}.badge-green{background:#eaf3de;color:#3b6d11}.badge-amber{background:#faeeda;color:#854f0b}.badge-red{background:#fcebeb;color:#a32d2d}.badge-blue{background:#e6f1fb;color:#185fa5}.badge-purple{background:#eeedfe;color:#534ab7}.badge-gray{background:#f1efe8;color:#5f5e5a}.time-before{color:#3b6d11;font-weight:600}.time-overdue{color:#a32d2d;font-weight:600}.time-neutral{color:#888780;font-style:italic;font-size:13px}.btn{border:none;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:.15s}.btn.start{background:#e6f1fb;color:#185fa5}.btn.start:hover{background:#b5d4f4}.btn.complete{background:#eaf3de;color:#3b6d11}.btn.complete:hover{background:#c0dd97}.btn.danger{background:#fcebeb;color:#a32d2d}.btn.danger:hover{background:#f7c1c1}.btn.secondary{background:#eaf3de;color:#3b6d11;margin-left:8px}.btn-disabled{background:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important;opacity:.7}.icon-btn{border:none;background:none;cursor:pointer;font-size:18px;padding:4px}.action-icons{display:flex;gap:6px;align-items:center}.todo-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:var(--radius-sm);border:none;font-size:12px;font-weight:600;cursor:pointer;transition:.15s;white-space:nowrap;line-height:1.4}.todo-action-btn.start{background:#e6f1fb;color:#185fa5}.todo-action-btn.start:hover{background:#b5d4f4}.todo-action-btn.complete{background:#eaf3de;color:#3b6d11}.todo-action-btn.complete:hover{background:#c0dd97}.todo-action-btn.edit{background:#faeeda;color:#854f0b;font-size:14px;padding:5px 8px}.todo-action-btn.edit:hover{background:#fac775}.todo-action-btn.delete{background:#fcebeb;color:#a32d2d;font-size:14px;padding:5px 8px}.todo-action-btn.delete:hover{background:#f7c1c1}.todo-actions{display:flex;align-items:center;gap:6px}.table-wrapper{width:100%;overflow-x:auto;background:var(--card-bg);border-radius:var(--radius)}.tasks-table,.mytasks-table,.users-table,.todo-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--card-bg);color:var(--text)}.tasks-table th,.mytasks-table th,.users-table th,.todo-table th{text-align:left;padding:11px 14px;background:#f8fafc;border-bottom:1.5px solid var(--border);font-weight:600;font-size:13px;color:var(--text-secondary);letter-spacing:.3px;white-space:nowrap}.tasks-table td,.mytasks-table td,.users-table td,.todo-table td{padding:11px 14px;border-bottom:1px solid #f1f5f9;font-size:13px;vertical-align:middle}.tasks-table th,.tasks-table td{text-align:left;vertical-align:middle}.tasks-table tbody tr:hover,.mytasks-table tbody tr:hover,.users-table tbody tr:hover,.todo-table tbody tr:hover{background:#fafbfc}.desc{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fixed-table{table-layout:fixed;border-collapse:collapse;font-size:13px;background:var(--card-bg);color:var(--text)}.fixed-table th{text-align:left;padding:11px 10px;background:#f8fafc;border-bottom:1.5px solid var(--border);font-weight:600;font-size:12px;color:var(--text-secondary);white-space:nowrap;letter-spacing:.3px;position:sticky;top:0;z-index:1}.fixed-table td{padding:10px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.fixed-table tbody tr:hover{background:#fafbfc}.desc-eye-btn{flex-shrink:0;width:22px;height:22px;border-radius:5px;border:1px solid var(--border);background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;color:var(--text-secondary);transition:background .15s,border-color .15s}.desc-eye-btn:hover{background:var(--brand-light);border-color:var(--brand)}.desc-cell-wrap{display:flex;align-items:center;gap:5px;min-width:0}.desc-cell-text{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.desc-modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.desc-modal-tag{font-size:11px;color:var(--text-secondary);margin-bottom:2px}.desc-modal-title{font-size:15px;font-weight:600;color:var(--text)}.desc-modal-close{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--bg);cursor:pointer;font-size:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.desc-modal-body{background:var(--bg);border-radius:var(--radius-sm);padding:14px;font-size:13px;color:var(--text);line-height:1.75;border-left:3px solid var(--brand);border-radius:0}.date-placeholder-overlay{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text-secondary);pointer-events:none}.tasks-card{background:var(--card-bg);padding:20px;border-radius:var(--radius);border:1px solid var(--border)}.tasks-page,.users-page,.timeline-page{padding:20px}.page-header{margin-bottom:18px}.page-title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:3px}.page-sub{font-size:13px;color:var(--text-secondary)}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.section-title h3{font-size:15px;font-weight:600;color:var(--text)}.section-count{font-size:11px;background:var(--brand-light);color:var(--brand-dark);padding:2px 8px;border-radius:99px;font-weight:600}.period-filter-bar{display:flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:12px;flex-wrap:wrap}.period-filter-label{font-size:11px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.period-type-toggle{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.period-type-btn{padding:5px 13px;font-size:11px;font-weight:500;border:none;background:var(--card-bg);color:var(--text-secondary);cursor:pointer;border-right:1px solid var(--border)}.period-type-btn:last-child{border-right:none}.period-type-btn.active{background:#1d9e75;color:#fff}.period-selects-row{display:flex;align-items:center;gap:6px;flex-shrink:0}.period-select{padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;background:var(--card-bg);color:var(--text);cursor:pointer}.period-year-select{padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;background:var(--card-bg);color:var(--text);cursor:pointer}.period-nav-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.period-nav-btn{width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px}.period-nav-btn:hover{background:var(--bg)}.period-nav-btn-disabled{opacity:.35;cursor:not-allowed}.period-nav-label{font-size:11px;font-weight:500;color:var(--text);min-width:90px;text-align:center}.period-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:10px;font-weight:500;white-space:nowrap}.period-status-badge.closed{background:#e1f5ee;color:#0f6e56;border:1px solid #5DCAA5}.period-status-badge.partial{background:#faeeda;color:#854f0b;border:1px solid #FAC775}.period-status-badge.future{background:#f1efe8;color:#5f5e5a;border:1px solid #D3D1C7}.emp-tab-row{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}.emp-tab{padding:6px 16px;border-radius:99px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:.15s}.emp-tab:hover{background:var(--bg)}.emp-tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}.emp-tab-count{font-size:11px;color:var(--text-secondary);margin-left:auto}.col-rank{width:50px;text-align:center}.col-score{width:130px;text-align:center}.col-grade{width:120px;text-align:center}.col-num{width:70px}.col-completion{width:110px}.col-ai{width:100px}.score-percentile-cell{display:flex;flex-direction:column;align-items:center;gap:3px}.score-raw-val{font-size:13px;font-weight:600;color:var(--text)}.score-percentile-badge{display:inline-block;padding:1px 7px;border-radius:99px;font-size:10px;font-weight:700;background:#e1f5ee;color:#0f6e56}.row-gold{background:#fffbeb}.row-silver{background:#f9fafb}.row-bronze{background:#fefefe}.rank-num{font-size:13px;color:var(--text-secondary)}.emp-name-cell{font-weight:500}.font-bold{font-weight:600}.cell-completed{color:#3b6d11;font-weight:500}.cell-overdue{color:#a32d2d;font-weight:600}.table-empty-cell{text-align:center;padding:30px;color:var(--text-secondary)}.period-footer-note{font-size:11px;color:var(--text-secondary);margin-bottom:8px;display:flex;align-items:center;gap:5px}.task-date-filter-block{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.task-date-filter-inner{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.date-type-toggle{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.date-type-btn{padding:5px 11px;font-size:11px;font-weight:500;border:none;background:var(--card-bg);color:var(--text-secondary);cursor:pointer;border-right:1px solid var(--border)}.date-type-btn:last-child{border-right:none}.date-type-btn.active{background:#1d9e75;color:#fff}.date-quick-pills{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.date-quick-btn{padding:5px 10px;font-size:11px;font-weight:500;border:none;background:var(--card-bg);color:var(--text-secondary);cursor:pointer;border-right:1px solid var(--border);white-space:nowrap}.date-quick-btn:last-child{border-right:none}.date-quick-btn.active{background:#1d9e75;color:#fff}.date-custom-range{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.date-custom-range .range-sep{font-size:11px;color:var(--text-secondary)}.date-custom-input{padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;background:var(--card-bg);color:var(--text)}.date-clear-btn{padding:4px 9px;font-size:11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-secondary);cursor:pointer}.date-active-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:10px;font-weight:500;background:#e1f5ee;color:#0f6e56;border:1px solid #5DCAA5;width:fit-content}.search-export-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.search-export-row .search-flex{flex:1;min-width:180px;margin:0}.export-btn-csv,.export-btn-pdf{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);font-size:12px;font-weight:500;color:#374151;cursor:pointer;white-space:nowrap;flex-shrink:0}.mobile-export-row{display:flex;justify-content:flex-end;gap:6px;margin-bottom:10px}.mobile-export-csv,.mobile-export-pdf{width:34px;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-export-csv{border:1px solid #9FE1CB;background:#f0fbf7}.mobile-export-pdf{border:1px solid #F7C1C1;background:#fef5f5}.tasks-filters .pill-onhold{background:#f1efe8;color:#5f5e5a;border-color:#d3d1c7}.tasks-filters .pill-onhold .pill-count{background:#5f5e5a;color:#fff}.tasks-filters .pill-cancelled{background:#fcebeb;color:#a32d2d;border-color:#f7c1c1}.tasks-filters .pill-cancelled .pill-count{background:#a32d2d;color:#fff}.pill-unreviewed{background:#faeeda;color:#854f0b;border-color:#fac775}.pill-unreviewed .pill-count{background:#854f0b;color:#fff}.tasks-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tasks-filters button{padding:6px 13px;border-radius:99px;border:1px solid var(--border);background:var(--card-bg);font-size:12px;font-weight:500;cursor:pointer;transition:.15s;color:var(--text-secondary)}.tasks-filters button:hover{background:var(--bg)}.tasks-filters button.active-filter{background:var(--brand);color:#fff;border-color:var(--brand)}.tasks-search{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);width:260px;font-size:13px;background:var(--card-bg);color:var(--text);margin-bottom:14px}.tasks-search::placeholder,textarea::placeholder{font-family:system-ui,-apple-system,sans-serif;font-size:13px}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-bottom:14px}.filters input,.filters select{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;min-width:140px;background:var(--card-bg);color:var(--text)}.filter-buttons{display:flex;gap:8px}.apply-btn{background:var(--brand);color:#fff;border:none;padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500}.apply-btn:hover{background:var(--brand-dark)}.clear-btn{background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px}.user-status-filter{display:flex;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.user-filter-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;border:none;border-right:1px solid var(--border);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;background:var(--card-bg);color:var(--text-secondary)}.user-filter-btn:last-child{border-right:none}.user-filter-btn.active-active{background:#eaf3de;color:#3b6d11}.user-filter-btn.active-inactive{background:#fcebeb;color:#a32d2d}.user-filter-btn.active-all{background:#e6f1fb;color:#185fa5}.user-filter-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.user-filter-count{font-size:11px;font-weight:600;padding:1px 6px;border-radius:99px}.toolbar-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.pagination{display:flex;justify-content:center;gap:8px;margin-top:16px}.pagination button{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);cursor:pointer;font-size:13px;color:var(--text-secondary)}.pagination button:hover{background:var(--bg)}.pag-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.pag-prev{padding:7px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;font-size:13px}.pag-next{padding:7px 16px;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;cursor:pointer;font-size:13px;font-weight:500}.pag-prev:disabled,.pag-next:disabled{opacity:.4;cursor:not-allowed}.pag-info{font-size:13px;color:var(--text-secondary)}.task-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;background:var(--card-bg);padding:14px;border-radius:var(--radius);border:1px solid var(--border)}.task-form input,.task-form select{padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:13px;background:var(--card-bg);color:var(--text)}.task-form textarea{width:300px;height:68px;resize:vertical;padding:8px;font-size:13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);color:var(--text)}.task-form button{padding:7px 16px;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;font-weight:600;cursor:pointer;font-size:13px;transition:.15s}.task-form button:hover{background:var(--brand-dark)}.char-count{font-size:11px;color:#888;margin-top:-4px;margin-bottom:4px}.user-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;background:var(--card-bg);padding:14px;border-radius:var(--radius);border:1px solid var(--border)}.user-form input,.user-form select{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:13px;background:var(--card-bg);color:var(--text)}.user-form button{padding:8px 16px;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;font-weight:600;cursor:pointer;font-size:13px;transition:.15s}.user-form button:hover{background:var(--brand-dark)}.create-form-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:20px}.create-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.create-form-actions{margin-top:14px;display:flex;gap:10px}.btn-primary{padding:9px 20px;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;font-weight:600;font-size:13px;cursor:pointer}.btn-secondary-outline{padding:9px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);font-size:13px;cursor:pointer}.btn-add-user{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);border:none;font-size:13px;font-weight:600;cursor:pointer}.btn-add-user.open{background:var(--border);color:var(--text-secondary)}.btn-add-user.closed{background:var(--brand);color:#fff}.btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-right:6px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary:disabled,.todo-create-btn:disabled,.modal-save-btn:disabled{opacity:.65;cursor:not-allowed}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.user-avatar-cell{display:flex;align-items:center;gap:8px}.user-initials{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.user-initials.admin{background:#faeeda;color:#854f0b}.user-initials.coordinator{background:#e6f1fb;color:#185fa5}.user-initials.staff{background:#f1efe8;color:#5f5e5a}.user-initials.default{background:var(--brand-light);color:var(--brand-dark)}.info-note{font-size:12px;color:var(--text-secondary);margin-top:10px;display:flex;align-items:center;gap:5px}.todo-create-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px}.todo-input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:14px;background:var(--bg);color:var(--text);transition:border-color .15s}.todo-input:focus{outline:none;border-color:var(--brand);background:var(--card-bg)}.todo-input::placeholder{color:var(--text-secondary)}.todo-form-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.todo-date{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:13px;background:var(--card-bg);color:var(--text);cursor:pointer}.todo-date:disabled{opacity:.45;cursor:not-allowed}.todo-check-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.todo-check-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}.todo-select{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:13px;background:var(--card-bg);color:var(--text);cursor:pointer}.todo-create-btn{margin-left:auto;padding:8px 18px;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.todo-create-btn:hover{background:var(--brand-dark)}.todo-summary-pills{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.todo-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:5px 12px;border-radius:99px}.todo-pill.pending{background:#faeeda;color:#854f0b}.todo-pill.progress{background:#e6f1fb;color:#185fa5}.todo-pill.done{background:#eaf3de;color:#3b6d11}.todo-table{border-radius:var(--radius);overflow:hidden;box-shadow:none}.todo-table td:nth-child(2){font-weight:500;color:var(--text)}.todo-table td:last-child{display:flex;gap:6px;align-items:center}.todo-table td:last-child button{border:none;padding:5px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;line-height:1.4}.team-badge-cell{display:inline-flex;align-items:center;gap:4px;background:#e6f1fb;color:#185fa5;font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px;border:1px solid #B5D4F4;white-space:nowrap}.team-badge-inline{display:inline-flex;align-items:center;background:#e6f1fb;color:#185fa5;font-size:10px;font-weight:600;padding:1px 7px;border-radius:99px;border:1px solid #B5D4F4;margin-left:4px}.task-teamwork-label{padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);transition:.15s}.task-teamwork-label.active{background:#e6f1fb;border-color:#b5d4f4;color:#185fa5}.team-members-modal-section{border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.team-members-modal-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;display:flex;align-items:center;gap:5px}.team-member-modal-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}.team-member-avatar{width:26px;height:26px;border-radius:50%;background:#e6f1fb;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#185fa5;flex-shrink:0}.team-member-modal-name{font-size:12px;color:var(--text)}.modal{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{display:flex;flex-direction:column;background:var(--card-bg);color:var(--text);width:95%;max-width:500px;max-height:92vh;overflow-y:auto;padding:20px;border-radius:12px;gap:8px;animation:modalFade .18s ease;overflow:visible}.modal-content input{width:100%;padding:9px 11px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:13px;background:var(--card-bg);color:var(--text)}.modal-content input,.modal-content textarea,.modal-content select{width:100%;margin-bottom:4px;background:var(--card-bg);color:var(--text);border:1px solid var(--border)}.modal-content label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.modal-content input[type=checkbox]{width:auto}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:4px}.modal-content,.task-form{overflow:visible!important}.modal-title{font-size:16px;font-weight:600;margin-bottom:4px}.modal-subtitle{font-size:12px;color:var(--text-secondary);margin-bottom:12px}.modal-save-btn{padding:9px 20px;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;font-weight:600;font-size:13px;cursor:pointer}.modal-delete-btn{padding:9px 14px;border-radius:var(--radius-sm);border:none;background:#fcebeb;color:#a32d2d;font-weight:600;font-size:13px;cursor:pointer}.modal-cancel-btn{padding:9px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);font-size:13px;cursor:pointer}.single-select{min-width:180px;width:180px;position:relative}.single-select-edit{min-width:180px;width:100%;margin-bottom:6px;position:relative}.single-select.designation{width:220px}.single-select-header{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);cursor:pointer;font-size:13px;color:var(--text)}.selected-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.single-select-dropdown{position:absolute;width:100%;max-height:160px;overflow-y:auto;border:1px solid var(--border);background:var(--card-bg);z-index:2000;border-radius:var(--radius-sm);margin-top:4px}.single-search,.multi-search{width:100%;padding:8px 10px;border:none;border-bottom:1px solid var(--border);outline:none;font-size:13px;background:var(--card-bg);color:var(--text)}.single-option{padding:9px 10px;cursor:pointer;font-size:13px;color:var(--text)}.no-data{padding:10px;text-align:center;color:var(--text-secondary);font-size:13px}.multi-select{position:relative;width:100%}.multi-select-header{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--card-bg);font-size:13px;color:var(--text)}.multi-select-dropdown{position:absolute;width:100%;max-height:200px;overflow-y:auto;border:1px solid var(--border);background:var(--card-bg);z-index:1000;border-radius:var(--radius-sm);margin-top:4px}.multi-option{display:flex;gap:8px;padding:8px 10px;cursor:pointer;font-size:13px;color:var(--text)}.multi-option:hover{background:var(--bg)}.review-dropdown{padding:6px 8px;border-radius:var(--radius-sm);font-size:12px;border:1px solid var(--border);background:var(--card-bg);color:var(--text)}.ss-avatar-img{border-radius:50%;object-fit:cover;flex-shrink:0}.ss-avatar-initials{border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.single-select-header{display:flex;align-items:center;gap:8px}.single-option{display:flex;align-items:center;gap:8px;padding:7px 10px;cursor:pointer}.single-option:hover{background:var(--bg)}.single-option-selected{background:var(--bg);font-weight:500}.ss-option-name{flex:1;font-size:13px;color:var(--text)}.ss-option-role{font-size:11px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:99px;padding:1px 7px;flex-shrink:0}.single-select-disabled .single-select-header{opacity:.55;cursor:not-allowed;background:var(--bg)}.wf-build-field .single-select-dropdown{min-width:280px;width:max-content;max-width:360px}.wf-build-field .single-option{gap:10px;padding:8px 12px;white-space:nowrap}.wf-build-field .ss-option-name{font-size:13px;white-space:nowrap}.wf-build-field .ss-option-role{font-size:11px;padding:1px 8px}.wf-build-field .single-select-header{gap:8px;padding:7px 10px;min-height:38px}.wf-build-field .single-select-dropdown{max-height:260px;overflow-y:auto}.timeline-item{display:flex;gap:12px;margin-bottom:14px}.timeline-dot{width:10px;height:10px;background:var(--brand);border-radius:50%;margin-top:5px;flex-shrink:0}.timeline-content{background:var(--card-bg);padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);width:100%}.timeline-time{font-size:11px;color:var(--text-secondary);margin-top:2px}.timeline-action-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;white-space:nowrap}.timeline-meta-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:99px;background:var(--bg);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap}.timeline-meta-pill.accent{background:var(--brand-light);border-color:#9fe1cb;color:var(--brand-dark)}.timeline-reason{font-size:12px;color:var(--text-secondary);font-style:italic;border-left:3px solid var(--brand);border-radius:0;padding-left:10px;margin-bottom:8px;line-height:1.5}.timeline-filters-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:20px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ai-report-modal{position:fixed;inset:0;z-index:9999;background:#00000080;display:flex;justify-content:center;align-items:center;padding:20px;overflow-y:auto}.ai-report-modal-content{background:var(--card-bg);color:var(--text);width:90%;max-width:950px;max-height:90vh;overflow-y:auto;border-radius:14px;padding:28px;animation:modalFade .2s ease}.ai-report-body{white-space:pre-wrap;word-break:break-word;line-height:1.9;font-size:14px;overflow-wrap:break-word}.ai-report-modal-content::-webkit-scrollbar{width:6px}.ai-report-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:20px}.ai-org-card{display:flex;align-items:center;gap:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.ai-org-icon{width:36px;height:36px;border-radius:8px;background:var(--brand-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-org-text{margin-right:8px}.ai-org-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:1px}.ai-org-sub{font-size:11px;color:var(--text-secondary)}.ai-generate-btn{padding:7px 14px;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}.reports-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.reports-filters{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.load-more-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);font-size:13px;font-weight:500;color:var(--brand);cursor:pointer;transition:.15s}.load-more-count{font-size:11px;background:var(--brand-light);color:var(--brand-dark);padding:1px 7px;border-radius:99px}.show-less-btn{padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);font-size:13px;color:var(--text-secondary);cursor:pointer}.load-more-row{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:0 2px}.load-more-count-label{font-size:12px;color:var(--text-secondary);margin-left:auto}.perf-completion-bar{display:flex;align-items:center;gap:8px}.perf-bar-track{flex:1;height:6px;background:var(--bg);border-radius:99px;overflow:hidden;min-width:60px}.perf-bar-fill{height:100%;border-radius:99px}.btn-recalculate-complexity{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.btn-recalculate-complexity:hover{background:var(--bg);border-color:#ba7517;color:#854f0b}.btn-recalculate-complexity.loading{opacity:.7;cursor:not-allowed}.perf-band-badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap}.band-outstanding{background:#e1f5ee;color:#0f6e56}.band-excellent{background:#eaf3de;color:#3b6d11}.band-verygood{background:#e6f1fb;color:#185fa5}.band-good{background:#faeeda;color:#854f0b}.band-needs{background:#fef3c7;color:#92400e}.band-poor{background:#fcebeb;color:#a32d2d}.band-satisfactory{background:#fef3c7;color:#d97706;border:1px solid #FDE68A}.band-support{background:#fee2e2;color:#a32d2d;border:1px solid #FECACA}.band-not-evaluated{background:#f3f4f6;color:#9ca3af;border:1px solid #E5E7EB}.perf-score{font-weight:600;font-size:13px}.score-high{color:#3b6d11}.score-mid{color:#854f0b}.score-low{color:#a32d2d}.ai-spinner{width:44px;height:44px;border:3px solid var(--brand-light);border-top:3px solid var(--brand);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}.empty-state{padding:40px 20px;text-align:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary)}.empty-state p{font-size:14px;margin-bottom:4px}.empty-state small{font-size:12px}@keyframes modalFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input,textarea,select{background:var(--card-bg);color:var(--text);border:1px solid var(--border)}@media(prefers-color-scheme:dark){:root{--bg: #0f172a;--card-bg: #1e293b;--text: #f1f5f9;--text-secondary: #94a3b8;--border: #334155}.tasks-table th,.mytasks-table th,.users-table th,.todo-table th{background:#1a2840}.tasks-table tbody tr:hover,.mytasks-table tbody tr:hover,.users-table tbody tr:hover,.todo-table tbody tr:hover{background:#ffffff0a}.login-container{background:#0f172a}.login-card{background:#1e293b;border-color:#334155}.login-input,.tasks-search{background:#1e293b}.fixed-table th{background:#1a2840}.fixed-table tbody tr:hover{background:#ffffff0a}}@media(max-width:768px){.mobile-header{display:flex}.sidebar{left:-240px;transition:left .28s ease;width:240px}.sidebar.open{left:0}.close-btn{display:block}.main-content{margin-left:0;padding-top:50px}.login-container{padding:20px;align-items:center;justify-content:center;background:#f0f4f8;min-height:100vh}.login-card{max-width:100%;border-radius:14px;padding:28px 20px;min-height:unset;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border)}.login-logo{width:50px;display:block;margin:0 auto 14px}.login-logo-box{width:44px;height:44px;font-size:18px}.login-org-badge{font-size:10px;width:fit-content;align-self:center}.login-title{font-size:17px}.dashboard-page{padding:14px}.dashboard-welcome h1{font-size:18px}.dashboard-welcome h2{font-size:13px}.dashboard-grid,.dashboard-grid-2{grid-template-columns:repeat(3,1fr);gap:8px}.dashboard-card{padding:10px}.dashboard-card h3{font-size:20px}.dashboard-card span{font-size:9px}.ai-card{padding:8px 6px}.ai-ring{width:34px;height:34px;font-size:12px}.ai-card span{font-size:9px}.dashboard-bottom{grid-template-columns:1fr;gap:10px}.dashboard-card.top-performer h3,.dashboard-insights-summary{font-size:12px}.dashboard-rec-item{padding:8px 10px}.dashboard-rec-text{font-size:12px}.tasks-page{padding:12px}.tasks-search{width:100%}.tasks-filters button{flex:1;min-width:80px;padding:6px;font-size:11px}.task-create-grid{grid-template-columns:1fr!important}.tasks-card{padding:0}.mobile-task-card{background:var(--card-bg);border-radius:10px;border:1px solid var(--border);padding:14px;margin-bottom:10px;overflow:hidden;width:100%}.mobile-task-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;gap:8px}.mobile-task-id{font-size:10px;color:var(--text-secondary);margin-bottom:2px}.mobile-task-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.4;word-break:break-word;overflow-wrap:break-word;white-space:normal}.mobile-task-desc{font-size:11px;color:var(--text-secondary);margin-bottom:10px;line-height:1.5;display:flex;align-items:center;gap:6px;background:var(--bg);border-radius:6px;padding:7px 9px}.mobile-task-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.mobile-task-meta-item{display:flex;flex-direction:column;gap:2px}.mobile-meta-label{font-size:9px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.mobile-meta-value{font-size:11px;color:var(--text)}.mobile-task-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);gap:6px}.mobile-task-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}.mobile-icon-btn{background:transparent;border:1px solid var(--border);font-size:15px;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.task-form{display:grid;grid-template-columns:1fr;gap:10px}.task-form textarea,.single-select,.single-select.designation{width:100%}.todo-form-row{flex-direction:column;align-items:stretch}.todo-date,.todo-select{width:100%}.todo-create-btn{margin-left:0;width:100%;padding:11px;font-size:14px}.mobile-todo-card{background:var(--card-bg);border-radius:10px;border:1px solid var(--border);padding:12px;margin-bottom:8px}.mobile-todo-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.mobile-todo-id{font-size:10px;color:var(--text-secondary);margin-bottom:2px}.mobile-todo-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.4}.mobile-todo-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:10px}.mobile-todo-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border);gap:6px}.users-page{padding:12px}.user-form{display:grid;grid-template-columns:1fr}.toolbar-row{flex-direction:column;align-items:stretch}.user-status-filter{width:100%}.user-filter-btn{flex:1;justify-content:center}.mobile-user-card{background:var(--card-bg);border-radius:10px;border:1px solid var(--border);padding:13px;margin-bottom:8px}.mobile-user-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mobile-user-info{flex:1;min-width:0}.mobile-user-name{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px}.mobile-user-desig{font-size:11px;color:var(--text-secondary)}.mobile-user-badges{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.mobile-user-email{font-size:11px;color:var(--text-secondary);margin-bottom:10px;display:flex;align-items:center;gap:5px}.mobile-user-actions{display:flex;gap:6px;border-top:1px solid var(--border);padding-top:10px}.mobile-user-actions .btn-deactivate{flex:1;padding:8px;border-radius:7px;font-size:11px;font-weight:500;border:none;background:#fcebeb;color:#a32d2d;cursor:pointer}.mobile-user-actions .btn-activate{flex:1;padding:8px;border-radius:7px;font-size:11px;font-weight:500;border:none;background:#e6f1fb;color:#185fa5;cursor:pointer}.mobile-user-actions .btn-password{flex:1;padding:8px;border-radius:7px;font-size:11px;font-weight:500;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px}.filters{flex-direction:column;align-items:stretch}.filters input,.filters select,.filter-buttons,.filter-buttons button{width:100%}.timeline-filters-card{flex-direction:column}.timeline-filters-card input,.timeline-filters-card .single-select{width:100%!important;flex:unset!important;min-width:unset!important}.timeline-page{padding:12px}.reports-charts{grid-template-columns:1fr}.ai-report-modal{padding:10px;align-items:flex-start}.ai-report-modal-content{width:100%;max-width:100%;max-height:95vh;margin-top:10px;padding:16px;border-radius:10px}.ai-report-body{font-size:13px}.ai-org-card{flex-wrap:wrap;gap:8px}.reports-filters{flex-direction:column}.period-filter-bar{flex-direction:column;align-items:stretch;gap:8px}.period-type-toggle{width:100%}.period-type-btn{flex:1;text-align:center;padding:7px 0;font-size:12px}.period-selects-row{width:100%}.period-select,.period-year-select{flex:1;width:100%;padding:8px 10px;font-size:12px}.period-nav-group{width:100%;justify-content:space-between}.period-nav-label{flex:1;text-align:center;font-size:12px}.period-nav-btn{width:32px;height:32px}.emp-tab-row{flex-wrap:nowrap}.emp-tab{flex:1;text-align:center;padding:7px 10px;font-size:11px}.emp-tab-count{display:none}.modal{padding:10px}.modal-content{width:100%;max-height:90vh;overflow-y:auto;padding:14px;gap:5px}.modal-actions{flex-direction:column;gap:6px}.modal-actions button{flex:1;height:40px}.pag-wrap{gap:8px}.pag-prev,.pag-next{padding:7px 12px;font-size:12px}.task-date-filter-block{padding:9px 10px}.task-date-filter-inner{flex-direction:column;align-items:stretch;gap:8px}.date-type-toggle{width:100%}.date-type-btn{flex:1;text-align:center;padding:7px 0;font-size:12px}.date-quick-pills{width:100%}.date-quick-btn{flex:1;text-align:center;padding:7px 0;font-size:11px}.date-custom-range{flex-direction:column;align-items:stretch;gap:8px}.date-custom-input{width:100%;padding:8px 10px;font-size:12px}.date-clear-btn{width:100%;padding:7px;text-align:center;font-size:12px}.task-deadline-row{display:flex;flex-direction:column;gap:8px;width:100%}.task-deadline-date-wrap{position:relative;width:100%}.task-deadline-date-wrap .todo-date{width:100%;font-size:13px;padding:10px 12px}.task-deadline-date-wrap .date-placeholder-overlay{left:12px;font-size:13px}.task-time-row{display:flex;gap:8px;width:100%}.task-time-row .todo-select{flex:1;width:auto;font-size:13px;padding:10px 8px;text-align:center}.task-deadline-nodead{width:100%}.task-form-bottom-row{display:flex;flex-direction:column;gap:8px;width:100%}.task-form-bottom-row .single-select,.task-form-bottom-row .multi-select{width:100%;min-width:unset}.task-form-actions-mobile{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.task-form-actions-mobile .todo-create-btn{width:100%;margin-left:0;padding:12px;font-size:14px;border-radius:var(--radius-sm)}.task-form-actions-mobile .btn-secondary-outline{width:100%;padding:11px;font-size:14px;text-align:center;border-radius:var(--radius-sm)}}@media(max-width:480px){.dashboard-grid,.dashboard-grid-2{grid-template-columns:repeat(3,1fr);gap:6px}.dashboard-card h3{font-size:18px}}.mobile-only{display:none}.desktop-only{display:block}@media(max-width:768px){.mobile-only{display:block}.desktop-only{display:none!important}}@media(min-width:769px){.date-placeholder-overlay{display:none}input[type=date].todo-date{color:var(--text)!important}}.desktop-topbar{height:44px;background:var(--card-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;padding:0 20px;flex-shrink:0;position:sticky;top:0;z-index:100}.desktop-topbar-actions{display:flex;align-items:center;gap:6px;position:relative}.topbar-icon-btn{width:32px;height:32px;border-radius:7px;border:1px solid var(--border);background:var(--card-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);position:relative;transition:background .15s}.topbar-icon-btn:hover{background:var(--bg);color:var(--text)}.topbar-bell-btn{position:relative}.bell-badge{position:absolute;top:3px;right:3px;min-width:15px;height:15px;background:#e24b4a;color:#fff;font-size:8px;font-weight:700;border-radius:99px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--card-bg);padding:0 2px;line-height:1}.mobile-topbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 20px #00000014;z-index:200;overflow:hidden}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.notif-dropdown-title{font-size:13px;font-weight:600;color:var(--text)}.notif-unread-pill{background:var(--brand-light);color:var(--brand-dark);font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px}.notif-dropdown-list{max-height:340px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);transition:background .1s;cursor:default}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg)}.notif-item.unread{background:#f9fdfc}.notif-item.unread:hover{background:#f0fbf6}.notif-item-icon{font-size:16px;flex-shrink:0;margin-top:1px}.notif-item-body{flex:1;min-width:0}.notif-item-msg{font-size:12px;color:var(--text);line-height:1.5}.notif-item-time{font-size:10px;color:var(--text-secondary);margin-top:2px}.notif-item-dismiss{width:20px;height:20px;border-radius:4px;border:none;background:transparent;cursor:pointer;font-size:11px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .1s}.notif-item-dismiss:hover{background:var(--bg);color:var(--text)}.notif-empty{padding:30px;text-align:center;font-size:13px;color:var(--text-secondary)}.notif-dropdown-footer{padding:10px 14px;text-align:center;border-top:1px solid var(--border)}.notif-see-all{font-size:12px;color:var(--brand);cursor:pointer;font-weight:500}.notif-see-all:hover{color:var(--brand-dark)}.sb-profile-clickable{cursor:pointer;transition:background .15s}.sb-profile-clickable:hover{background:#ffffff0f}.sb-profile-arrow{margin-left:auto;font-size:16px;color:#ffffff4d;flex-shrink:0}.notif-page-list{display:flex;flex-direction:column;gap:0;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.notif-page-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);position:relative;transition:background .1s}.notif-page-item:last-child{border-bottom:none}.notif-page-item:hover{background:var(--bg)}.notif-page-item.unread{background:#f9fdfc}.notif-page-item.unread:hover{background:#f0fbf6}.notif-page-icon{font-size:20px;flex-shrink:0;margin-top:1px}.notif-page-body{flex:1;min-width:0}.notif-page-msg{font-size:13px;color:var(--text);line-height:1.5;margin-bottom:5px}.notif-page-meta{display:flex;align-items:center;gap:8px}.notif-type-pill{font-size:10px;font-weight:600;background:var(--brand-light);color:var(--brand-dark);padding:2px 8px;border-radius:99px}.notif-page-time{font-size:11px;color:var(--text-secondary)}.notif-page-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex-shrink:0;margin-top:5px}.notif-page-dismiss{width:24px;height:24px;border-radius:5px;border:none;background:transparent;cursor:pointer;font-size:12px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .1s}.notif-page-dismiss:hover{background:var(--border);color:var(--text)}.notif-page-item-clickable{cursor:pointer}.notif-page-item-clickable:hover{background:var(--bg)}.settings-layout{display:flex;gap:20px;align-items:flex-start}.settings-tabs-sidebar{width:160px;flex-shrink:0;display:flex;flex-direction:column;gap:2px}.settings-tab-btn{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:7px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;text-align:left;width:100%;transition:background .15s,color .15s}.settings-tab-btn:hover{background:var(--border);color:var(--text)}.settings-tab-btn.active{background:var(--brand-light);color:var(--brand-dark);font-weight:500}.settings-content{flex:1;min-width:0}.settings-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.settings-card-header{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--text);margin-bottom:14px}.settings-card-sub{font-size:12px;color:var(--text-secondary);margin-bottom:14px;margin-top:-8px}.settings-admin-badge{font-size:10px;background:#faeeda;color:#854f0b;padding:2px 8px;border-radius:99px;border:1px solid #FAC775;font-weight:400;margin-left:4px}.settings-profile-info-row{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--border)}.settings-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.settings-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.settings-avatar-initials{width:48px;height:48px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#fff}.settings-profile-name{font-size:14px;font-weight:600;color:var(--text)}.settings-profile-email{font-size:12px;color:var(--text-secondary);margin-top:2px}.settings-profile-note{font-size:11px;color:var(--text-secondary);margin-top:4px;font-style:italic}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.settings-form-group{display:flex;flex-direction:column;gap:4px}.settings-form-label{font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.settings-form-input{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:var(--card-bg);color:var(--text);transition:border-color .15s;width:100%}.settings-form-input:focus{outline:none;border-color:var(--brand)}.settings-save-row{display:flex;align-items:center;gap:12px}.settings-save-btn{padding:8px 18px;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.settings-save-btn:hover{background:var(--brand-dark)}.settings-save-btn:disabled{background:#9fe1cb;cursor:not-allowed}.settings-msg{font-size:12px;font-weight:500}.settings-msg.success{color:var(--brand-dark)}.settings-msg.error{color:#a32d2d}.settings-toggle{width:36px;height:20px;border-radius:99px;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.settings-toggle.on{background:var(--brand)}.settings-toggle.off{background:var(--border)}.settings-toggle-thumb{position:absolute;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #0003}.settings-toggle.on .settings-toggle-thumb{left:18px}.settings-toggle.off .settings-toggle-thumb{left:2px}.settings-toggle-list{display:flex;flex-direction:column}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-label{font-size:13px;color:var(--text)}.settings-toggle-sub{font-size:10px;color:var(--text-secondary);margin-top:2px}.settings-system-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);gap:16px}.settings-system-row:last-of-type{border-bottom:none}.settings-system-info{flex:1}.settings-system-name{font-size:13px;font-weight:500;color:var(--text)}.settings-system-desc{font-size:11px;color:var(--text-secondary);margin-top:2px}.settings-system-input{width:200px}.settings-system-input-sm{width:80px}.settings-system-select{width:140px}.settings-locked-badge{display:inline-block;font-size:10px;background:#f1efe8;color:#5f5e5a;padding:1px 7px;border-radius:99px;border:1px solid #D3D1C7;margin-left:6px}@media(max-width:768px){.desktop-topbar{display:none}.settings-layout{flex-direction:column;gap:12px}.settings-tabs-sidebar{width:100%;flex-direction:row;gap:4px}.settings-tab-btn{flex:1;justify-content:center;font-size:12px;padding:8px 6px}.settings-form-grid{grid-template-columns:1fr}.settings-system-row{flex-direction:column;align-items:flex-start;gap:8px}.settings-system-input,.settings-system-input-sm,.settings-system-select{width:100%}.notif-dropdown{width:calc(100vw - 28px);right:-14px}.notif-page-item{padding:12px}}.cal-picker-wrap{position:relative;display:inline-block}.cal-picker-trigger{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text);font-size:13px;cursor:pointer;transition:border-color .15s;min-width:140px;white-space:nowrap}.cal-picker-trigger:hover,.cal-picker-trigger.open{border-color:var(--brand)}.cal-picker-trigger.disabled{opacity:.5;cursor:not-allowed}.cal-picker-trigger.disabled:hover{border-color:var(--border)}.cal-picker-value{flex:1;text-align:left;color:var(--text)}.cal-picker-placeholder{flex:1;text-align:left;color:var(--text-secondary)}.cal-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:280px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000014;z-index:200;overflow:hidden}.cal-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg)}.cal-month-year{font-size:13px;font-weight:500;color:var(--text)}.cal-nav-btn{width:26px;height:26px;border-radius:5px;border:1px solid var(--border);background:var(--card-bg);cursor:pointer;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background .1s}.cal-nav-btn:hover{background:var(--bg);color:var(--text)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:6px;gap:1px}.cal-day-hdr{text-align:center;padding:4px 0;font-size:10px;font-weight:500;color:var(--text-secondary)}.cal-day-hdr.sunday{color:#e24b4a}.cal-cell{display:flex;flex-direction:column;align-items:center;padding:2px 1px;min-height:42px;border-radius:5px;cursor:default}.cal-cell.cal-clickable{cursor:pointer}.cal-cell.cal-clickable:hover{background:var(--bg)}.cal-cell.other{opacity:.3;pointer-events:none}.cal-cell.cal-disabled{opacity:.35;pointer-events:none}.cal-cell.cal-selected{background:transparent}.cal-date-num{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text);border-radius:50%}.cal-date-num.cal-sunday{color:#e24b4a;font-weight:500}.cal-date-num.cal-today{background:var(--brand-light);color:var(--brand-dark);font-weight:500}.cal-date-num.cal-sel-circle{background:var(--brand);color:#fff;font-weight:500}.cal-holiday-dot{width:5px;height:5px;border-radius:50%;background:#3b6d11;margin-top:1px}.cal-holiday-label{font-size:7px;color:#3b6d11;text-align:center;line-height:1.2;max-width:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.cal-legend{display:flex;align-items:center;gap:12px;padding:8px 12px;border-top:1px solid var(--border);flex-wrap:wrap}.cal-legend-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-secondary)}.cal-legend-dot{width:7px;height:7px;border-radius:50%}.modal .cal-dropdown{top:calc(100% + 4px);bottom:auto;z-index:1000}.modal .cal-picker-wrap{position:relative;z-index:10}.modal-content{overflow:visible!important}@media(max-width:768px){.cal-dropdown{width:260px}.cal-grid{padding:4px;gap:0}.cal-cell{min-height:38px;padding:1px 0}.cal-date-num{width:22px;height:22px;font-size:11px}.cal-holiday-dot{width:4px;height:4px;margin-top:1px}.cal-holiday-label{font-size:6px;max-width:28px;margin-top:0}.cal-legend{gap:8px;padding:6px 8px}.cal-legend-item{font-size:9px}}.settings-photo-row{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.settings-photo-avatar{width:60px;height:60px;border-radius:50%;flex-shrink:0;border:3px solid var(--brand-light);overflow:hidden}.settings-photo-info{flex:1;min-width:140px}.settings-photo-btns{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.settings-photo-upload-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.settings-photo-upload-btn:hover{background:var(--bg)}.settings-photo-upload-btn:disabled{opacity:.6;cursor:not-allowed}.settings-photo-remove-btn{padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);color:#a32d2d;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.settings-photo-remove-btn:hover{background:#fcebeb}@media(max-width:768px){.settings-photo-row{flex-direction:column;align-items:flex-start}.settings-photo-btns{width:100%}.settings-photo-upload-btn,.settings-photo-remove-btn{flex:1;justify-content:center}}.db-welcome-left h1{font-size:22px;font-weight:600;color:var(--text)}.db-org-name{font-size:13px;color:var(--text-secondary);margin-top:2px}.dashboard-welcome{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.db-top-performer-banner{display:flex;align-items:center;gap:12px;background:#e1f5ee;border:1px solid #9FE1CB;border-radius:var(--radius);padding:12px 16px;margin-bottom:16px}.db-banner-trophy{font-size:26px;flex-shrink:0}.db-banner-title{font-size:13px;font-weight:600;color:#0f6e56}.db-banner-sub{font-size:12px;color:#0f6e56;opacity:.8;margin-top:2px}.db-section-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:4px;width:fit-content}.db-section-tab{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:7px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.db-section-tab:hover{background:var(--bg);color:var(--text)}.db-section-tab.active{background:var(--brand);color:#fff}.db-section{margin-bottom:20px}.db-section-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.db-section-title{font-size:14px;font-weight:600;color:var(--text)}.db-period-badge{font-size:11px;background:var(--brand-light);color:var(--brand-dark);padding:2px 8px;border-radius:99px;font-weight:500}.db-metric-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.db-metric-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.db-metric-grid-4-me{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.db-metric-card{background:var(--card-bg);border:1px solid var(--border);border-top:3px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:transform .18s}.db-metric-card:hover{transform:translateY(-2px)}.db-metric-card.db-metric-clickable{cursor:pointer;transition:border-color .15s,background .15s}.db-metric-card.db-metric-clickable:hover{border-color:var(--brand);background:var(--brand-light)}.db-metric-card.db-metric-center{text-align:center}.db-metric-card.db-accent-blue{border-top-color:#378add}.db-metric-card.db-accent-green{border-top-color:#639922}.db-metric-card.db-accent-amber{border-top-color:#ba7517}.db-metric-card.db-accent-gray{border-top-color:#888780}.db-metric-card.db-accent-red{border-top-color:#e24b4a}.db-metric-card.db-accent-purple{border-top-color:#7f77dd}.db-metric-card.db-accent-teal{border-top-color:#1d9e75}.db-metric-label{font-size:12px;color:var(--text-secondary);margin-bottom:6px;display:flex;align-items:center}.db-metric-value{font-size:26px;font-weight:600;color:var(--text);line-height:1}.db-metric-name{font-size:14px;font-weight:600;color:var(--text);margin-top:4px}.db-metric-sub{font-size:11px;color:var(--text-secondary);margin-top:3px}.db-val-green{color:#0f6e56}.db-val-red{color:#a32d2d}.db-val-amber{color:#854f0b}.db-val-blue{color:#185fa5}.db-rank-of{font-size:14px;color:var(--text-secondary);font-weight:400}.db-rating-badge{display:inline-block;font-size:13px;font-weight:600;padding:4px 12px;border-radius:99px;margin-top:4px}.grade-outstanding{background:#e1f5ee;color:#0f6e56}.grade-excellent{background:#e6f1fb;color:#185fa5}.grade-verygood{background:#eeedfe;color:#3c3489}.grade-good{background:#faeeda;color:#854f0b}.grade-needs{background:#fcebeb;color:#a32d2d}.grade-poor{background:#f1efe8;color:#5f5e5a}.grade-satisfactory{color:#d97706}.grade-support{color:#a32d2d}.grade-not-evaluated{color:#9ca3af}.db-grade-label.grade-outstanding{color:#0f6e56}.db-grade-label.grade-excellent{color:#185fa5}.db-grade-label.grade-verygood{color:#534ab7}.db-grade-label.grade-good{color:#854f0b}.db-grade-label.grade-needs{color:#a32d2d}.db-grade-label.grade-poor{color:#5f5e5a}.db-two-col{display:grid;grid-template-columns:1fr 300px;gap:12px;margin-bottom:10px}.db-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.db-card-header{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}.db-period-tag{font-size:10px;background:var(--brand-light);color:var(--brand-dark);padding:2px 7px;border-radius:99px;font-weight:400;margin-left:auto}.db-coming-soon{font-size:10px;background:#f1efe8;color:#5f5e5a;padding:2px 7px;border-radius:99px;font-weight:400;margin-left:auto}.db-card-table{padding:0}.db-table-wrap{overflow-x:auto}.db-task-table{width:100%;border-collapse:collapse;font-size:12px}.db-task-table th{text-align:left;padding:8px 12px;background:var(--bg);color:var(--text-secondary);font-size:11px;font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap}.db-task-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text)}.db-task-table tr:last-child td{border-bottom:none}.db-task-title{font-weight:500;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-task-date{color:var(--text-secondary);white-space:nowrap}.db-table-empty{text-align:center;padding:30px;color:var(--text-secondary)}.db-card-dist{padding:14px 16px}.db-grade-list{display:flex;flex-direction:column;gap:9px}.db-grade-row{display:flex;align-items:center;gap:8px}.db-grade-label{font-size:12px;font-weight:500;width:120px;flex-shrink:0}.db-grade-bar-wrap{flex:1;height:7px;background:var(--bg);border-radius:99px;overflow:hidden}.db-grade-bar{height:100%;border-radius:99px;transition:width .3s;min-width:3px}.db-grade-count{font-size:12px;font-weight:500;width:20px;text-align:right;flex-shrink:0}.db-grade-footer{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:11px;color:var(--text-secondary);text-align:center}.db-360-card{padding:0}.db-360-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:10px;color:var(--text-secondary);text-align:center}.db-360-placeholder svg{opacity:.4}.db-360-placeholder p{font-size:13px;max-width:360px;line-height:1.6}@media(max-width:768px){.db-metric-grid-4{grid-template-columns:1fr 1fr}.db-metric-grid-3{grid-template-columns:1fr 1fr 1fr}.db-metric-grid-4-me{grid-template-columns:1fr 1fr}.db-metric-value{font-size:20px}.db-two-col{grid-template-columns:1fr}.db-card-dist{padding:12px}.db-section-tabs{width:100%}.db-section-tab{flex:1;justify-content:center;font-size:12px}.db-task-table th,.db-task-table td{padding:7px 8px;font-size:11px}.db-task-table th:nth-child(3),.db-task-table td:nth-child(3),.db-task-table th:nth-child(5),.db-task-table td:nth-child(5){display:none}}.settings-card-header-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:flex-start}.settings-card-header-toggle:hover{background:var(--bg);border-radius:var(--radius-sm)}.settings-chevron{margin-left:auto;color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.settings-chevron.open{transform:rotate(180deg)}.nav-item{position:relative}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--brand);color:#fff;font-size:10px;font-weight:700;margin-left:auto;line-height:1}.nav-badge-urgent{background:#e53e3e}.wf-loading{padding:40px;text-align:center;color:var(--text-secondary)}.wf-empty-icon{font-size:48px;margin-bottom:8px}.wf-empty-title{font-size:18px;font-weight:600;color:var(--text);margin:0}.wf-empty-sub{color:var(--text-secondary);font-size:14px;margin:0}.wf-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.wf-template-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .15s}.wf-template-card:hover{box-shadow:0 4px 16px #00000014}.wf-template-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.wf-template-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wf-template-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.wf-cat-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}.wf-cat-hr{background:#e9d8fd;color:#6b21a8}.wf-cat-finance{background:#d1fae5;color:#065f46}.wf-cat-admin{background:#dbeafe;color:#1e40af}.wf-cat-academic{background:#fef3c7;color:#92400e}.wf-cat-it{background:#e0f2fe;color:#0369a1}.wf-cat-compliance{background:#fee2e2;color:#991b1b}.wf-cat-custom{background:var(--bg);color:var(--text-secondary)}.wf-admin-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--brand-light);color:var(--brand-dark)}.wf-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);font-size:14px;transition:background .15s;line-height:1}.wf-icon-btn:hover{background:var(--bg)}.wf-icon-btn-danger:hover{background:#fee2e2}.wf-template-name{font-size:16px;font-weight:600;color:var(--text);margin:0}.wf-template-desc{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.wf-template-info-row{display:flex;flex-wrap:wrap;gap:6px}.wf-info-chip{font-size:12px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);padding:2px 8px;border-radius:20px}.wf-steps-toggle{background:none;border:none;color:var(--brand);font-size:13px;font-weight:500;cursor:pointer;padding:4px 0;text-align:left}.wf-steps-list{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:12px;margin-top:4px}.wf-step-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:var(--bg);border-radius:var(--radius-sm)}.wf-step-number{width:22px;height:22px;border-radius:50%;background:var(--brand-light);color:var(--brand-dark);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.wf-step-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.wf-step-title{font-size:13px;font-weight:600;color:var(--text)}.wf-step-meta{font-size:11px;color:var(--text-secondary)}.wf-step-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.wf-step-actions{display:flex;gap:2px;flex-shrink:0}.wf-add-step-btn{background:none;border:1px dashed var(--border);color:var(--brand);font-size:13px;font-weight:500;padding:8px;border-radius:var(--radius-sm);cursor:pointer;width:100%;text-align:center;transition:background .15s}.wf-add-step-btn:hover{background:var(--brand-light)}.wf-modal{width:540px;max-width:95vw}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-box{background:var(--card-bg);border-radius:var(--radius);box-shadow:0 20px 60px #0000002e;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:modalFade .15s ease}.modal-box-sm{max-width:400px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--card-bg);z-index:1}.modal-title{font-size:15px;font-weight:700;color:var(--text);margin:0}.modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary);padding:2px 6px;border-radius:var(--radius-sm);line-height:1}.modal-close:hover{background:var(--bg);color:var(--text)}.modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border)}@media(max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:var(--radius) var(--radius) 0 0;max-height:85vh}}.wf-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;flex:1}.wf-checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand);cursor:pointer;flex-shrink:0}.wf-delete-warning{font-size:13px;color:#dc2626;margin-top:8px}@media(max-width:768px){.wf-template-grid{grid-template-columns:1fr}}.wf-new-flat{padding:20px 28px 40px}.wf-back-plain{background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;padding:0;margin-bottom:8px;display:flex;align-items:center;gap:4px}.wf-back-plain:hover{color:var(--text)}.wf-new-flat-title{font-size:22px;font-weight:700;color:var(--text);margin:0 0 3px}.wf-new-flat-sub{font-size:13px;color:var(--text-secondary);margin:0 0 20px}.wf-new-flat-input{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--card-bg);color:var(--text);outline:none;transition:border-color .15s;margin-bottom:8px}.wf-new-flat-input:focus{border-color:var(--brand)}.wf-ai-thinking{display:flex;align-items:center;gap:5px;padding:7px 10px;background:var(--brand-light);border-radius:var(--radius-sm);margin-bottom:8px}.wf-ai-dot{width:5px;height:5px;border-radius:50%;background:var(--brand);display:inline-block;animation:wfPulse 1.2s ease-in-out infinite}.wf-ai-dot:nth-child(2){animation-delay:.2s}.wf-ai-dot:nth-child(3){animation-delay:.4s}@keyframes wfPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.wf-ai-thinking-text{font-size:12px;color:var(--brand);font-weight:500}.wf-ai-block{background:var(--brand-light);border:1px solid #A7F3D0;border-radius:var(--radius);padding:12px 14px;margin-bottom:16px}.wf-ai-block-header{display:flex;align-items:center;gap:6px;margin-bottom:5px}.wf-ai-block-label{font-size:10px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.06em}.wf-ai-block-text{font-size:13px;color:var(--text);margin:0 0 10px}.wf-ai-block-actions{display:flex;gap:8px}.wf-ai-apply{padding:5px 12px;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer}.wf-ai-dismiss{padding:5px 12px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;cursor:pointer}.wf-new-sec-label{display:block;font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:20px 0 12px}.wf-new-tpl-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:4px}.wf-new-tpl-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 8px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s;text-align:center}.wf-new-tpl-card:hover{border-color:var(--brand);box-shadow:0 4px 12px #1d9e751a;transform:translateY(-2px)}.wf-new-tpl-icon{font-size:24px}.wf-new-tpl-name{font-size:12px;font-weight:600;color:var(--text)}.wf-new-tpl-meta{font-size:10px;color:var(--text-secondary)}.wf-new-divider{display:flex;align-items:center;gap:12px;margin:20px 0 14px}.wf-new-div-line{flex:1;height:1px;background:var(--border)}.wf-new-div-text{font-size:12px;color:var(--text-secondary)}.wf-new-custom-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px;border:1.5px dashed var(--border);border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.wf-new-custom-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}@media(max-width:768px){.wf-new-flat{padding:16px}.wf-new-tpl-grid{grid-template-columns:repeat(2,1fr)}}.wf-new-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.wf-back-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);font-size:13px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background .15s}.wf-back-btn:hover{background:var(--bg)}.wf-new-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px;max-width:640px;display:flex;flex-direction:column;gap:16px}.wf-new-section-title{font-size:18px;font-weight:600;color:var(--text);margin:0}.wf-name-input{font-size:15px}.wf-ai-hint-text{font-size:12px;color:var(--text-secondary);margin-top:4px;display:block}.wf-ai-suggestion-banner{display:flex;align-items:center;gap:12px;background:var(--brand-light);border:1px solid var(--brand);border-radius:var(--radius-sm);padding:12px 16px;flex-wrap:wrap}.wf-ai-icon{font-size:20px;flex-shrink:0}.wf-ai-suggestion-body{flex:1;min-width:0}.wf-ai-suggestion-text{font-size:14px;color:var(--text)}.wf-ai-suggestion-actions{display:flex;gap:8px;flex-shrink:0}.btn-sm{padding:5px 12px;font-size:12px}.wf-new-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.wf-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.wf-pick-card{background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:8px}.wf-pick-card:hover{border-color:var(--brand);box-shadow:0 4px 16px #1d9e751f}.wf-pick-card-custom{border-style:dashed}.wf-pick-icon{font-size:28px}.wf-pick-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wf-pick-name{font-size:15px;font-weight:600;color:var(--text);margin:0}.wf-pick-desc{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.wf-ai-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.wf-ai-btn{background:var(--brand-light);border:1px solid var(--brand);color:var(--brand-dark);font-size:13px;font-weight:600;padding:7px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.wf-ai-btn:hover:not(:disabled){background:var(--brand);color:#fff}.wf-ai-btn:disabled{opacity:.6;cursor:not-allowed}.wf-steps-builder{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.wf-builder-step{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px}.wf-builder-step-header{display:flex;align-items:center;gap:10px}.wf-builder-step-label{flex:1}.wf-suggested-role{font-size:12px;color:var(--brand-dark);background:var(--brand-light);padding:2px 8px;border-radius:20px}.wf-builder-bottom-row{align-items:flex-start}.wf-deadline-group{flex:1}.wf-deadline-hint{display:flex;align-items:center;gap:8px;margin-top:6px;padding:6px 10px;background:var(--brand-light);border-radius:var(--radius-sm);font-size:12px;color:var(--brand-dark);flex-wrap:wrap}.wf-hint-apply-btn{background:var(--brand);color:#fff;border:none;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}@media(max-width:768px){.wf-pick-grid{grid-template-columns:1fr}.wf-new-card{padding:20px}.wf-builder-step{padding:16px}.wf-ai-suggestion-banner{flex-direction:column;align-items:flex-start}.wf-new-footer{flex-direction:column-reverse}.wf-new-footer .btn-primary,.wf-new-footer .btn-secondary{width:100%;text-align:center}}.wf-pipe-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.wf-pipe-top-actions{display:flex;align-items:center;gap:8px}.wf-pipe-title-block{margin-bottom:16px}.wf-pipe-title{font-size:20px;font-weight:700;color:var(--text);margin:0 0 6px}.wf-pipe-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wf-cancel-workflow-btn{padding:6px 14px;background:transparent;color:#dc2626;border:1px solid #FECACA;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.wf-cancel-workflow-btn:hover{background:#fef2f2}@media(max-width:768px){.wf-pipe-top-row{flex-wrap:wrap}.wf-pipe-top-actions{width:100%}.wf-pipe-title{font-size:16px}}.wf-pipeline-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.wf-pipeline-header-left{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:0}.wf-pipeline-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.wf-pipeline-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wf-pipeline-title-row .page-title{margin:0}.wf-pipeline-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px}.wf-meta-item{font-size:12px;color:var(--text-secondary)}.wf-meta-sep{color:var(--border);font-size:12px}.wf-meta-overdue{color:#dc2626;font-weight:500;font-size:12px}.wf-meta-chip{font-size:12px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);padding:2px 8px;border-radius:20px}.wf-timeline-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);font-size:12px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.wf-timeline-btn:hover{background:var(--bg)}.wf-progress-section{margin-bottom:16px}.wf-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.wf-progress-label span:first-child{color:var(--text-secondary)}.wf-progress-pct{font-weight:600;color:var(--brand)}.wf-progress-bar{height:5px;background:var(--border);border-radius:99px;overflow:hidden}.wf-paused-banner{background:#fef3c7;border:1px solid #f59e0b;color:#92400e;border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;margin-bottom:16px}.wf-pipeline-container{display:flex;flex-direction:row;align-items:flex-start;gap:0;overflow-x:auto;padding-bottom:16px;margin-bottom:20px}.wf-pipeline-step-wrapper{display:flex;flex-direction:row;align-items:flex-start;flex-shrink:0}.wf-connector{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 4px;margin-top:24px}.wf-connector-line{width:24px;height:2px;background:var(--border)}.wf-connector-arrow{font-size:16px;color:var(--border);line-height:1;margin-top:-2px}.wf-connector.done .wf-connector-line{background:var(--brand)}.wf-connector.done .wf-connector-arrow{color:var(--brand)}.wf-pipeline-step{width:240px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex-shrink:0;transition:box-shadow .15s}.wf-pipeline-step.wf-step-completed{border-color:#a7f3d0;background:#f0fdf4}.wf-pip-overdue-info{font-size:11px;color:#a32d2d;font-weight:500;margin-top:3px}.wf-pipeline-step.wf-pipeline-step-mine{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}.wf-pipeline-step.wf-step-waiting{opacity:.55}.wf-pipeline-step.wf-step-returned{border-color:#fcd34d;background:#fffbeb}.wf-pipeline-step.wf-step-rejected{border-color:#fca5a5;background:#fef2f2}.wf-pipeline-step.wf-step-cancelled{border-color:var(--border);background:var(--bg);opacity:.5}.wf-step-num-pip{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid var(--border);background:var(--bg);color:var(--text-secondary);flex-shrink:0;margin-bottom:6px}.wf-step-num-pip.done{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.wf-step-num-pip.active{background:var(--brand);color:#fff;border-color:var(--brand)}.wf-step-num-pip.waiting{background:var(--bg);color:#d1d5db;border-color:#e5e7eb}.wf-step-num-pip.returned{background:#fcd34d;color:#92400e;border-color:#d97706}.wf-step-num-pip.rejected{background:#fca5a5;color:#991b1b;border-color:#dc2626}.wf-pip-header{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-bottom:2px}.wf-pip-title{font-size:12px;font-weight:600;color:var(--text);line-height:1.3}.wf-pip-meta{display:flex;align-items:center;gap:5px;margin-bottom:2px}.wf-pip-avatar{width:20px;height:20px;border-radius:50%;background:var(--brand-light);color:var(--brand-dark);font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wf-pip-name{font-size:11px;color:var(--text);font-weight:500}.wf-pip-role{font-size:10px;padding:1px 5px;background:var(--bg);border-radius:99px;color:var(--text-secondary);border:1px solid var(--border)}.wf-pip-deadline{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary)}.wf-pip-overdue{font-size:10px;color:#dc2626;font-weight:600}.wf-pip-done-info{font-size:10px;color:#059669;padding-top:6px;border-top:1px solid #A7F3D0}.wf-step-note{font-size:11px;color:var(--text-secondary);background:var(--bg);padding:5px 7px;border-radius:var(--radius-sm);border-left:3px solid var(--brand)}.wf-step-return-reason{font-size:11px;color:#92400e;background:#fffbeb;padding:5px 7px;border-radius:var(--radius-sm);border-left:3px solid #f59e0b}.wf-step-rejection-reason{font-size:11px;color:#991b1b;background:#fef2f2;padding:5px 7px;border-radius:var(--radius-sm);border-left:3px solid #dc2626}.wf-step-timing{font-size:10px;color:var(--text-secondary)}.wf-resubmit-badge{font-size:10px;background:#fef3c7;color:#92400e;padding:1px 6px;border-radius:10px;font-weight:600}.wf-overdue-badge{font-size:10px;background:#fee2e2;color:#dc2626;padding:1px 6px;border-radius:10px;font-weight:600}.wf-step-actions-row{display:flex;flex-direction:column;gap:4px;padding-top:6px;border-top:1px solid var(--border);margin-top:2px}.wf-action-btn{font-size:11px;font-weight:600;padding:6px 8px;border-radius:var(--radius-sm);border:none;cursor:pointer;text-align:left;transition:opacity .15s;width:100%}.wf-action-btn:hover{opacity:.85}.wf-action-forward{background:var(--brand);color:#fff}.wf-action-close{background:#4f46e5;color:#fff}.wf-action-return{background:#f59e0b;color:#fff}.wf-action-reject{background:transparent;color:#dc2626;border:1px solid #FECACA}.wf-action-reject:hover{background:#fef2f2;opacity:1}.wf-mobile-pipeline{display:none;flex-direction:column}.wf-mobile-step-wrap{display:flex;flex-direction:column}.wf-mobile-step-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px}.wf-mobile-step-card.step-done{border-color:#a7f3d0;background:#f0fdf4}.wf-mobile-step-card.step-active{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}.wf-mobile-step-card.step-waiting{opacity:.55}.wf-mobile-step-card.step-returned{border-color:#fcd34d;background:#fffbeb}.wf-mobile-step-card.step-rejected{border-color:#fca5a5;background:#fef2f2}.wf-mobile-step-top{display:flex;align-items:flex-start;gap:10px}.wf-mobile-step-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.wf-mobile-step-title{font-size:13px;font-weight:600;color:var(--text)}.wf-mobile-connector{width:2px;height:18px;background:var(--border);margin:2px auto}.wf-mobile-connector.done{background:var(--brand)}.wf-mobile-actions{display:flex;gap:6px;flex-wrap:wrap}.wf-mobile-actions .wf-action-btn{width:auto;flex:1;text-align:center;font-size:11px;padding:7px 8px}.badge-active{background:#fef3c7;color:#d97706}.badge-completed{background:#ecfdf5;color:#059669}.badge-paused{background:#fef2f2;color:#dc2626}.badge-waiting{background:#f3f4f6;color:#6b7280}.badge-cancelled{background:#f3f4f6;color:#9ca3af}.wf-action-step-name{font-size:14px;color:var(--text);margin-bottom:12px}.wf-action-info{font-size:13px;color:var(--text-secondary);background:var(--bg);border-radius:var(--radius-sm);padding:10px 12px;margin-top:8px;border-left:3px solid var(--brand);border-radius:0}.wf-action-info-danger{border-left-color:#dc2626;background:#fef2f2;color:#991b1b}.btn-warning{background:#f59e0b;color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer}.wf-timeline-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-top:8px}.wf-timeline-title{font-size:14px;font-weight:600;color:var(--text);margin:0 0 14px}.wf-timeline-list{display:flex;flex-direction:column;gap:12px}.wf-timeline-item{display:flex;align-items:flex-start;gap:10px}.wf-timeline-icon{font-size:15px;flex-shrink:0;margin-top:1px}.wf-timeline-body{display:flex;flex-direction:column;gap:2px}.wf-timeline-desc{font-size:13px;color:var(--text)}.wf-timeline-time{font-size:11px;color:var(--text-secondary)}@media(max-width:768px){.wf-pipeline-container{display:none}.wf-mobile-pipeline{display:flex}.wf-pipeline-header{flex-direction:column;gap:10px}.wf-pipeline-header-right{width:100%;justify-content:flex-start}}.wf-tabs-strip{display:flex;gap:0;border-bottom:1.5px solid var(--border);background:var(--card-bg);padding:0 28px;flex-wrap:nowrap;overflow-x:auto}.wf-tabs-strip::-webkit-scrollbar{display:none}.wf-tabs{display:flex;gap:0;border-bottom:1.5px solid var(--border);margin-bottom:20px;flex-wrap:nowrap;overflow-x:auto}.wf-page-content{padding:24px 28px}.wf-page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.wf-page-h1{font-size:20px;font-weight:700;color:var(--text);margin:0 0 3px}.wf-page-sub{font-size:13px;color:var(--text-secondary);margin:0}.wf-tab{background:none;border:none;padding:9px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;display:flex;align-items:center;gap:6px;transition:color .15s;white-space:nowrap}.wf-tab:hover{color:var(--text)}.wf-tab-active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.wf-toolbar-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.wf-search-wrap{position:relative;width:240px;flex-shrink:0}.wf-search-wrap svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:13px;height:13px;color:var(--text-secondary);pointer-events:none}.wf-search-input{width:100%;padding:7px 9px 7px 28px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);font-size:13px;color:var(--text);outline:none;transition:border-color .15s}.wf-search-input:focus{border-color:var(--brand)}.filter-pills{display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex:1}.filter-pill{padding:4px 12px;border-radius:99px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.wf-table-wrap{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.wf-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.wf-table tbody tr{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .1s}.wf-table td{padding:11px 14px;color:var(--text);vertical-align:middle}.wf-table .col-name{font-weight:600;color:var(--text);font-size:13px}.wf-progress-track{height:4px;width:72px;background:var(--border);border-radius:99px;overflow:hidden;flex-shrink:0}.wf-action-link{font-size:11px;font-weight:600;color:var(--brand);background:var(--brand-light);border:none;border-radius:4px;padding:3px 9px;cursor:pointer;margin-right:4px;transition:background .15s;white-space:nowrap}.wf-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}.wf-badge-template{background:var(--brand-light);color:var(--brand-dark)}.wf-badge-custom{background:#f3f4f6;color:#6b7280}.wf-overdue-text{color:#dc2626;font-weight:600;font-size:11px}.wf-mobile-list{display:none;flex-direction:column;gap:10px}.wf-mobile-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:border-color .15s}.wf-mobile-card:hover{border-color:var(--brand)}.wf-mobile-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.wf-mobile-card-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.wf-mobile-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.wf-mobile-card-meta span{font-size:12px;color:var(--text-secondary)}.wf-mobile-progress{display:flex;align-items:center;gap:8px;margin-bottom:10px}.wf-mobile-progress-track{flex:1;height:4px;background:var(--border);border-radius:99px;overflow:hidden}.wf-mobile-progress-fill{height:100%;background:var(--brand);border-radius:99px}.wf-mobile-progress-label{font-size:11px;color:var(--text-secondary);white-space:nowrap}.wf-mobile-card-footer{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border)}.wf-assigned-card{background:var(--card-bg);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:box-shadow .15s}.wf-assigned-card:hover{box-shadow:0 2px 12px #00000012}.wf-assigned-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.wf-assigned-card-name{font-size:14px;font-weight:600;color:var(--text)}.wf-assigned-card-step{font-size:12px;color:var(--text-secondary);margin-bottom:6px}.wf-assigned-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.wf-assigned-card-meta span{font-size:12px;color:var(--text-secondary)}.wf-return-note{font-size:12px;color:#92400e;background:#fffbeb;padding:5px 8px;border-radius:var(--radius-sm);border-left:3px solid #f59e0b;margin-bottom:8px}.wf-assigned-card-footer{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border)}.wf-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:12px}.wf-empty-icon{font-size:40px}.wf-empty-title{font-size:16px;font-weight:600;color:var(--text);margin:0}.wf-empty-sub{color:var(--text-secondary);font-size:13px;margin:0}@media(max-width:768px){.wf-table-wrap{display:none}.wf-mobile-list{display:flex}.wf-toolbar-row{flex-direction:column;align-items:stretch;gap:8px}.wf-tabs-strip{padding:0 16px}.wf-page-content{padding:16px}.wf-page-title-row{flex-direction:row;align-items:center}.wf-page-h1{font-size:17px}.wf-search-wrap{width:100%}.filter-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.filter-pills::-webkit-scrollbar{display:none}.wf-tabs::-webkit-scrollbar{display:none}.wf-search-input{width:100%}}.filter-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.filter-pill{padding:5px 12px;border-radius:99px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-pill:hover{border-color:var(--brand);color:var(--brand)}.filter-pill.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.wf-table-wrap{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:4px}.wf-table{width:100%;border-collapse:collapse;font-size:13px}.wf-table thead tr{background:#f8fafc;border-bottom:1.5px solid var(--border)}.wf-table th{padding:11px 14px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.wf-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.wf-table tbody tr:last-child{border-bottom:none}.wf-table tbody tr:hover{background:#fafbfc}.wf-table td{padding:12px 14px;color:var(--text);vertical-align:middle}.wf-table .col-name{font-weight:600;color:var(--text)}.wf-table .col-meta{font-size:12px;color:var(--text-secondary)}.wf-progress-wrap{display:flex;align-items:center;gap:8px}.wf-progress-track{height:4px;width:80px;background:var(--border);border-radius:99px;overflow:hidden;flex-shrink:0}.wf-progress-track .wf-progress-fill{height:100%;background:var(--brand);border-radius:99px}.wf-progress-text{font-size:11px;color:var(--text-secondary);white-space:nowrap}.wf-action-link{font-size:12px;font-weight:600;color:var(--brand);background:var(--brand-light);border:none;border-radius:4px;padding:4px 10px;cursor:pointer;margin-right:4px;transition:background .15s;white-space:nowrap}.wf-action-link:hover{background:var(--brand);color:#fff}.wf-action-link-danger{color:#dc2626;background:#fef2f2}.wf-action-link-danger:hover{background:#dc2626;color:#fff}.wf-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}.wf-status-badge.badge-active{background:#fef3c7;color:#d97706}.wf-status-badge.badge-completed{background:#ecfdf5;color:#059669}.wf-status-badge.badge-paused{background:#fef2f2;color:#dc2626}.wf-status-badge.badge-cancelled{background:#f3f4f6;color:#9ca3af}.wf-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}@media(max-width:768px){.wf-table-wrap{overflow-x:auto}.wf-table{min-width:600px}}.wf-tpl-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wf-tpl-page-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s}.wf-tpl-page-card:hover{box-shadow:0 4px 16px #00000012}.wf-tpl-page-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.wf-tpl-page-icon{font-size:26px}.wf-tpl-status-badge{font-size:11px;font-weight:600;padding:2px 9px;border-radius:99px}.wf-tpl-active{background:#ecfdf5;color:#059669}.wf-tpl-draft{background:#f3f4f6;color:#6b7280}.wf-tpl-page-name{font-size:15px;font-weight:600;color:var(--text);margin:0}.wf-tpl-page-meta{font-size:12px;color:var(--text-secondary);margin:0}.wf-tpl-page-count{font-size:11px;color:var(--text-secondary);margin:0 0 6px}.wf-tpl-page-actions{display:flex;gap:6px;margin-top:8px;padding-top:10px;border-top:1px solid var(--border)}.wf-tpl-btn{font-size:12px;font-weight:600;padding:4px 12px;border-radius:var(--radius-sm);border:none;cursor:pointer;background:var(--brand-light);color:var(--brand-dark);transition:background .15s}.wf-tpl-btn:hover,.wf-tpl-btn-launch{background:var(--brand);color:#fff}.wf-tpl-btn-launch:hover{background:var(--brand-dark)}.wf-tpl-btn-activate{background:var(--brand-light);color:var(--brand-dark)}.wf-tpl-btn-delete{background:#fef2f2;color:#dc2626}.wf-tpl-btn-delete:hover{background:#dc2626;color:#fff}@media(max-width:768px){.wf-tpl-page-grid{grid-template-columns:1fr}}.wf-step-upload-section{border-top:1px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:8px}.wf-step-upload-label{font-size:12px;color:var(--text-secondary);font-weight:500}.wf-step-upload-btn{display:inline-flex;align-items:center;padding:5px 12px;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--brand);font-size:12px;font-weight:600;cursor:pointer;width:fit-content;transition:all .15s}.wf-step-upload-btn:hover{border-color:var(--brand);background:var(--brand-light)}.wf-step-file-list{display:flex;flex-direction:column;gap:5px}.wf-step-file-item{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border)}.wf-step-file-name{font-size:12px;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-step-file-size{font-size:11px;color:var(--text-secondary);flex-shrink:0}.wf-step-file-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:11px;padding:1px 4px;border-radius:3px;flex-shrink:0;line-height:1}.wf-step-file-remove:hover{background:#fee2e2;color:#dc2626}.wf-attachments-section{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.wf-attachments-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.wf-attachment-item{display:flex;align-items:center;gap:6px;padding:4px 0}.wf-attachment-link{font-size:11px;color:var(--brand);cursor:pointer;text-decoration:none;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-attachment-link:hover{text-decoration:underline}.wf-attachment-type{font-size:10px;padding:1px 5px;border-radius:99px;font-weight:600;flex-shrink:0}.wf-attachment-brief{background:#dbeafe;color:#1e40af}.wf-attachment-evidence{background:#d1fae5;color:#065f46}.wf-evidence-upload{margin-top:6px}.wf-evidence-upload-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--brand);font-size:11px;font-weight:600;cursor:pointer;background:none;transition:all .15s;width:100%;justify-content:center}.wf-evidence-upload-btn:hover{border-color:var(--brand);background:var(--brand-light)}.wf-brief-attachments{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:#dbeafe;border-radius:var(--radius-sm);margin-bottom:12px}.wf-brief-label{font-size:12px;font-weight:600;color:#1e40af;flex-shrink:0}.wf-brief-item{font-size:12px;color:#1d4ed8;cursor:pointer;text-decoration:underline;white-space:nowrap}.wf-brief-item:hover{color:#1e40af}.wf-build-name-strip{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--card-bg);color:var(--text);margin-bottom:18px;font-weight:500}.wf-build-step-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:12px;display:flex;flex-direction:column;gap:12px}.wf-build-step-header{display:flex;align-items:center;gap:10px}.wf-step-num-circle{width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wf-build-step-label{flex:1;font-size:13px;font-weight:600;color:var(--text)}.wf-build-step-remove{background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm)}.wf-build-step-remove:hover{color:#dc2626;background:#fee2e2}.wf-build-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wf-build-field{display:flex;flex-direction:column;gap:4px}.wf-build-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.wf-build-input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:var(--card-bg);color:var(--text);outline:none;transition:border-color .15s}.wf-build-input:focus{border-color:var(--brand)}.wf-build-parallel{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text);cursor:pointer}.wf-build-parallel input[type=checkbox]{accent-color:var(--brand);width:14px;height:14px;flex-shrink:0}.wf-build-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;margin-top:4px}@media(max-width:768px){.wf-build-field-row{grid-template-columns:1fr}.wf-build-step-card{padding:14px 16px}}.wf-current-stage{display:flex;flex-direction:column;gap:2px}.wf-stage-title{font-size:12px;font-weight:600;color:var(--text)}.wf-stage-person{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.wf-stage-role{font-size:10px;padding:1px 5px;background:var(--bg);border-radius:99px;color:var(--text-secondary);border:1px solid var(--border)}.wf-mobile-stage{font-size:12px;color:var(--brand-dark);font-weight:500;margin-bottom:4px}.wf-section-label{font-size:12px;font-weight:700;color:var(--text);padding:8px 0;border-bottom:1px solid var(--border);margin-bottom:12px;display:flex;align-items:center;gap:6px}.wf-section-label-upcoming{color:var(--text-secondary);margin-top:8px}.wf-locked-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;background:#f3f4f6;color:#6b7280;border:1px solid var(--border)}.wf-locked-action{font-size:11px;color:var(--text-secondary)}.wf-lock-icon{font-size:11px}.wf-assigned-card-locked{opacity:.75;cursor:default;border-left-color:var(--border)}.wf-assigned-card-locked:hover{box-shadow:none;border-color:var(--border)}.wf-bulk-hint{font-size:11px;color:var(--text-secondary);margin:-8px 0 8px}.wf-bulk-user-list{max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column}.wf-bulk-user-row{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .1s}.wf-bulk-user-row input[type=checkbox]{accent-color:var(--brand);width:14px;height:14px;flex-shrink:0}.wf-bulk-user-name{flex:1;font-size:13px;color:var(--text);font-weight:500}.wf-bulk-selected{font-size:12px;font-weight:600;color:var(--brand);margin-top:8px;padding:6px 10px;background:var(--brand-light);border-radius:var(--radius-sm)}.user-picker-wrap{position:relative}.user-picker-trigger{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;min-height:44px;display:flex;align-items:center;gap:10px;background:var(--card-bg);-webkit-user-select:none;user-select:none}.user-picker-trigger:hover{border-color:var(--brand)}.user-picker-placeholder{color:var(--text-secondary);font-size:13px;flex:1}.user-picker-arrow{margin-left:auto;font-size:11px;color:var(--text-secondary);flex-shrink:0}.user-picker-list{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:100;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);max-height:240px;overflow-y:auto;box-shadow:0 4px 16px #0000001a}.user-picker-disabled{opacity:.55;cursor:not-allowed;background:var(--bg)}.wf-edit-step-locked{background:#f8fafc;opacity:.8}.wf-edit-locked-chip{font-size:11px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);padding:2px 8px;border-radius:99px;margin-left:auto}.wf-edit-readonly{font-size:13px;color:var(--text-secondary);padding:7px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.wf-edit-locked-content{opacity:.7}.wf-pip-step-desc{font-size:11px;color:var(--text-secondary);line-height:1.4;padding:5px 8px;background:var(--bg);border-radius:var(--radius-sm);border-left:3px solid var(--brand-light);margin-top:2px}.wf-pipe-status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600}.wf-pipe-status-pill.badge-active{background:#fef3c7;color:#d97706}.wf-pipe-status-pill.badge-completed{background:#ecfdf5;color:#059669}.wf-pipe-status-pill.badge-paused{background:#fef2f2;color:#dc2626}.wf-pipe-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.wf-step-status-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:99px;font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0}.wf-step-status-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.wf-pill-active{background:#fef3c7;color:#d97706}.wf-pill-done{background:#ecfdf5;color:#059669}.wf-pill-waiting{background:#f3f4f6;color:#6b7280}.wf-pill-returned{background:#fffbeb;color:#d97706}.wf-pill-rejected{background:#fef2f2;color:#dc2626}.wf-pill-cancelled{background:#f3f4f6;color:#9ca3af}.wf-step-active{border-color:#fcd34d!important;background:#fffdf0!important}.wf-step-active.wf-pipeline-step-mine{border-color:var(--brand)!important;background:var(--card-bg)!important;box-shadow:0 0 0 3px var(--brand-light)!important}.wf-progress-section{margin:14px 0 18px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius)}.wf-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.wf-progress-pct{font-weight:700;font-size:14px;color:var(--brand)}.wf-progress-bar{height:6px;background:#e5e7eb;border-radius:99px;overflow:hidden}.wf-progress-fill{height:100%;background:var(--brand);border-radius:99px;transition:width .4s ease}.wf-pipeline-container{padding:4px 0 16px;margin:0 0 20px}.wf-pipe-top-row{padding:16px 24px 0}.wf-pipe-title-block{padding:8px 24px 0;margin-bottom:4px}.wf-progress-section{margin:14px 24px 18px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius)}.wf-paused-banner{margin:0 24px 16px}.wf-brief-attachments{margin:0 24px 12px}.wf-pipeline-container{padding:4px 24px 16px;margin:0 0 20px}.wf-timeline-section{margin:0 24px 24px}@media(max-width:768px){.wf-pipe-top-row{padding:12px 16px 0}.wf-pipe-title-block{padding:8px 16px 0}.wf-progress-section{margin:12px 16px 16px}.wf-paused-banner{margin:0 16px 12px}.wf-brief-attachments{margin:0 16px 10px}.wf-pipeline-container{padding:4px 16px 16px}.wf-timeline-section{margin:0 16px 20px}}.wf-bulk-search-wrap{position:relative;margin-bottom:6px}.wf-bulk-search-input{width:100%;padding:7px 9px 7px 28px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text);background:var(--card-bg);outline:none}.wf-bulk-search-input:focus{border-color:var(--brand)}.wf-bulk-select-actions{display:flex;gap:8px;margin-bottom:6px}.wf-bulk-select-btn{background:none;border:none;color:var(--brand);font-size:12px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.wf-bulk-user-list{max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column}.wf-bulk-user-row{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .1s;-webkit-user-select:none;user-select:none}.wf-bulk-user-row:last-child{border-bottom:none}.wf-bulk-user-row:hover{background:var(--brand-light)}.wf-bulk-user-selected{background:#f0fdf4}.wf-bulk-user-row input[type=checkbox]{accent-color:var(--brand);width:15px;height:15px;flex-shrink:0}.wf-bulk-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid var(--border)}.wf-bulk-avatar-initials{width:32px;height:32px;border-radius:50%;background:var(--brand-light);color:var(--brand-dark);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid var(--brand-light)}.wf-bulk-user-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.wf-bulk-user-name{font-size:13px;font-weight:500;color:var(--text)}.wf-bulk-user-role{font-size:11px;color:var(--text-secondary)}.wf-bulk-check{font-size:13px;color:var(--brand);font-weight:700;flex-shrink:0}.wf-bulk-selected{font-size:12px;font-weight:600;color:var(--brand);margin-top:6px;padding:6px 10px;background:var(--brand-light);border-radius:var(--radius-sm)}.wf-bulk-hint{font-size:11px;color:var(--text-secondary);margin:-6px 0 8px}.lb-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.btn-publish-leaderboard{padding:6px 14px;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s;white-space:nowrap}.btn-publish-leaderboard:hover{background:var(--brand-dark)}.lb-published-strip{font-size:12px;color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius-sm);padding:8px 14px;margin-bottom:12px}.lb-unpublished-strip{font-size:12px;color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius-sm);padding:8px 14px;margin-bottom:12px}.lb-publish-mode-row{display:flex;gap:8px;margin-bottom:14px}.lb-mode-btn{flex:1;padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.lb-mode-btn:hover{border-color:var(--brand);color:var(--brand)}.lb-mode-btn.active{border-color:var(--brand);background:var(--brand-light);color:var(--brand-dark);font-weight:600}.lb-preview-table{width:100%;border-collapse:collapse;font-size:12px}.lb-preview-table thead tr{background:#f8fafc;border-bottom:1.5px solid var(--border)}.lb-preview-table th{padding:8px 10px;text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.lb-preview-table tbody tr{border-bottom:1px solid #f1f5f9}.lb-preview-table tbody tr:last-child{border-bottom:none}.lb-preview-table td{padding:8px 10px;color:var(--text)}.lb-rank-input{width:60px;padding:4px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;text-align:center;outline:none}.lb-rank-input:focus{border-color:var(--brand)}.lb-approve-preview,.lb-manual-rankings{max-height:280px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;font-weight:500}.lb-not-published-msg{font-size:13px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:12px}