@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-dark:#143b68;--primary:#2b6ca3;--primary-light:#50a7d6;--secondary:#6c85a3;--secondary-light:#9ca3af;--accent:#005973;--success:#10b981;--success-bg:#d1fae5;--success-text:#065f46;--info:#2563eb;--info-bg:#dbeafe;--info-text:#1e40af;--warning:#f59e0b;--warning-bg:#fef3c7;--warning-text:#92400e;--danger:#ef4444;--danger-bg:#fee2e2;--danger-text:#991b1b;--bg-color:#f4f7f9;--bg-surface:#fff;--bg-surface-glass:#ffffffb3;--text-primary:#1f2937;--text-secondary:#4b5563;--text-inverse:#fff;--shadow-sm:0 1px 2px 0 #143b680d;--shadow-md:0 4px 12px -2px #143b6814, 0 2px 4px -2px #143b680a;--shadow-lg:0 10px 30px -5px #143b6814, 0 4px 10px -5px #143b680a;--shadow-hover:0 20px 40px -10px #2b6ca326;--border-color:#e2e8f0;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--primary-dark);letter-spacing:-.02em;font-weight:700}a{color:var(--primary);text-decoration:none}.glass-panel{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);border:1px solid #fff9}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--text-inverse);box-shadow:0 4px 10px #2b6ca333}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 15px #143b684d}.btn-outline{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--primary-light);color:var(--primary);box-shadow:var(--shadow-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--secondary-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:inline-flex}.btn-icon:hover{background-color:var(--bg-hover,#0000000d);color:var(--primary)}.btn-icon.icon-delete:hover,.card-actions .btn-icon:last-child:hover{color:#ef4444;background-color:#ef44441a}.btn-icon:has(.lucide-trash-2):hover{color:#ef4444;background-color:#ef44441a}.card-header{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:1rem;display:flex}.card-actions{align-items:center;gap:.25rem;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}.empty-state{text-align:center;color:var(--text-secondary,#64748b);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3.5rem 2rem;font-size:.95rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172a8c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-height:90vh;padding:2rem;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.modal-md{max-width:560px}.modal-lg{max-width:820px}.modal-xl{max-width:980px}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-title-group{align-items:flex-start;gap:.85rem;display:flex}.modal-header-icon{width:40px;height:40px;color:var(--primary,#3b82f6);background:#3b82f61a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-header h3{color:var(--primary-dark,#0f172a);margin:0;font-size:1.3rem;font-weight:700;line-height:1.3}.modal-subtitle{color:var(--text-secondary,#64748b);margin-top:.3rem;font-size:.86rem;line-height:1.4}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.35rem;transition:all .15s;display:flex}.modal-close-btn:hover{color:#1e293b;background:#f1f5f9}.modal-body{flex-direction:column;gap:1.15rem;display:flex}.form-group label{color:#334155;align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;display:flex}.form-group label .required-badge{color:#ef4444;font-size:.85rem;font-weight:700}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:.7rem .9rem;font-family:inherit;font-size:.92rem;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8;font-size:.88rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary,#3b82f6);background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f626}.form-hint{color:#64748b;font-size:.78rem;line-height:1.4}.modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.85rem;margin-top:1.5rem;padding-top:1.2rem;display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.trash-modal-content{flex-direction:column;gap:1.25rem;display:flex}.trash-modal-header-actions{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.trash-count-label{color:var(--primary-dark,#2b6ca3);align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.trash-loading{color:var(--text-secondary,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.trash-items-list{flex-direction:column;gap:.75rem;max-height:480px;padding-right:.25rem;display:flex;overflow-y:auto}.trash-item-card{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.trash-item-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.trash-item-info{flex-direction:column;flex:1;gap:.35rem;display:flex}.trash-item-top{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.trash-type-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.type-okr{color:#3730a3;background-color:#e0e7ff}.type-project{color:#1e40af;background-color:#dbeafe}.type-resultado_chave{color:#92400e;background-color:#fef3c7}.type-action_plan{color:#6b21a8;background-color:#f3e8ff}.trash-parent-info{color:var(--text-secondary,#64748b);font-size:.78rem}.trash-parent-info strong{color:var(--text-primary,#334155)}.trash-item-title{color:var(--text-primary,#1e293b);margin:0;font-size:.96rem;font-weight:600;line-height:1.35}.trash-item-meta{color:var(--text-secondary,#64748b);align-items:center;gap:1rem;font-size:.78rem;display:flex}.trash-item-meta span{align-items:center;gap:.3rem;display:flex}.btn-restore{color:#047857;cursor:pointer;white-space:nowrap;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-restore:hover:not(:disabled){color:#fff;background-color:#10b981;border-color:#10b981;box-shadow:0 2px 6px #10b9814d}.btn-restore:disabled{opacity:.6;cursor:not-allowed}.user-select-container{width:100%;position:relative}.user-select-input-wrapper{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);background-color:var(--card-bg,#fff);cursor:text;align-items:center;width:100%;min-height:44px;padding:.25rem .5rem;transition:all .2s;display:flex;position:relative}.user-select-input-wrapper:hover{border-color:#cbd5e1}.user-select-input-wrapper.focused{border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px #3b82f626}.user-select-chips-area{flex-wrap:wrap;flex:1;align-items:center;gap:.4rem;min-width:0;padding-right:2.5rem;display:flex}.user-chip{color:#1e293b;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .5rem .2rem .25rem;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.user-chip:hover{background-color:#e2e8f0}.user-chip-avatar{border-radius:50%;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;font-size:.65rem;font-weight:700;display:flex}.user-chip-name{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.user-chip-remove{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:.1rem;padding:2px;transition:all .15s;display:flex}.user-chip-remove:hover{color:#ef4444;background-color:#fee2e2}.user-select-input{min-width:120px;color:var(--text-primary,#1e293b);flex:1;padding:.4rem .5rem;font-size:.92rem;background:0 0!important;border:none!important;outline:none!important}.user-select-actions{align-items:center;gap:.25rem;display:flex;position:absolute;right:.5rem}.user-select-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:all .15s;display:flex}.user-select-clear-btn:hover{color:#ef4444;background-color:#fee2e2}.user-select-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.35rem;transition:transform .2s,color .2s;display:flex}.user-select-toggle-btn.open{color:var(--primary,#3b82f6);transform:rotate(180deg)}.user-select-dropdown{z-index:1050;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:250px;padding:.4rem;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.user-select-list{flex-direction:column;gap:.2rem;display:flex}.user-select-item{cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .8rem;transition:all .15s;display:flex}.user-select-item:hover{background-color:#f1f5f9}.user-select-item.selected{background-color:#3b82f614}.user-avatar-badge{letter-spacing:.5px;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.user-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.user-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.user-check-icon{color:var(--primary,#3b82f6);min-width:16px}.user-select-empty{text-align:center;color:#64748b;flex-direction:column;gap:.6rem;padding:1rem .8rem;font-size:.85rem;display:flex}.btn-use-custom{color:var(--primary,#3b82f6);cursor:pointer;background:#eff6ff;border:1px dashed #3b82f6;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-use-custom:hover{background:#dbeafe}.user-select-dropdown::-webkit-scrollbar{width:6px}.user-select-dropdown::-webkit-scrollbar-track{background:0 0}.user-select-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.user-select-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scaleIn{animation:.15s ease-out scaleIn}.audit-modal-content{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;display:flex}.audit-toolbar-container{border-bottom:1px solid var(--border-color,#e2e8f0);flex-direction:column;gap:.75rem;padding-bottom:.85rem;display:flex}.audit-search-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.audit-search-box{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.audit-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.85rem}.audit-search-box input{box-sizing:border-box;color:#1e293b;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:.6rem 2.2rem .6rem 2.4rem;font-size:.88rem;transition:all .2s}.audit-search-box input:focus{border-color:var(--primary,#3b82f6);background-color:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61f}.audit-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.2rem;display:flex;position:absolute;right:.65rem}.audit-search-clear:hover{color:#475569;background-color:#e2e8f0}.audit-select-group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.audit-select-wrapper{align-items:center;display:flex;position:relative}.audit-select-wrapper .select-icon{color:#64748b;pointer-events:none;position:absolute;left:.65rem}.audit-select-wrapper select{color:#334155;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:.58rem 1.8rem .58rem 2rem;font-size:.84rem;font-weight:500;transition:all .2s}.audit-select-wrapper select:focus{border-color:var(--primary,#3b82f6);background-color:#fff;outline:none}.refresh-audit-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:.55rem;transition:all .15s;display:flex}.refresh-audit-btn:hover:not(:disabled){color:#1e293b;background:#e2e8f0}.audit-type-tabs{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.type-tab-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.type-tab-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.type-tab-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;box-shadow:0 1px 2px #3b82f614}.type-tab-count{color:#475569;background:#e2e8f0;border-radius:9999px;padding:.1rem .4rem;font-size:.72rem}.type-tab-btn.active .type-tab-count{color:#1e40af;background:#dbeafe}.audit-status-bar{color:#64748b;justify-content:space-between;align-items:center;margin-top:.15rem;font-size:.82rem;display:flex}.audit-count-label{color:var(--primary-dark,#2b6ca3);align-items:center;gap:.4rem;font-weight:500;display:flex}.audit-clear-filters-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .4rem;font-size:.8rem;font-weight:600;transition:background .15s;display:inline-flex}.audit-clear-filters-btn:hover{background:#fee2e2}.audit-timeline{box-sizing:border-box;flex-direction:column;gap:.9rem;width:100%;max-height:520px;padding-right:.6rem;display:flex;overflow:hidden auto}.timeline-item{box-sizing:border-box;align-items:stretch;gap:.85rem;width:100%;display:flex;position:relative}.timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;width:32px;display:flex}.timeline-avatar{z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:700;display:flex;box-shadow:0 1px 3px #0000001f}.timeline-line{background-color:var(--border-color,#e2e8f0);flex:1;width:2px;margin-top:4px}.timeline-item:last-child .timeline-line{display:none}.timeline-content{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-left-width:4px;border-radius:12px;flex-direction:column;flex:1 1 0;gap:.6rem;width:100%;min-width:0;padding:1rem 1.25rem;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000008}.timeline-content:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 3px 10px #0000000f}.timeline-content.type-action-plan{border-left-color:#3b82f6}.timeline-content.type-project{border-left-color:#0d9488}.timeline-content.type-kr{border-left-color:#d97706}.timeline-content.type-okr{border-left-color:#8b5cf6}.timeline-content.type-generic{border-left-color:#64748b}.timeline-target-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.35rem;display:flex}.timeline-target-main{flex-wrap:wrap;flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.timeline-entity-chip{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.timeline-entity-chip.type-action-plan{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.timeline-entity-chip.type-project{color:#0f766e;background-color:#f0fdfa;border:1px solid #99f6e4}.timeline-entity-chip.type-kr{color:#b45309;background-color:#fffbeb;border:1px solid #fde68a}.timeline-entity-chip.type-okr{color:#6b21a8;background-color:#faf5ff;border:1px solid #e9d5ff}.timeline-target-title-box{align-items:center;gap:.45rem;min-width:0;display:flex}.timeline-target-name{color:#0f172a;word-break:break-word;margin:0;font-size:.98rem;font-weight:800;line-height:1.35}.btn-copy-target{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.2rem;transition:all .15s;display:inline-flex}.btn-copy-target:hover{color:#3b82f6;background-color:#eff6ff}.copy-check{color:#16a34a}.timeline-trash-badge{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.timeline-hierarchy-breadcrumb{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.78rem;display:flex}.breadcrumb-segment{color:#475569;align-items:center;gap:.35rem;display:inline-flex}.breadcrumb-segment .segment-icon{color:#64748b}.breadcrumb-segment.okr-segment .segment-icon{color:#8b5cf6}.breadcrumb-segment.project-segment .segment-icon{color:#0d9488}.segment-label{color:#64748b;font-weight:600}.segment-value{color:#1e293b;font-weight:600}.breadcrumb-arrow{color:#cbd5e1}.timeline-meta-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.84rem;display:flex}.timeline-user-info{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.timeline-user-name{color:#334155;font-weight:700}.timeline-user-email{color:#94a3b8;font-size:.78rem}.timeline-badges-wrap{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.timeline-date-chip{color:#64748b;white-space:nowrap;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:500;display:inline-flex}.timeline-details-box{border-top:1px solid #f1f5f9;padding-top:.4rem}.timeline-diff-list{flex-direction:column;gap:.45rem;display:flex}.diff-field-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.45rem .75rem;font-size:.85rem;display:flex}.diff-field-badge{color:#1e293b;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;background:#e2e8f0;border-radius:6px;padding:.18rem .55rem;font-size:.75rem;font-weight:700}.diff-values-flow{flex-wrap:wrap;flex:1;align-items:center;gap:.45rem;min-width:0;display:flex}.diff-val-old{color:#64748b;word-break:break-word;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:.15rem .55rem;font-weight:500;text-decoration:line-through}.diff-arrow{color:#3b82f6;align-items:center;display:flex}.diff-val-new{color:#0f172a;word-break:break-word;background:#dcfce7;border:1px solid #86efac;border-radius:6px;padding:.15rem .55rem;font-weight:700}.diff-text-card{color:#334155;align-items:flex-start;gap:.45rem;padding:.2rem 0;font-size:.88rem;line-height:1.45;display:flex}.diff-bullet{color:#3b82f6;font-weight:700}.diff-text{word-break:break-word;flex:1}.audit-badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:9999px;align-items:center;padding:.18rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-create{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.badge-update{color:#1d4ed8;background-color:#dbeafe;border:1px solid #bfdbfe}.badge-status{color:#7e22ce;background-color:#f3e8ff;border:1px solid #e9d5ff}.badge-delete{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca}.badge-restore{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.badge-default{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.modal-footer-hint{color:#64748b;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.audit-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex}.empty-state h4{color:#1e293b;margin:.4rem 0 .2rem;font-size:1.05rem}.empty-state p{color:#64748b;margin:0;font-size:.85rem}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=640px){.audit-search-row,.audit-select-group{flex-direction:column;align-items:stretch}.audit-select-wrapper select{width:100%}.timeline-target-header,.timeline-meta-bar{flex-direction:column;align-items:flex-start}.timeline-badges-wrap{margin-left:0}}.approvals-modal-container{flex-direction:column;gap:1.25rem;max-height:75vh;padding:.25rem .1rem;display:flex;overflow-y:auto}.approvals-info-banner{background:linear-gradient(135deg,#2b6ca314 0%,#3b82f60d 100%);border:1px solid #2b6ca326;border-radius:10px;align-items:flex-start;gap:.9rem;padding:.9rem 1.1rem;display:flex}.approvals-info-icon{background:var(--primary,#3b82f6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.approvals-info-title{color:var(--primary-dark,#1e3a8a);margin-bottom:.2rem;font-size:.96rem;font-weight:700}.approvals-info-subtitle{color:var(--text-secondary,#64748b);font-size:.83rem;line-height:1.35}.approvals-empty-state{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.empty-check-icon{color:#10b981;background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:1rem;display:flex}.approvals-empty-state h4{color:#1e293b;margin-bottom:.35rem;font-size:1.15rem}.approvals-empty-state p{color:#64748b;font-size:.9rem}.approvals-list{flex-direction:column;gap:1rem;display:flex}.approval-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.approval-card:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #00000012}.approval-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.approval-path-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.78rem;display:inline-flex}.approval-path-okr{color:var(--primary-dark,#1e3a8a);font-weight:700}.approval-path-separator{color:#94a3b8;font-size:.85rem}.approval-path-kr{font-weight:600}.approval-status-badge{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.approval-action-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.approval-action-how{color:#475569;border-left:3px solid var(--primary,#3b82f6);background:#f8fafc;border-radius:6px;margin:0;padding:.55rem .75rem;font-size:.86rem}.approval-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;padding-top:.35rem;display:grid}.approval-meta-item{color:#334155;align-items:center;gap:.4rem;font-size:.84rem;display:flex}.meta-icon{color:#64748b;flex-shrink:0}.meta-label{color:#64748b;font-weight:500}.meta-value{color:#1e293b;font-weight:600}.value-budget{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:.15rem .5rem;font-size:.95rem;font-weight:800}.approval-attachments-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.35rem;padding:.6rem .8rem;display:flex}.attachments-title{color:#64748b;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;display:flex}.attachments-list{flex-wrap:wrap;gap:.5rem;display:flex}.attachment-pill{color:var(--primary,#3b82f6);background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.attachment-pill:hover{border-color:var(--primary,#3b82f6);background:#3b82f614}.attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.approval-reject-box{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-direction:column;gap:.5rem;margin-top:.35rem;padding:.85rem;display:flex}.reject-box-title{color:#991b1b;align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;display:flex}.reject-textarea{color:#1e293b;border:1px solid #fca5a5;border-radius:6px;outline:none;width:100%;padding:.5rem .75rem;font-size:.86rem}.reject-textarea:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.reject-box-actions{justify-content:flex-end;gap:.5rem;display:flex}.approval-card-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.25rem;padding-top:.6rem;display:flex}.btn-link-navigate{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.83rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-link-navigate:hover{color:var(--primary,#3b82f6);background:#3b82f60f}.approval-action-buttons{gap:.6rem;display:flex}.btn-approval-approve{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.86rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #10b98140}.btn-approval-approve:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 10px #10b98159}.btn-approval-reject{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.86rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-approval-reject:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.main-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin:1.5rem 1.5rem 0;padding:1.25rem 2rem;display:flex}.header-brand{align-items:center;gap:1.5rem;display:flex}.logo-container{align-items:center;height:45px;display:flex}.brand-logo{object-fit:contain;height:100%}.header-title{color:var(--primary-dark);flex-direction:column;font-size:1.4rem;font-weight:700;line-height:1.2;display:flex}.header-title span{color:var(--secondary);font-size:.9rem;font-weight:500}.header-nav{flex:1;justify-content:flex-end;align-items:center;gap:.8rem;display:flex}.nav-btn{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.95rem;font-weight:600;display:flex}.nav-btn:hover{color:var(--primary);background:#2b6ca30d}.nav-btn.active{background:var(--primary);color:var(--text-inverse);box-shadow:0 4px 10px #2b6ca333}.nav-btn.active:hover{background:var(--primary-dark);color:var(--text-inverse)}.spacer{border-left:1px solid var(--border-color);height:24px;margin-left:1.5rem}.user-profile{border-radius:var(--radius-full);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;background:#2b6ca30d;align-items:center;gap:.75rem;padding:.3rem .75rem .3rem .4rem;transition:all .25s;display:flex}.user-profile.is-clickable{cursor:pointer}.user-profile.is-clickable:hover{border-color:var(--primary-light,#60a5fa);background:#2b6ca31a;transform:translateY(-1px);box-shadow:0 2px 10px #2b6ca31f}.user-profile.has-notifications{background:linear-gradient(135deg,#ef444414 0%,#f973160d 100%);border-color:#ef444459;box-shadow:0 0 12px #ef444426}.user-profile.has-notifications:hover{background:linear-gradient(135deg,#ef444424 0%,#f973161a 100%);border-color:#ef4444;box-shadow:0 4px 16px #ef444440}.user-avatar-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.user-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 2px 5px #0000001a}.android-notification-badge{color:#fff;z-index:10;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:800;line-height:1;animation:2.4s ease-in-out infinite androidBadgePulse;display:flex;position:absolute;top:-4px;right:-5px;box-shadow:0 2px 6px #dc262680}@keyframes androidBadgePulse{0%,to{transform:scale(1);box-shadow:0 2px 6px #dc262680}50%{transform:scale(1.15);box-shadow:0 0 12px #ef4444cc}}.user-profile-info{flex-direction:column;line-height:1.15;display:flex}.user-greeting{color:var(--text-primary);font-size:.88rem;font-weight:600}.user-role-badge.pending{color:#dc2626;letter-spacing:.01em;font-size:.7rem;font-weight:700}.btn-header-action{border-radius:var(--radius-full,9999px);border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);cursor:pointer;background:#2b6ca30d;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-header-action:hover{background:var(--primary,#3b82f6);color:#fff;border-color:var(--primary,#3b82f6);box-shadow:0 2px 8px #3b82f633}.btn-header-text{font-size:.85rem}.btn-logout-icon{color:var(--secondary-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}.btn-logout-icon:hover{background:var(--danger-bg);color:var(--danger)}@media (width<=992px){.main-header{flex-direction:column;align-items:stretch}.header-brand{border-bottom:1px solid var(--border-color);justify-content:center;padding-bottom:1rem}.header-nav{flex-wrap:wrap;justify-content:center}.spacer{display:none}}.layout-container{background:var(--bg-color);flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem 1.5rem}@media (width<=768px){.main-content{padding:1.5rem 1rem}}.login-wrapper{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-light) 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{text-align:center;width:100%;max-width:400px;padding:2.5rem 2rem}.login-header h2{color:var(--primary-dark);margin-bottom:.5rem}.login-header p{color:var(--text-secondary);margin-bottom:2rem}.login-form{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.form-group input{border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);padding:.8rem;font-size:1rem}.form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0f4c8133}.login-btn{margin-top:1rem;padding:.8rem;font-size:1rem}.error-alert{color:var(--danger);border-radius:var(--radius-sm);text-align:center;background-color:#fee2e2;padding:.8rem;font-size:.9rem}.login-footer{color:var(--text-secondary);margin-top:2rem}.confirm-modal{background:var(--bg-surface);border-radius:var(--radius-lg);width:90%;max-width:450px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modal-pop;overflow:hidden;box-shadow:0 20px 40px #0000001a}.confirm-modal-header{justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem .5rem;display:flex}.confirm-icon-container{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.confirm-icon-container.destructive{color:#dc2626;background:#dc26261a}.confirm-icon-container.primary{color:var(--primary);background:#2b6ca31a}.confirm-modal-body{padding:1rem 1.5rem 1.5rem}.confirm-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.confirm-message{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.confirm-modal-actions{border-top:1px solid var(--border-color);background:#00000005;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;display:flex}.btn-danger{color:#fff;background:#ef4444;border:none}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;animation:1.6s ease-in-out infinite shimmer;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{pointer-events:none;cursor:default!important;box-shadow:var(--shadow-sm,0 1px 2px 0 #0000000d)!important;transform:none!important}.skeleton-card:before{display:none!important}.skeleton-page-container{flex-direction:column;gap:1.5rem;width:100%;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-container{flex-direction:column;gap:2.5rem;display:flex}.home-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.home-header h2{color:var(--primary-dark);padding-bottom:.5rem;font-size:1.8rem;display:inline-block;position:relative}.home-header h2:after{content:"";background-color:var(--primary-light);border-radius:var(--radius-full);width:60px;height:4px;position:absolute;bottom:0;left:0}.view-toggle{background:var(--bg-surface);border-radius:var(--radius-full,9999px);border:1px solid var(--border-color,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 2px 0 #0000000d);gap:.5rem;padding:.35rem;display:flex}.okr-grid{gap:2rem;display:grid}.okr-grid.cols-2{grid-template-columns:repeat(2,1fr)}.okr-grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (width<=900px){.okr-grid.cols-2,.okr-grid.cols-3{grid-template-columns:1fr}}.okr-card{background-color:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:var(--transition);flex-direction:column;justify-content:space-between;gap:1.25rem;height:100%;padding:2.2rem 2rem;display:flex;position:relative;overflow:hidden}.okr-card:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);opacity:0;width:100%;height:4px;transition:var(--transition);position:absolute;top:0;left:0}.okr-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.okr-card:hover:before{opacity:1}.okr-badge{color:var(--primary);border-radius:var(--radius-full);background:#2b6ca31a;padding:.5rem 1rem;font-size:1rem;font-weight:700}.okr-title{color:var(--primary-dark);font-size:1.4rem;font-weight:700;line-height:1.3}.okr-leaders-list{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.okr-leader-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.4rem;width:fit-content;padding:.25rem .65rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.okr-leader-badge svg{color:var(--primary,#3b82f6)}.okr-meta{color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:auto;font-size:.95rem;font-weight:500;display:flex}.okr-meta:before{content:"";background-color:var(--primary-light);border-radius:50%;width:8px;height:8px;display:block}.okr-progress-section{flex-direction:column;gap:.4rem;width:100%;margin-top:.5rem;display:flex}.okr-progress-header{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.okr-progress-percent{color:var(--primary-dark);font-size:.95rem;font-weight:700}.okr-progress-bar-bg{border-radius:var(--radius-full,9999px);background-color:#e2e8f0;width:100%;height:8px;overflow:hidden}.okr-progress-bar-fill{border-radius:var(--radius-full,9999px);height:100%;transition:width .4s,background-color .4s}.okr-details-grid{border-top:1px solid #00000014;grid-template-columns:repeat(4,1fr);gap:.6rem;width:100%;margin-top:auto;padding-top:1rem;display:grid}@media (width<=600px){.okr-details-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}}.okr-detail-item{flex-direction:column;gap:.2rem;display:flex}.detail-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.detail-value{color:var(--text-primary);font-size:.95rem;font-weight:700}.budget-highlight{color:var(--primary-dark)}.empty-state{text-align:center;color:var(--text-secondary,#64748b);background:var(--bg-surface,#fff);border-radius:var(--radius-md,12px);border:1px dashed var(--border-color,#e2e8f0);flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 2rem;font-size:1rem;display:flex}.breadcrumbs-nav{width:100%;margin-bottom:1rem}.breadcrumbs-container{background:var(--bg-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.4rem .4rem .4rem 1rem;display:flex}.breadcrumbs-list{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{align-items:center;gap:.5rem;display:flex}.breadcrumb-link{color:var(--text-secondary);border-radius:var(--radius-md);padding:.3rem .6rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s}.breadcrumb-link.home-link{justify-content:center;align-items:center;padding:.4rem;display:flex}.breadcrumb-link:hover{color:var(--primary);background-color:var(--bg-hover)}.breadcrumb-current{color:var(--primary-dark);border-radius:var(--radius-md);background:#2b6ca314;border:1px solid #2b6ca326;padding:.3rem .6rem;font-size:.9rem;font-weight:600}.breadcrumb-separator{color:var(--text-muted);opacity:.6}.btn-back-breadcrumb{color:var(--primary);border-radius:var(--radius-full);cursor:pointer;background:#2b6ca314;border:1px solid #2b6ca326;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-back-breadcrumb:hover{background:var(--primary);color:#fff;transform:translate(-2px)}@media (width<=768px){.breadcrumbs-list{padding:.5rem .8rem}.breadcrumb-link,.breadcrumb-current{padding:.2rem .4rem;font-size:.85rem}}.status-select-container{-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.status-select-container.is-disabled{opacity:.6;pointer-events:none}.status-badge-btn{cursor:pointer;white-space:nowrap;background-color:#0000;border:1px solid #0000;border-radius:9999px;outline:none;align-items:center;gap:.55rem;padding:.38rem .85rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000a}.status-badge-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.status-badge-btn:active,.status-badge-btn.is-active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.status-dot-wrapper{justify-content:center;align-items:center;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:7.5px;height:7.5px}.dot-pulse{position:relative}.dot-pulse:after{content:"";opacity:.75;border:2px solid #3b82f6;border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite statusPulse;position:absolute;inset:-2px}@keyframes statusPulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(.9)}}.status-label-text{letter-spacing:-.01em}.status-chevron{opacity:.6;margin-left:-1px;transition:transform .2s,opacity .2s}.status-badge-btn:hover .status-chevron{opacity:.9}.status-chevron.rotate-180{opacity:1;transform:rotate(180deg)}.status-pill-pending{color:#92400e!important;background-color:#fef3c7!important;border-color:#fde68a!important}.status-pill-pending:hover{background-color:#fde68a!important;border-color:#fcd34d!important}.status-pill-in-progress{color:#1d4ed8!important;background-color:#eff6ff!important;border-color:#bfdbfe!important}.status-pill-in-progress:hover{background-color:#dbeafe!important;border-color:#93c5fd!important}.status-pill-completed{color:#065f46!important;background-color:#ecfdf5!important;border-color:#a7f3d0!important}.status-pill-completed:hover{background-color:#d1fae5!important;border-color:#6ee7b7!important}.status-pill-paused{color:#6d28d9!important;background-color:#f5f3ff!important;border-color:#ddd6fe!important}.status-pill-paused:hover{background-color:#ede9fe!important;border-color:#c4b5fd!important}.status-pill-cancelled{color:#991b1b!important;background-color:#fef2f2!important;border-color:#fecaca!important}.status-pill-cancelled:hover{background-color:#fee2e2!important;border-color:#fca5a5!important}.status-dropdown-popover{z-index:99999;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:2px;min-width:185px;padding:6px;animation:.16s cubic-bezier(.16,1,.3,1) statusDropdownFadeIn;display:flex;position:fixed;box-shadow:0 12px 30px -4px #0f172a29,0 8px 12px -6px #0f172a14}.status-dropdown-popover.open-downward{transform-origin:0 0}.status-dropdown-popover.open-upward{transform-origin:0 100%;transform:translateY(-100%)}@keyframes statusDropdownFadeIn{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.status-dropdown-header{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;border-bottom:1px solid #f1f5f9;margin-bottom:3px;padding:.35rem .6rem .4rem;font-size:.72rem;font-weight:700}.status-dropdown-list{flex-direction:column;gap:3px;display:flex}.status-dropdown-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:.48rem .75rem;font-family:inherit;transition:all .15s;display:flex}.status-dropdown-item:hover{background-color:#f8fafc;transform:translate(2px)}.status-dropdown-item.is-selected{font-weight:600}.status-dropdown-item.is-selected.status-pill-pending{background-color:#fef3c7;border-color:#fde68a}.status-dropdown-item.is-selected.status-pill-in-progress{background-color:#eff6ff;border-color:#bfdbfe}.status-dropdown-item.is-selected.status-pill-completed{background-color:#ecfdf5;border-color:#a7f3d0}.status-dropdown-item.is-selected.status-pill-paused{background-color:#f5f3ff;border-color:#ddd6fe}.status-dropdown-item.is-selected.status-pill-cancelled{background-color:#fef2f2;border-color:#fecaca}.status-item-left{align-items:center;gap:.6rem;display:flex}.status-item-dot{border-radius:50%;flex-shrink:0;width:7.5px;height:7.5px}.status-item-label{color:#334155;font-size:.83rem}.status-dropdown-item.is-selected .status-item-label{color:inherit;font-weight:700}.status-item-check{opacity:.9;flex-shrink:0;margin-left:.5rem}.status-select-container.small .status-badge-btn{padding:.25rem .65rem;font-size:.75rem}.status-select-container.large .status-badge-btn{padding:.5rem 1.1rem;font-size:.9rem}.keyresults-container{flex-direction:column;gap:2rem;display:flex}.header-row{border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.table-responsive{background-color:var(--bg-surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:0;overflow-x:auto}.kr-table{border-collapse:collapse;width:100%;min-width:900px}.kr-table th,.kr-table td{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:1.2rem 1rem}.kr-table th{background-color:var(--primary-dark);color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.kr-table th:first-child{border-top-left-radius:var(--radius-lg)}.kr-table th:last-child{border-top-right-radius:var(--radius-lg)}.kr-table tbody tr{transition:var(--transition)}.kr-table tbody tr.clickable-row{cursor:pointer}.kr-table tbody tr:hover{background-color:#2b6ca30a}.kr-table td.kr-title-cell{color:var(--primary-dark);font-weight:600}.status-badge{border-radius:var(--radius-full,9999px);align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.progress-container{align-items:center;gap:.75rem;width:100%;display:flex}.progress-bar-bg{background-color:var(--border-color);border-radius:14px;flex:1;height:28px;position:relative;overflow:hidden}.progress-bar-fill{height:100%;transition:width .5s ease-out}.progress-text{color:var(--text-primary);min-width:40px;font-size:.85rem;font-weight:700}.empty-state{text-align:center;background:0 0;font-size:1.1rem;color:var(--text-secondary)!important;padding:4rem!important}.kr-action-link{color:var(--primary);border-radius:var(--radius-sm,6px);transition:var(--transition,all .2s ease);background:#2b6ca314;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.kr-action-link:hover{background:var(--primary);color:#fff;text-decoration:none;transform:translate(2px)}.kr-external-link{color:var(--primary,#3b82f6);background:#3b82f614;border:1px solid #3b82f633;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.kr-external-link:hover{background:var(--primary,#3b82f6);color:#fff;border-color:var(--primary,#3b82f6);box-shadow:0 2px 6px #3b82f64d}.kr-link-empty{color:var(--text-secondary,#94a3b8);font-size:.9rem}.form-label-with-icon{color:var(--text-primary);align-items:center;gap:.45rem;margin-bottom:.4rem;font-size:.88rem;font-weight:600;display:flex}.form-label-with-icon svg{color:var(--primary,#3b82f6)}.form-hint{color:var(--text-secondary,#64748b);margin-top:.25rem;font-size:.78rem}.action-filter-bar{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.1rem;display:flex;box-shadow:0 1px 3px #0000000a}.search-input-wrapper input{border:1px solid var(--border-color,#e2e8f0);background:#f8fafc;border-radius:8px;outline:none;width:100%;padding:.55rem 2.2rem .55rem 2.4rem;font-size:.9rem;transition:all .2s}.clear-search-btn{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:2px;transition:all .15s;display:flex;position:absolute;right:.6rem}.clear-search-btn:hover{color:#ef4444;background:#fee2e2}.chip{border-radius:var(--radius-full,9999px);border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);cursor:pointer;background:#f8fafc;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .2s}@media (width<=768px){.header-row{flex-direction:column;align-items:flex-start;gap:1rem}}.gantt-container{width:100%;margin-top:1rem;padding:0;position:relative;overflow:hidden}.gantt-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:4rem 2rem;display:flex}.gantt-layout{border-radius:var(--radius-md,12px);width:100%;box-shadow:var(--shadow-sm,0 1px 3px #0000000a);background-color:var(--bg-panel,#fff);display:flex;overflow:hidden}.gantt-sidebar{border-right:2px solid var(--border-color,#e2e8f0);z-index:5;background-color:#fff;flex-direction:column;flex-shrink:0;width:280px;display:flex;box-shadow:2px 0 10px #00000005}.gantt-sidebar-header{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--primary-dark,#2b6ca3);align-items:center;height:52px;padding:0 1.5rem;font-size:.82rem;font-weight:700;display:flex}.gantt-sidebar-body{flex-direction:column;display:flex}.gantt-sidebar-row{height:70px;color:var(--text-primary,#1e293b);border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;padding:0 1.25rem;font-size:.9rem;font-weight:500;transition:background-color .15s;display:flex}.gantt-sidebar-text{-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;word-break:break-word;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.gantt-sidebar-row:last-child{border-bottom:none}.gantt-sidebar-row:hover{background-color:#f8fafc}.gantt-timeline-area{background-color:#fff;flex-direction:column;flex:1;display:flex;overflow:auto hidden}.gantt-timeline-content{flex-direction:column;min-height:100%;display:flex}.gantt-timeline-header{color:#fff;background:linear-gradient(90deg,#2b6ca3 0%,#3b82f6 100%);align-items:center;height:52px;font-weight:700;display:flex}.gantt-time-col{text-align:center;letter-spacing:.02em;white-space:nowrap;flex:1;padding:0 .5rem;font-size:.82rem}.gantt-timeline-body{flex-direction:column;flex:1;display:flex;position:relative}.gantt-grid{pointer-events:none;z-index:1;position:absolute;inset:0}.gantt-grid-line{background-color:var(--border-color,#e2e8f0);opacity:.7;width:1px;position:absolute;top:0;bottom:0}.gantt-track{border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;height:70px;display:flex;position:relative}.gantt-track:last-child{border-bottom:none}.gantt-bar-wrapper{z-index:2;cursor:pointer;align-items:center;height:32px;display:flex;position:absolute}.gantt-bar{border-radius:9999px;justify-content:center;align-items:center;width:100%;min-width:22px;height:100%;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 3px 8px #0000001f}.gantt-bar.is-narrow{min-width:24px}.gantt-bar-wrapper:hover .gantt-bar{z-index:10;transform:scaleY(1.1)scaleX(1.02);box-shadow:0 6px 16px #0000002e}.status-success{color:#fff;background-color:var(--success,#10b981)!important}.status-info{color:#fff;background-color:#2563eb!important}.status-warning{color:#fff;background-color:var(--warning,#f59e0b)!important}.status-paused{color:#fff;background-color:#8b5cf6!important}.status-danger{color:#fff;background-color:var(--danger,#ef4444)!important}.gantt-bar-date-inner{color:#fff;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #00000040;letter-spacing:-.01em;padding:0 .35rem;font-size:.72rem;font-weight:700}.gantt-bar-date-outside{white-space:nowrap;pointer-events:none;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.75rem;font-weight:700;animation:.2s fadeIn;display:flex;position:absolute;left:calc(100% + 8px);box-shadow:0 2px 5px #0000000f}.status-text-success{color:#059669;border-left:3px solid #10b981}.status-text-info{color:#1d4ed8;border-left:3px solid #2563eb}.status-text-warning{color:#d97706;border-left:3px solid #f59e0b}.status-text-paused{color:#7c3aed;border-left:3px solid #8b5cf6}.status-text-danger{color:#dc2626;border-left:3px solid #ef4444}.gantt-floating-tooltip{color:#fff;pointer-events:none;z-index:99999;background:#0f172a;border-radius:10px;min-width:230px;max-width:320px;padding:.85rem 1rem;font-size:.82rem;animation:.15s ease-out tooltipFadeIn;position:fixed;box-shadow:0 20px 35px -5px #00000059,0 0 0 1px #ffffff1f}.gantt-floating-tooltip.tooltip-above{transform:translate(-50%,-100%)}.gantt-floating-tooltip.tooltip-below{transform:translate(-50%)}.gantt-floating-tooltip.tooltip-above:after{content:"";border:6px solid #0000;border-top-color:#0f172a;position:absolute;top:100%;left:50%;transform:translate(-50%)}.gantt-floating-tooltip.tooltip-below:after{content:"";border:6px solid #0000;border-bottom-color:#0f172a;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-95%)scale(.96)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.gantt-floating-tooltip.tooltip-below{animation:.15s ease-out tooltipFadeInBelow}@keyframes tooltipFadeInBelow{0%{opacity:0;transform:translate(-50%,5px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.gantt-tooltip-header{justify-content:flex-start;margin-bottom:.4rem;display:flex}.gantt-tooltip-badge{text-transform:uppercase;border-radius:9999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.gantt-tooltip-title{color:#f8fafc;margin-bottom:.5rem;font-size:.88rem;font-weight:600;line-height:1.35}.gantt-tooltip-details{border-top:1px solid #ffffff1a;flex-direction:column;gap:.3rem;padding-top:.5rem;display:flex}.gantt-tooltip-row{justify-content:space-between;gap:.5rem;font-size:.78rem;display:flex}.tooltip-label{color:#94a3b8}.tooltip-value{color:#e2e8f0;text-align:right;font-weight:500}.action-container{flex-direction:column;gap:2rem;display:flex}.table-leaders-list{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.table-leader-chip{color:#334155;white-space:nowrap;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:.15rem .45rem;font-size:.78rem;font-weight:500;display:inline-flex}.action-header{border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.view-toggle-main{background:var(--bg-surface,#fff);border-radius:var(--radius-full,9999px);border:1px solid var(--border-color,#e2e8f0);align-items:center;gap:.35rem;padding:.35rem;display:flex;box-shadow:0 1px 3px #0000000a}.toggle-tab-btn{border-radius:var(--radius-full,9999px);color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.55rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.toggle-tab-btn svg{color:inherit}.toggle-tab-btn:hover{color:var(--text-primary,#1e293b);background:#00000008}.toggle-tab-btn.active{background:var(--primary,#3b82f6);color:#fff;box-shadow:0 2px 8px #3b82f640}.tab-count-badge{min-width:22px;height:22px;color:inherit;background:#00000014;border-radius:9999px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.toggle-tab-btn.active .tab-count-badge{color:#fff;background:#ffffff40}.table-responsive{width:100%;padding:1.5rem;overflow-x:auto}.action-table{border-collapse:collapse;width:100%;min-width:900px}.action-table th,.action-table td{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:1.2rem 1rem}.action-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);background-color:#0000;font-size:.85rem;font-weight:600}.action-table tbody tr{transition:var(--transition)}.action-table tbody tr:hover{background-color:#2b6ca308}.action-table td:first-child{color:var(--primary-dark);font-weight:600}.status-badge{border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:inline-flex}.status-indicator{border-radius:50%;width:8px;height:8px}.status-badge.status-success{background-color:var(--success-bg);color:var(--success-text)}.status-badge.status-success .status-indicator{background-color:var(--success)}.status-badge.status-info{background-color:var(--info-bg,#dbeafe);color:var(--info-text,#1e40af)}.status-badge.status-info .status-indicator{background-color:var(--info,#2563eb)}.status-badge.status-warning{background-color:var(--warning-bg);color:var(--warning-text)}.status-badge.status-warning .status-indicator{background-color:var(--warning)}.status-badge.status-danger{background-color:var(--danger-bg);color:var(--danger-text)}.status-badge.status-danger .status-indicator{background-color:var(--danger)}.status-badge.status-paused{color:#7e22ce;background-color:#f3e8ff}.status-badge.status-paused .status-indicator{background-color:#8b5cf6}.toggle-switch{width:50px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translate(24px)}.expanded-details-card{border-radius:0 0 var(--radius) var(--radius);border-left:3px solid var(--primary);background-color:#f8fafc;flex-direction:column;gap:1.25rem;margin:.5rem 1rem 1.5rem 3rem;padding:1.5rem 2rem;display:flex;box-shadow:inset 0 2px 4px #00000005}.detail-group{flex-direction:column;gap:.4rem;display:flex}.detail-group strong{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.detail-group p{color:var(--text-primary);white-space:pre-wrap;margin:0;padding:.25rem 0;font-size:.95rem;line-height:1.6}.detail-grid{border-top:1px dashed var(--border-color);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:.5rem;padding-top:1.25rem;display:grid}.detail-item{flex-direction:column;gap:.3rem;display:flex}.detail-item strong{color:var(--text-secondary);font-size:.85rem}.detail-item span,.detail-item a{color:var(--text-primary);font-size:.95rem;font-weight:500}.action-audit-footer{border-top:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#64748b);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1rem;font-size:.82rem;display:flex}.action-audit-authors{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-link-audit{border:1px solid var(--border-color,#e2e8f0);color:var(--primary,#3b82f6);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-link-audit:hover{background:var(--primary,#3b82f6);color:#fff;border-color:var(--primary,#3b82f6);box-shadow:0 2px 6px #3b82f633}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3.5rem 2rem;font-size:.95rem;font-weight:500;display:flex}.action-filter-bar{background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex}.search-input-wrapper{flex:1;align-items:center;min-width:260px;max-width:420px;display:flex;position:relative}.search-input-wrapper input{border:1px solid var(--border-color);width:100%;transition:var(--transition);background:#f8fafc;border-radius:8px;outline:none;padding:.55rem 2.2rem .55rem 2.4rem;font-size:.9rem}.search-input-wrapper input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #3b82f626}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:.75rem}.clear-search-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:.6rem}.status-filter-chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.chip{border-radius:var(--radius-full,9999px);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#f8fafc;padding:.45rem .9rem;font-size:.82rem;font-weight:600}.chip:hover{color:var(--text-primary);background:#f1f5f9}.chip.active{background:var(--primary-dark,#143b68);color:#fff;border-color:var(--primary-dark,#143b68);box-shadow:0 2px 8px #143b6840}.chip-warning.active{color:#fff;background:#d97706;border-color:#d97706;box-shadow:0 2px 8px #d9770640}.chip-info.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb40}.chip-success.active{color:#fff;background:#059669;border-color:#059669;box-shadow:0 2px 8px #05966940}.chip-paused.active{color:#fff;background:#7c3aed;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed40}.chip-danger.active{color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 2px 8px #dc262640}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition)}.sortable-th:hover{background-color:#2b6ca30f;color:var(--primary-dark)!important}.th-content{align-items:center;gap:.4rem;display:flex}.sort-icon{opacity:.35;transition:transform .2s,opacity .2s}.sortable-th:hover .sort-icon{opacity:.8}.sort-icon.active{opacity:1;color:var(--primary-dark)}.budget-status-box{box-sizing:border-box;width:100%;transition:var(--transition);border-radius:10px;flex-direction:column;gap:.75rem;padding:1.1rem 1.25rem;display:flex}.budget-status-box.status-draft{background:#f1f5f9;border:1px solid #cbd5e1;border-left:4px solid #64748b}.budget-status-box.status-waiting{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b}.budget-status-box.status-approved{background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid #10b981}.budget-status-box.status-rejected{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444}.budget-status-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.budget-badge{border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.88rem;font-weight:700;display:inline-flex}.badge-draft{color:#334155;background:#e2e8f0}.badge-waiting{color:#92400e;background:#fef3c7}.badge-approved{color:#166534;background:#dcfce7}.badge-rejected{color:#991b1b;background:#fee2e2}.budget-status-desc{color:#475569;margin:0;font-size:.88rem;line-height:1.5}.btn-submit-budget{background:linear-gradient(135deg, var(--primary,#3b82f6) 0%, var(--primary-dark,#2b6ca3) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #2b6ca340}.btn-submit-budget:hover{transform:translateY(-2px);box-shadow:0 6px 14px #2b6ca359}.approver-actions-row{flex-direction:column;gap:.75rem;margin-top:.25rem;display:flex}.reject-reason-box{color:#991b1b;background:#fff;border:1px dashed #f87171;border-radius:8px;padding:.75rem 1rem;font-size:.88rem}.modal-actions-split{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:.75rem;width:calc(100vw - 3rem);max-width:380px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast-item{pointer-events:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.1rem;transition:all .2s;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0000001f,0 4px 6px -2px #0000000d}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-content{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.toast-icon{min-width:20px}.toast-icon.success{color:#10b981}.toast-icon.error{color:#ef4444}.toast-icon.warning{color:#f59e0b}.toast-icon.info{color:#3b82f6}.toast-message{color:#1e293b;font-size:.9rem;font-weight:500;line-height:1.4}.toast-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;transition:all .15s;display:flex}.toast-close-btn:hover{color:#475569;background:#f1f5f9}.toast-item.toast-success{border-left:4px solid #10b981}.toast-item.toast-error{border-left:4px solid #ef4444}.toast-item.toast-warning{border-left:4px solid #f59e0b}.toast-item.toast-info{border-left:4px solid #3b82f6}.toast-progress-bar{opacity:.3;background:currentColor;width:100%;height:3px;animation:linear forwards toastProgress;position:absolute;bottom:0;left:0}.toast-item.toast-success .toast-progress-bar{background:#10b981}.toast-item.toast-error .toast-progress-bar{background:#ef4444}.toast-item.toast-warning .toast-progress-bar{background:#f59e0b}.toast-item.toast-info .toast-progress-bar{background:#3b82f6}@keyframes toastProgress{0%{width:100%}to{width:0%}}