@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background-color:#f0f1f3;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.4;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#e5e7eb}::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280}:root{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-hover:#f1f5f9;--bg-muted:#e2e8f0;--bg-body:#f0f1f3;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--text-inverse:#fff;--text-dark:#1a1a1a;--border-light:#f1f5f9;--border-color:#e2e8f0;--border-dark:#cbd5e1;--border-muted:#e5e7eb;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-active:#1e40af;--primary-light:#eff6ff;--primary-border:#bfdbfe;--success:#16a34a;--success-hover:#15803d;--success-light:#f0fdf4;--success-border:#bbf7d0;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#fef2f2;--danger-border:#fca5a5;--warning:#d97706;--warning-hover:#b45309;--warning-light:#fffbeb;--warning-border:#fde68a;--shadow-rgb:0, 0, 0;--shadow-highlight:#ffffff80;--pp-th-bg:#8bcadd;--pp-th-border:#88b9d6;--pp-th-color:var(--text-inverse)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-hover:#334155;--bg-muted:#334155;--bg-body:#0f172a;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-light:#64748b;--text-inverse:#fff;--text-dark:#f8fafc;--border-light:#334155;--border-color:#334155;--border-dark:#475569;--border-muted:#334155;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-active:#2563eb;--primary-light:#3b82f626;--primary-border:#2563eb;--success:#22c55e;--success-hover:#4ade80;--success-light:#22c55e26;--success-border:#16a34a;--danger:#f87171;--danger-hover:#fca5a5;--danger-light:#ef444426;--danger-border:#dc2626;--warning:#fbbf24;--warning-hover:#f59e0b;--warning-light:#d9770626;--warning-border:#b45309;--shadow-rgb:0, 0, 0;--shadow-highlight:#0000001a;--pp-th-bg:#0f172a;--pp-th-border:#334155;--pp-th-color:var(--text-primary)}.top-navbar{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:200;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.navbar-left{align-items:center;gap:1rem;display:flex}.navbar-logo{object-fit:contain;width:auto;height:30px}.navbar-divider{background-color:#e2e8f0;width:1px;height:22px}.navbar-title{color:var(--text-primary);letter-spacing:-.01em;font-size:.9rem;font-weight:600}.navbar-right{align-items:center;gap:10px;display:flex}.user-info{cursor:default;border-radius:8px;align-items:center;gap:.625rem;padding:5px 8px;transition:background .15s;display:flex}.user-info:hover{background:var(--bg-hover)}.user-avatar{background:linear-gradient(135deg, var(--primary), #4f46e5);width:30px;height:30px;color:var(--text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.user-details{flex-direction:column;gap:1px;display:flex}.user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.82rem;font-weight:600;line-height:1;overflow:hidden}.user-role-badge{font-size:.65rem;font-weight:700;line-height:1}.logout-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex}.logout-btn:hover{border-color:var(--danger-border);color:var(--danger-hover);background:#fee2e2}.navbar-bell-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex;position:relative}.navbar-bell-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.navbar-badge{background:var(--danger);color:#fff;border:1px solid var(--border-light);border-radius:10px;padding:1px 4px;font-size:.6rem;font-weight:700;line-height:1;position:absolute;top:0;right:0}.navbar-notif-dropdown{background:var(--bg-card);border:1px solid var(--border-color);z-index:1000;border-radius:8px;flex-direction:column;width:320px;margin-top:.5rem;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.navbar-notif-header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);padding:.75rem 1rem;font-size:.875rem}.navbar-notif-list{flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.navbar-notif-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:.75rem 1rem;transition:background .2s,opacity .2s;position:relative}.navbar-notif-item.read{opacity:.75}.navbar-notif-item.unread{opacity:1}.navbar-notif-item:hover{background:var(--bg-secondary);opacity:1}.navbar-notif-item.theme-success{background-color:var(--success-light);border-left:3px solid #22c55e}.navbar-notif-item.theme-success:hover{background-color:#dcfce7}.navbar-notif-item.theme-info{background-color:var(--primary-light);border-left:3px solid #3b82f6}.navbar-notif-item.theme-info:hover{background-color:#dbeafe}.navbar-notif-item.theme-warning{background-color:var(--warning-light);border-left:3px solid #f59e0b}.navbar-notif-item.theme-warning:hover{background-color:#fef3c7}.navbar-notif-item.theme-error{background-color:var(--danger-light);border-left:3px solid var(--danger)}.navbar-notif-item.theme-error:hover{background-color:#fee2e2}.navbar-notif-title{color:var(--text-primary);margin-bottom:.25rem;font-size:.8125rem;font-weight:600}.navbar-notif-item.unread .navbar-notif-title{color:var(--text-primary)}.navbar-notif-msg{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.navbar-notif-dot{background-color:#3b82f6;border-radius:50%;width:6px;height:6px;position:absolute;top:.875rem;right:1rem}.navbar-notif-footer{text-align:center;color:#3b82f6;cursor:pointer;border-top:1px solid var(--border-color);padding:.75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.navbar-notif-footer:hover{background:var(--bg-primary);color:var(--primary)}.login-root{background:linear-gradient(#2b1055,#7597de,#ff8a66);justify-content:center;align-items:center;min-height:100vh;padding:30px 16px;display:flex;position:relative;overflow-y:auto}.login-bg{pointer-events:none;position:absolute;inset:0}.orb{filter:blur(80px);opacity:.35;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.orb-1{background:radial-gradient(circle,#3b5bdb,#1971c2);width:420px;height:420px;animation-delay:0s;top:-100px;left:-120px}.orb-2{background:radial-gradient(circle,#6741d9,#9c36b5);width:350px;height:350px;animation-delay:3s;bottom:-80px;right:-80px}.orb-3{opacity:.22;background:radial-gradient(circle,#0c8599,#1098ad);width:280px;height:280px;animation-delay:6s;bottom:100px;left:40px}.grid-overlay{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.login-card{z-index:10;-webkit-backdrop-filter:blur(16px);background:#0f172a73;border:1px solid #fff3;border-radius:16px;width:100%;max-width:460px;margin:20px auto;padding:36px 30px;transition:transform .15s;position:relative;box-shadow:0 15px 35px #0006}.login-card.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}to{transform:translate(0)}}.login-logo-container{justify-content:center;margin-bottom:20px;display:flex}.login-logo{object-fit:contain;height:40px}.login-title{color:var(--text-inverse);text-align:center;margin-bottom:30px;font-size:2.2rem;font-weight:700}.login-form{flex-direction:column;gap:20px;display:flex}.field-group{flex-direction:column;gap:7px;display:flex}.field-input-wrap{align-items:center;display:flex;position:relative}.field-icon-right{color:var(--text-inverse);pointer-events:none;flex-shrink:0;position:absolute;right:18px}.field-input{width:100%;color:var(--text-inverse);background:0 0;border:1px solid #fff6;border-radius:30px;outline:none;padding:12px 45px 12px 20px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s,background .2s,box-shadow .2s}.field-input::placeholder{color:#ffffffb3}.field-input:focus{background:#ffffff1a;border-color:#fff;box-shadow:0 0 0 3px #ffffff1a}.field-input.input-error{border-color:#ef4444cc;box-shadow:0 0 0 3px #ef44441f}.login-options{color:var(--text-inverse);justify-content:space-between;align-items:center;margin-top:-5px;margin-bottom:10px;font-size:.85rem;display:flex}.remember-me{cursor:pointer;align-items:center;gap:8px;display:flex}.forgot-password{color:var(--text-inverse);text-decoration:none;transition:opacity .2s}.forgot-password:hover{text-decoration:underline}.error-banner{color:var(--danger-border);background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;font-weight:500;animation:.25s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #00000040}[data-theme=dark] .login-btn{color:#0f172a;background:#fff}.login-btn:hover:not(:disabled){opacity:1;color:#020617;background:#f8fafc;transform:translateY(-1px);box-shadow:0 6px 20px #ffffff59}.login-btn:active:not(:disabled){transform:translateY(0)}.login-footer{text-align:center;color:var(--text-inverse);margin-top:25px;font-size:.85rem}.login-footer a{color:var(--text-inverse);font-weight:700;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-btn:disabled{cursor:not-allowed;opacity:.75}.spinner{border:2.5px solid #ffffff4d;border-top-color:var(--border-light);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.field-icon-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .2s,background-color .2s;display:flex;position:absolute;right:14px}.field-icon-btn:hover{color:#fff;background:#ffffff26}.quick-login-container{flex-direction:column;gap:12px;margin-top:24px;display:flex}.quick-login-divider{align-items:center;gap:10px;margin:4px 0;display:flex}.divider-line{background:#ffffff2e;flex:1;height:1px}.divider-badge{color:#ffffffd9;text-transform:uppercase;letter-spacing:.06em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.zap-icon{color:#fbbf24}.quick-login-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.quick-login-btn{color:#fff;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;outline:none;align-items:center;gap:10px;padding:8px 10px;font-family:Inter,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.quick-login-btn:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff61;transform:translateY(-1.5px);box-shadow:0 4px 14px #00000040}.quick-login-btn:active:not(:disabled){transform:translateY(0)}.quick-login-btn:disabled{opacity:.55;cursor:not-allowed}.quick-login-btn.logging-in{background:#ffffff38;border-color:#fff9;box-shadow:0 0 14px #ffffff4d}.quick-login-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex}.quick-login-btn:hover:not(:disabled) .quick-login-avatar{transform:scale(1.08)}.quick-login-info{flex-direction:column;min-width:0;display:flex;overflow:hidden}.quick-login-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;line-height:1.2;overflow:hidden}.quick-login-role{color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.68rem;overflow:hidden}.quick-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.cpm-overlay{-webkit-backdrop-filter:blur(2px);z-index:1100;background:#11182766;justify-content:center;align-items:center;padding:16px;animation:.2s cpm-fade;display:flex;position:fixed;inset:0}@keyframes cpm-fade{0%{opacity:0}to{opacity:1}}.cpm-modal{background:var(--bg-card);border-radius:12px;flex-direction:column;width:100%;max-width:500px;animation:.2s ease-out cpm-up;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes cpm-up{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cpm-header{justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;display:flex}.cpm-title{align-items:flex-start;gap:0;display:flex}.cpm-title-icon{display:none}.cpm-title-text{color:#4338ca;font-size:18px;font-weight:700;line-height:1.2;display:block}.cpm-title-sub{color:var(--text-muted);margin-top:6px;font-size:14px;font-weight:400;display:block}.cpm-close{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;margin-top:-4px;padding:4px;transition:color .15s,background .15s;display:flex}.cpm-close:hover{color:var(--text-secondary);background:var(--bg-secondary)}.cpm-body{flex-direction:column;gap:20px;padding:0 24px 24px;display:flex}.cpm-field{flex-direction:column;gap:6px;display:flex}.cpm-label{color:#4f46e5;text-transform:none;letter-spacing:normal;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.cpm-label svg{display:none}.cpm-req{color:var(--danger);margin-left:2px}.cpm-input,.cpm-select{background:var(--bg-card);border:1px solid var(--border-dark);color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #0000000d}.cpm-input::placeholder{color:#9ca3af}.cpm-input:focus,.cpm-select:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.cpm-input-err,.cpm-select.cpm-input-err{border-color:#f87171!important;box-shadow:0 0 0 4px #f871711a!important}.cpm-select-wrap{position:relative}.cpm-select{appearance:none;cursor:pointer;padding-right:36px}.cpm-select option{background:var(--bg-card);color:var(--text-primary)}.cpm-select-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.cpm-type-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cpm-type-card{background:var(--bg-card);border:1px solid var(--border-dark);cursor:pointer;text-align:center;color:var(--text-secondary);border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:12px 10px;transition:all .15s;display:flex;box-shadow:0 1px 2px #0000000d}.cpm-type-card:hover{background:var(--bg-secondary);border-color:#9ca3af}.cpm-type-card.selected{color:#4f46e5;background:#eef2ff;border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.cpm-type-code{font-size:14px;font-weight:600}.cpm-type-desc{color:var(--text-muted);font-size:12px;font-weight:400;line-height:1.3}.cpm-type-card.selected .cpm-type-desc{color:#6366f1}.cpm-loading-users{color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-muted);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.cpm-spin{flex-shrink:0;animation:.8s linear infinite cpm-rotate}@keyframes cpm-rotate{to{transform:rotate(360deg)}}.cpm-hint{color:var(--warning);margin:4px 0 0;font-size:13px}.cpm-leader-preview{background:var(--bg-card);border:1px solid var(--border-muted);border-radius:8px;align-items:center;gap:12px;margin-top:4px;padding:12px 16px;display:flex}.cpm-leader-avatar{background:var(--bg-secondary);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.cpm-leader-name{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.2}.cpm-leader-email{color:var(--text-muted);margin-top:2px;font-size:13px}.cpm-error{background:var(--danger-light);color:#b91c1c;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex}.cpm-footer{justify-content:flex-end;gap:12px;padding-top:24px;display:flex}.cpm-btn-cancel{background:var(--bg-card);border:1px solid var(--border-dark);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex;box-shadow:0 1px 2px #0000000d}.cpm-btn-cancel:hover{background:var(--bg-secondary);color:var(--text-primary)}.cpm-btn-submit{color:var(--text-inverse);cursor:pointer;background:#6366f1;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex;box-shadow:0 1px 2px #0000000d}.cpm-btn-submit svg{display:none}.cpm-btn-submit:hover:not(:disabled){background:#4f46e5}.cpm-btn-submit:active:not(:disabled){transform:scale(.98)}.cpm-btn-submit:disabled{opacity:.6;cursor:not-allowed}.cpm-success{flex-direction:column;gap:24px;padding:32px 24px;display:flex}.cpm-success-header{text-align:center}.cpm-success-icon{color:#10b981;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:inline-flex}.cpm-success-title{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.cpm-success-sub{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.cpm-success-card{background:var(--bg-secondary);border:1px solid var(--border-muted);border-radius:12px;overflow:hidden}.cpm-detail-row{border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.cpm-detail-row:last-child{border-bottom:none}.cpm-detail-label{color:var(--text-muted);font-size:13px;font-weight:500}.cpm-detail-value{color:var(--text-primary);text-align:right;font-size:14px;font-weight:500}.cpm-project-code{color:var(--text-primary);font-family:inherit}.cpm-detail-badge{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500}.cpm-phases{border-top:1px solid var(--border-muted);background:var(--bg-card);padding:16px}.cpm-phases-label{color:var(--text-secondary);margin-bottom:12px;font-size:13px;font-weight:500}.cpm-phases-list{flex-wrap:wrap;gap:8px;display:flex}.cpm-phase-chip{background:var(--bg-card);border:1px solid var(--border-muted);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:flex;box-shadow:0 1px 2px #0000000d}.cpm-phase-code{color:var(--text-secondary);font-size:12px;font-weight:600}.cpm-phase-name{color:var(--text-muted);font-size:12px}.cpm-success-footer{justify-content:stretch;gap:12px;display:flex}.cpm-success-footer button{flex:1}.cpm-success-sub-clean{color:var(--text-secondary);text-align:center;margin:0;font-size:15px;line-height:1.5}.cpm-success-info-box{background:var(--bg-secondary);border:1px solid var(--border-muted);text-align:center;border-radius:12px;flex-direction:column;gap:12px;padding:1.5rem;display:flex}.cpm-success-info-box p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.cpm-success-action-hint{font-weight:500;color:var(--text-primary)!important}.cpm-success-footer-clean{gap:12px;margin-top:8px;display:flex}.cpm-btn-cancel-clean{border:1px solid var(--border-dark);background:var(--bg-card);height:42px;color:var(--text-primary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:all .2s;display:flex}.cpm-btn-cancel-clean:hover{background:var(--bg-secondary)}.cpm-btn-submit-clean{color:#fff;cursor:pointer;background:#0891b2;border:none;border-radius:8px;flex:2;justify-content:center;align-items:center;gap:8px;height:42px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.cpm-btn-submit-clean:hover{background:#0e7490;box-shadow:0 4px 12px #0891b233}.pp-root{box-sizing:border-box;background:var(--bg-card);min-height:100%;color:var(--text-primary);flex-direction:column;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.pp-root *{box-sizing:border-box}.pp-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.pp-header-left{align-items:center;gap:12px;display:flex}.pp-header-icon{display:none}.pp-header-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.pp-header-sub{color:var(--text-muted);margin:4px 0 0;font-size:.75rem}.pp-header-actions{gap:12px;display:flex}.pp-btn-refresh,.pp-btn-create{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.pp-btn-refresh{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-muted)}.pp-btn-refresh:hover{background:var(--bg-secondary)}.pp-btn-create{color:var(--text-inverse);background:#6366f1}.pp-btn-create:hover{background:#4f46e5}.pp-stats{flex:1;justify-content:center;gap:.75rem;display:flex}.pp-stat-card{background:var(--bg-card);border:1px solid #f3f4f6;border-radius:8px;flex-direction:column;gap:.25rem;min-width:130px;padding:.5rem .75rem;display:flex;box-shadow:0 1px 2px #00000005}.pp-stat-header{align-items:center;gap:8px;display:flex}.pp-stat-dot{border-radius:50%;width:8px;height:8px}.dot-purple{background-color:#8b5cf6}.dot-orange{background-color:#f97316}.dot-green{background-color:#22c55e}.dot-red{background-color:var(--danger)}.pp-stat-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.pp-stat-num{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1}.pp-tabs-container{border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.pp-tabs{gap:2rem;display:flex}.pp-tab{color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;padding:.75rem 0;font-size:.875rem;font-weight:500;transition:all .2s}.pp-tab:hover{color:var(--text-secondary)}.pp-tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.pp-search-wrap{width:250px;position:relative}.pp-search-icon{color:var(--text-light);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pp-search{border:1px solid var(--border-muted);background:var(--bg-secondary);border-radius:20px;outline:none;width:100%;padding:.5rem 1rem .5rem 2.25rem;font-size:.875rem}.pp-search:focus{background:var(--bg-card);border-color:#6366f1}.pp-table-wrap{background:var(--bg-card);flex:1;overflow:auto}.pp-table{border-collapse:collapse;width:100%}.pp-table th{text-align:left;color:var(--pp-th-color);border:1px solid var(--pp-th-border);background:var(--pp-th-bg);z-index:2;padding:1rem;font-size:.875rem;font-weight:600;position:sticky;top:0}.pp-table td{color:var(--text-primary);border:1px solid var(--border-muted);vertical-align:middle;padding:1rem;font-size:.875rem}.pp-row{cursor:pointer;transition:background .2s}.pp-row:hover td{background:var(--bg-secondary)}.pp-row.pp-row-selected td{background-color:#dcfce7!important}.pp-checkbox{border:1px solid var(--border-dark);cursor:pointer;accent-color:#111827;border-radius:4px;width:18px;height:18px}.pp-code{color:var(--text-secondary);font-weight:500}.pp-name{font-weight:500}.pp-type,.pp-date{color:var(--text-muted)}.pp-status{text-transform:capitalize;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-planning{color:var(--warning);background:#fef3c7}.status-active{color:#6d28d9;background:#ede9fe}.status-done{color:var(--success-hover);background:#dcfce7}.status-draft{background:var(--bg-secondary);color:var(--text-secondary)}.status-cancelled{color:#b91c1c;background:#fee2e2}.status-revision{color:#ea580c;background:#ffedd5}.status-closure{color:#0284c7;background:#e0f2fe}[data-theme=dark] .pp-status{border-style:solid;border-width:1px;background:0 0!important}[data-theme=dark] .status-planning{color:#fbbf24;border-color:#fbbf24}[data-theme=dark] .status-active{color:#c084fc;border-color:#c084fc}[data-theme=dark] .status-done{color:#4ade80;border-color:#4ade80}[data-theme=dark] .status-draft{color:var(--text-muted);border-color:var(--border-dark)}[data-theme=dark] .status-cancelled{color:#f87171;border-color:#f87171}[data-theme=dark] .status-revision{color:#fb923c;border-color:#fb923c}[data-theme=dark] .status-closure{color:#38bdf8;border-color:#38bdf8}.pp-leader{align-items:center;gap:8px;display:flex}.pp-leader-avatar{width:28px;height:28px;color:var(--text-secondary);background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.pp-actions-cell{color:var(--text-light);align-items:center;gap:12px;display:flex}.pp-action-icon{cursor:pointer;transition:color .2s}.pp-action-icon:hover{color:var(--text-primary)}.pp-action-icon.delete:hover{color:var(--danger)}.pp-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.5rem;display:flex}.pp-footer-info{color:var(--text-muted);align-items:center;font-size:.875rem;display:flex}.pp-limit-select{border:1px solid var(--border-muted);color:var(--text-secondary);background:var(--bg-card);cursor:pointer;border-radius:6px;outline:none;margin-left:12px;padding:.35rem .75rem;font-size:.875rem;transition:all .2s}.pp-limit-select:focus{border-color:#6366f1}.pp-limit-select:hover{border-color:var(--border-dark)}.pp-pagination{align-items:center;gap:8px;display:flex}.pp-page-btn{background:var(--bg-card);border:1px solid var(--border-muted);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.35rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.pp-page-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-dark)}.pp-page-btn:disabled{opacity:.5;cursor:not-allowed}.pp-page-btn.active{color:var(--text-inverse);background:#4f46e5;border-color:#4f46e5}.pp-page-dots{color:var(--text-light);font-weight:600}.pp-quick-create-wrapper{display:none}.pp-loading,.pp-empty,.pp-error{text-align:center;color:var(--text-muted);padding:4rem}.pp-spin{animation:1s linear infinite pp-rotate}@keyframes pp-rotate{to{transform:rotate(360deg)}}.pp-floating-action-bar{background:var(--bg-card);z-index:100;border:1px solid #f3f4f6;border-radius:12px;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.pp-fab-selected{color:var(--text-primary);font-size:.875rem;font-weight:600}.pp-fab-btn{border:1px solid var(--border-muted);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:.35rem .75rem;font-size:.875rem;font-weight:500;display:flex}.pp-fab-btn:hover{background:var(--bg-secondary)}.pp-fab-btn.delete{color:var(--danger);border-color:var(--danger-border);background:var(--danger-light)}.pp-fab-btn.delete:hover{background:#fee2e2}.pp-fab-close{cursor:pointer;color:var(--text-light)}.pp-fab-close:hover{color:var(--text-secondary)}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:10px;width:calc(100vw - 32px);max-width:360px;display:flex;position:fixed;top:16px;right:16px}.toast-item{background:var(--toast-bg,#1a8fa8);color:#fff;pointer-events:all;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;animation:.28s cubic-bezier(.34,1.36,.64,1) both toast-in;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000040,0 2px 4px #00000026}.toast-item:before{content:"";background:#ffffff59;border-radius:10px 0 0 10px;width:4px;position:absolute;top:0;bottom:0;left:0}@keyframes toast-in{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.toast-icon{background:#ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:flex}.toast-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toast-title{letter-spacing:.01em;font-size:.9rem;font-weight:700;line-height:1.3}.toast-message{opacity:.9;word-break:break-word;font-size:.82rem;line-height:1.4}.toast-close{cursor:pointer;color:#ffffffbf;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:2px;transition:color .15s,background .15s;display:flex}.toast-close:hover{color:#fff;background:#fff3}@media (width<=480px){.toast-container{width:auto;max-width:100%;top:8px;left:8px;right:8px}}.wm-root *{box-sizing:border-box}.wm-root{background-color:var(--bg-card);height:100%;color:var(--text-primary);flex-direction:column;padding:2rem;font-family:Inter,-apple-system,sans-serif;display:flex;overflow:hidden}.wm-header{box-shadow:none;background:0 0;border:none;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0;display:flex}.wm-header-left{align-items:center;gap:1rem;display:flex}.wm-header-icon{display:none}.wm-header-title{color:var(--text-primary);text-transform:none;letter-spacing:normal;margin:0;font-size:1.5rem;font-weight:600}.wm-header-sub{color:#0f766e;background:linear-gradient(135deg,#f0fdfa 0%,#ecfeff 100%);border:1px solid #ccfbf1;border-radius:20px;align-items:center;gap:8px;margin-top:8px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #0d94880d}.wm-header-sub:before{content:"";background-color:#14b8a6;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 6px #14b8a666}.wm-header-actions{gap:.75rem;display:flex}.wm-btn{cursor:pointer;text-transform:none;letter-spacing:normal;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.wm-btn-primary{color:var(--text-inverse);background-color:#6366f1}.wm-btn-primary:hover{background-color:#4f46e5}.wm-btn-primary:disabled{cursor:not-allowed;background-color:#a5b4fc}.wm-btn-secondary{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid #0000}.wm-btn-secondary:hover{background-color:#e5e7eb}.wm-btn-amber{color:#fff;background-color:#d97706}.wm-btn-amber:hover:not(:disabled){background-color:#b45309}.wm-btn-amber:disabled{color:#9ca3af;cursor:not-allowed;background-color:#e5e7eb}.wm-content{background:var(--bg-card);box-shadow:none;border:none;border-radius:12px;flex-direction:row;flex:1;display:flex;overflow:hidden}.wm-table-container{flex-direction:column;flex:1;display:flex;position:relative;overflow:auto}.wm-kpi-container{flex-shrink:0;justify-content:center;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:8px 10px;display:flex;overflow-x:auto}.wm-kpi-container::-webkit-scrollbar{height:6px}.wm-kpi-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.wm-kpi-node{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;min-width:90px;display:flex}.wm-kpi-icon-wrapper{color:#0891b2;background:var(--bg-primary);border:1.5px solid #0891b2;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.wm-kpi-node:hover .wm-kpi-icon-wrapper{background:#ecfeff;box-shadow:0 0 12px #0891b24d}.wm-kpi-text{flex-direction:column;align-items:center;gap:.15rem;display:flex}.wm-kpi-value{color:var(--text-primary);white-space:nowrap;font-size:.85rem;font-weight:700}.wm-kpi-label{color:var(--text-muted);text-transform:uppercase;white-space:nowrap;font-size:.65rem;font-weight:600}.wm-kpi-arrow{color:#0891b2;opacity:.5;flex-shrink:0;margin-top:12px}.wm-filter-bar{flex-direction:column;gap:1rem;margin-bottom:1rem;padding:0;display:flex}.wm-filter-top{justify-content:space-between;align-items:center;display:flex}.wm-search-box{align-items:center;gap:.75rem;width:300px;padding:0;display:flex}.wm-search-box input{color:var(--text-secondary);background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.wm-search-box input::placeholder{color:var(--text-light)}.wm-filter-actions{align-items:center;gap:.75rem;display:flex}.wm-btn-filter-toggle{background:var(--bg-secondary);border:1px solid var(--border-muted);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.875rem;font-weight:500;display:flex}.wm-btn-filter-toggle:hover{background:var(--bg-secondary)}.wm-btn-more{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex}.wm-btn-more:hover{background:var(--bg-secondary)}.wm-filter-chips{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.wm-chip{background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.875rem;display:flex}.wm-chip-close{cursor:pointer;color:var(--text-light)}.wm-chip-close:hover{color:var(--text-secondary)}.wm-chip-add{background:var(--bg-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.wm-chip-add:hover{background:#e5e7eb}.wm-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.wm-table th,.wm-table td{white-space:nowrap;padding:.6rem .8rem;font-size:.875rem}.wm-table th{background-color:var(--pp-th-bg);color:var(--pp-th-color);z-index:10;text-transform:none;letter-spacing:.05em;border-bottom:2px solid var(--pp-th-border);border-right:1px solid var(--pp-th-border);font-size:.8rem;font-weight:600;position:sticky;top:0;box-shadow:0 4px 6px -1px #0000000d}.wm-table th:hover,.wm-table th:not(.col-collapsed):hover{background-color:var(--pp-th-bg)!important;color:var(--pp-th-color)!important;border-bottom-color:var(--pp-th-border)!important;opacity:.9!important}.wm-table th:last-child{border-right:none}.wm-table td{color:var(--text-primary);border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light)}.wm-table td:last-child{border-right:none}.wm-row-even td,.wm-row-odd td{background-color:var(--bg-card)}.wm-table tr:hover td{background-color:#0000}[data-theme=dark] .wm-row-even td,[data-theme=dark] .wm-row-odd td,[data-theme=dark] .wm-table tr:hover td{background-color:#1e293b}.wm-checkbox{border:1px solid var(--border-dark);cursor:pointer;border-radius:4px;width:16px;height:16px}.wm-col-fixed{z-index:5;position:sticky}.wm-row-even td.wm-col-fixed,.wm-row-odd td.wm-col-fixed,.wm-table tr:hover td.wm-col-fixed{background-color:var(--bg-card)!important}.wm-table th.wm-col-fixed{z-index:15;box-shadow:2px 0 8px #0000000d;background-color:var(--pp-th-bg)!important}[data-theme=dark] .wm-row-even td.wm-col-fixed,[data-theme=dark] .wm-row-odd td.wm-col-fixed{background-color:#1e293b!important}[data-theme=dark] .wm-table tr:hover td.wm-col-fixed{background-color:#253349!important}[data-theme=dark] .wm-table th.wm-col-fixed{box-shadow:2px 0 12px #0006;background-color:#0f172a!important}.wm-cell-input{text-align:right;width:70px;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:.4rem .5rem;font-size:.875rem;font-weight:500;transition:all .2s}.wm-cell-input:focus{background:var(--bg-card);border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.wm-cell-input:hover:not(:focus){background:0 0}.wm-cell-readonly{text-align:right;width:70px;color:var(--text-secondary);padding:.4rem .5rem;font-weight:500;display:inline-block}.wm-status{color:var(--text-secondary);text-transform:capitalize;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.875rem;font-weight:500;display:inline-flex}.wm-status:before{content:"";background-position:50%;background-repeat:no-repeat;background-size:10px 10px;border-radius:50%;width:18px;height:18px;display:inline-block}.wm-status-InProgress:before,.wm-status-Active:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");border:2px solid #10b981}.wm-status-NotStarted:before{border:2px solid #9ca3af}.wm-status-Completed:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");border:2px solid #10b981}.wm-spin{animation:1s linear infinite wm-spin}@keyframes wm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wm-loading-overlay{z-index:20;background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wm-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:4rem;display:flex}.wm-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;opacity:0;pointer-events:none;background:#0006;justify-content:flex-end;transition:opacity .3s;display:flex;position:fixed;inset:0}.wm-drawer-overlay.open{opacity:1;pointer-events:auto}.wm-side-panel{background-color:var(--bg-card);border-radius:0;flex-direction:column;width:450px;max-width:90vw;height:100%;margin:0;padding:2rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 25px #00000026}.wm-drawer-overlay.open .wm-side-panel{transform:translate(0)}.wm-drawer-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.wm-drawer-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.wm-side-panel-title{color:var(--text-primary);text-transform:none;letter-spacing:normal;border:none;margin-bottom:.25rem;padding:0;font-size:1.125rem;font-weight:600}.wm-side-panel-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.875rem;font-weight:400}.wm-side-section{background:var(--bg-card);box-shadow:none;border:none;margin-bottom:1.5rem;padding:0}.wm-side-section h3{color:var(--text-secondary);text-transform:none;letter-spacing:normal;border-bottom:none;margin-bottom:1rem;padding-bottom:0;font-size:.875rem;font-weight:600}.wm-form-group{margin-bottom:1rem}.wm-form-label{color:var(--text-secondary);text-transform:none;letter-spacing:normal;margin-bottom:.35rem;font-size:.875rem;font-weight:500;display:block}.wm-form-input{border:1px solid var(--border-dark);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.wm-form-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.wm-row-clickable{cursor:pointer}.wm-row-selected td,.wm-row-selected td.wm-col-fixed{background-color:#dcfce7!important}.wm-row-selected input[type=checkbox]{accent-color:var(--success)}.wm-kpi-node:hover .anim-folder{animation:.5s ease-in-out jiggle}.wm-kpi-node:hover .anim-grid{animation:.6s ease-in-out infinite alternate pulse-scale}.wm-kpi-node:hover .anim-pulse{animation:1s infinite heartbeat}.wm-kpi-node:hover .anim-shine{animation:.6s ease-in-out swing}.wm-kpi-node:hover .anim-clock{animation:1s infinite tick-tock}.wm-kpi-node:hover .anim-timer{animation:2s linear infinite spin-slow}.wm-kpi-node:hover .anim-hourglass{animation:1.5s ease-in-out infinite flip-hourglass}.wm-kpi-node:hover .anim-bounce{animation:.8s ease-in-out infinite gentle-bounce}.wm-kpi-node:hover .anim-layers{animation:.8s ease-in-out infinite alternate slide-up-down}@keyframes jiggle{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes pulse-scale{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.2)}20%{transform:scale(1.05)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes tick-tock{0%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(0)}60%{transform:rotate(-15deg)}80%{transform:rotate(0)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes flip-hourglass{0%{transform:rotate(0)}40%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes slide-up-down{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.wm-cell-summary{background-color:#f8fafc}.wm-phase-header-row{background-color:#fff7ed}.wm-phase-header-cell{border-bottom:1px solid #fdba74;padding:.75rem 1rem;background-color:#fff7ed!important}.wm-phase-header-title{color:#9a3412;font-size:.95rem;font-weight:600}.wm-phase-header-badge{color:#c2410c;background:#ffedd5;border:1px solid #fed7aa;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}[data-theme=dark] .wm-cell-summary{background-color:#0000002e!important}[data-theme=dark] .wm-phase-header-row{background-color:#f9731614!important}[data-theme=dark] .wm-phase-header-cell{border-bottom:1px solid #f9731633;background-color:#1c1810!important}[data-theme=dark] .wm-phase-header-title{color:#fdba74}[data-theme=dark] .wm-phase-header-badge{color:#fdba74;background:#f9731626;border:1px solid #f973164d}[data-theme=dark] .wm-kpi-node:hover .wm-kpi-icon-wrapper{background:#0891b233}[data-theme=dark] .wm-btn-secondary:hover{background-color:var(--bg-hover)}[data-theme=dark] .wm-chip-add:hover{background:var(--bg-hover)}[data-theme=dark] .wm-loading-overlay{background:#0f172ab3}[data-theme=dark] .wm-row-selected td,[data-theme=dark] .wm-row-selected td.wm-col-fixed{background-color:#22c55e2e!important}[data-theme=dark] .wm-row-selected td.wm-col-fixed{background-color:#132a1e!important}.wm-kpi-icon-wrapper.kpi-cancelled-icon{color:#dc2626!important;border-color:#dc2626!important}.wm-kpi-node:hover .wm-kpi-icon-wrapper.kpi-cancelled-icon{background:#fef2f2!important;box-shadow:0 0 12px #dc26264d!important}[data-theme=dark] .wm-kpi-node:hover .wm-kpi-icon-wrapper.kpi-cancelled-icon{background:#dc262633!important}.wm-header-row-cancelled th,.wm-header-row-cancelled th.wm-col-fixed{color:#991b1b!important;background-color:#fee2e2!important;border-bottom-color:#fca5a5!important}[data-theme=dark] .wm-header-row-cancelled th,[data-theme=dark] .wm-header-row-cancelled th.wm-col-fixed{color:#fecaca!important;background-color:#7f1d1d!important;border-bottom-color:#991b1b!important}.wm-assignments-warning-overlay{background:var(--bg-primary);justify-content:center;align-items:center;width:100%;min-height:400px;padding:2rem;display:flex}.wm-assignments-warning-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:480px;padding:2.5rem;display:flex;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.wm-assignments-warning-icon{color:#d97706;background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.wm-assignments-warning-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.wm-assignments-warning-message{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.wm-assignments-warning-btn{cursor:pointer;align-items:center;gap:8px;margin-top:.5rem;font-weight:500;display:inline-flex;padding:10px 20px!important}[data-theme=dark] .wm-assignments-warning-icon{color:#fbbf24;background:#d9770626}.wm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}.wm-modal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:420px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUpCard;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleUpCard{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.wm-phase-header-cell-nonsticky{border-bottom:1px solid #fdba74;background-color:#fff7ed!important}[data-theme=dark] .wm-phase-header-cell-nonsticky{border-bottom:1px solid #f9731633;background-color:#f9731614!important}.project-selector-wrapper{z-index:100;flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.project-dropdown-menu{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;width:340px;max-height:380px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #00000014}.project-dropdown-search-container{border-bottom:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);align-items:center;gap:10px;padding:10px 14px;display:flex}.project-dropdown-search-input{width:100%;color:var(--text-primary,#0f172a);background:0 0;border:none;outline:none;font-size:.85rem}.project-dropdown-search-clear{cursor:pointer;color:var(--text-light,#94a3b8);background:0 0;border:none;align-items:center;padding:2px;display:flex}.project-dropdown-list{flex:1;max-height:300px;padding:8px;overflow-y:auto}.project-dropdown-list::-webkit-scrollbar{width:6px}.project-dropdown-list::-webkit-scrollbar-thumb{background:var(--border-color,#cbd5e1);border-radius:3px}.project-dropdown-info{color:var(--text-muted,#64748b);text-align:center;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:.85rem;display:flex}.project-dropdown-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;gap:4px;width:100%;margin-bottom:3px;padding:8px 12px;transition:all .15s;display:flex}.project-dropdown-item:hover{background:#0ea5e90d}.project-dropdown-item.selected{background:#0ea5e914}.project-dropdown-item-header{justify-content:space-between;align-items:center;width:100%;display:flex}.project-dropdown-item-code{color:#0ea5e9;background:#0ea5e914;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}[data-theme=dark] .project-dropdown-item-code{color:#38bdf8;background:#38bdf81f}.project-dropdown-item.selected .project-dropdown-item-code{color:#0284c7;background:#0284c71f}[data-theme=dark] .project-dropdown-item.selected .project-dropdown-item-code{color:#38bdf8}.project-dropdown-item-name{color:var(--text-secondary,#475569);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.8rem;font-weight:500;overflow:hidden}.project-dropdown-item:hover .project-dropdown-item-name{color:#0ea5e9}[data-theme=dark] .project-dropdown-item:hover .project-dropdown-item-name{color:#38bdf8}.project-dropdown-item.selected .project-dropdown-item-name{color:#0284c7;font-weight:600}[data-theme=dark] .project-dropdown-item.selected .project-dropdown-item-name{color:#38bdf8}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.wm-project-select-screen{background:var(--bg-primary,#f8fafc);z-index:10;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}[data-theme=dark] .wm-project-select-screen{background:var(--bg-primary,#0f172a)}.wm-project-select-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:960px;padding:2.5rem 3.5rem;display:flex;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.wm-project-select-icon{color:#0ea5e9;background:#f0f9ff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.25rem;display:flex}[data-theme=dark] .wm-project-select-icon{color:#38bdf8;background:#0ea5e91f}.wm-project-select-title{color:var(--text-primary,#0f172a);text-align:center;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.wm-project-select-subtitle{color:var(--text-muted,#64748b);text-align:center;margin:0 0 1.5rem;font-size:.85rem;line-height:1.5}.wm-project-select-search-wrap{align-items:center;width:100%;margin-bottom:1.25rem;display:flex;position:relative}.wm-project-select-search-icon{color:var(--text-light,#94a3b8);pointer-events:none;position:absolute;left:14px}.wm-project-select-search-input{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px 10px 40px;font-size:.875rem;transition:all .2s}.wm-project-select-search-input:focus{background:var(--bg-card);border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91f}.wm-project-select-search-clear{cursor:pointer;color:var(--text-light,#94a3b8);background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:14px}.wm-project-select-list{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);border-radius:10px;width:100%;max-height:280px;padding:8px;overflow-y:auto}[data-theme=dark] .wm-project-select-list{background:#0003}.wm-project-select-list::-webkit-scrollbar{width:6px}.wm-project-select-list::-webkit-scrollbar-thumb{background:var(--border-color,#cbd5e1);border-radius:3px}.wm-project-select-loading,.wm-project-select-empty{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:30px;font-size:.85rem;display:flex}.wm-project-select-item{border:1px solid var(--border-muted,#e2e8f0cc);background:var(--bg-card,#fff);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding:12px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 6px #00000005,0 1px 3px #00000008}[data-theme=dark] .wm-project-select-item{border-color:#ffffff0d;box-shadow:0 4px 6px #00000026}.wm-project-select-item:last-child{margin-bottom:0}.wm-project-select-item:hover{background:var(--bg-card,#fff);border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 10px 20px #0ea5e91f,0 3px 6px #0000000a}.wm-project-select-item-content{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.wm-project-select-item-code{color:#0ea5e9;letter-spacing:.02em;background:#0ea5e914;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:.75rem;font-weight:700;box-shadow:0 1px 2px #0ea5e90f}[data-theme=dark] .wm-project-select-item-code{color:#38bdf8;background:#38bdf81f}.wm-project-select-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.wm-project-select-item-arrow{color:var(--text-light,#94a3b8);transition:transform .15s,color .15s}.wm-project-select-item:hover .wm-project-select-item-arrow{color:#0ea5e9;transform:translate(4px)}.wm-row-dirty{background:linear-gradient(90deg,#fbbf241a 0%,#fbbf240a 100%)!important}.wm-cell-dirty{position:relative;background:#fbbf242e!important}.wm-cell-dirty:before{content:"";background:#f59e0b;border-radius:0 2px 2px 0;width:3px;height:100%;position:absolute;top:0;left:0}.wm-cell-input-dirty{color:#92400e!important;background:#fbbf241f!important;border-color:#f59e0b!important;font-weight:600!important;box-shadow:0 0 0 2px #f59e0b38!important}.wm-cell-input-dirty:focus{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b4d!important}.wm-phase-budget-dirty{color:#92400e!important;background:#fbbf241f!important;border-color:#f59e0b!important;font-weight:700!important;box-shadow:0 0 0 2px #f59e0b38!important}.wm-actual-budget-dirty{color:#0369a1!important;background:#0ea5e914!important;border-color:#0ea5e9!important;font-weight:700!important;box-shadow:0 0 0 2px #0ea5e933!important}.wm-actual-budget-dirty:focus{border-color:#0ea5e9!important;box-shadow:0 0 0 3px #0ea5e947!important}.wm-dirty-badge{color:#92400e;letter-spacing:.03em;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:1px 5px;font-size:.65rem;font-weight:700;display:inline-flex}[data-theme=dark] .wm-row-dirty{background:linear-gradient(90deg,#fbbf2414 0%,#fbbf2405 100%)!important}[data-theme=dark] .wm-cell-dirty{background:#fbbf241f!important}[data-theme=dark] .wm-cell-dirty:before{background:#d97706}[data-theme=dark] .wm-cell-input-dirty{color:#fcd34d!important;background:#fbbf241a!important;border-color:#d97706!important;box-shadow:0 0 0 2px #d9770640!important}[data-theme=dark] .wm-cell-input-dirty:focus{box-shadow:0 0 0 3px #d9770659!important}[data-theme=dark] .wm-phase-budget-dirty{color:#fcd34d!important;background:#fbbf241a!important;border-color:#d97706!important;box-shadow:0 0 0 2px #d9770640!important}[data-theme=dark] .wm-dirty-badge{color:#fcd34d;background:#fbbf2426;border-color:#fbbf2459}@keyframes wmRedFlash{0%{background-color:#ef444473!important;border-color:#ef4444!important;outline:2px solid #ef4444!important;box-shadow:0 0 12px #ef4444b3!important}25%{background-color:#fee2e2e6!important;border-color:#f87171!important;box-shadow:0 0 4px #ef44444d!important}50%{background-color:#ef44448c!important;border-color:#dc2626!important;outline:2px solid #dc2626!important;box-shadow:0 0 14px #ef4444cc!important}75%{background-color:#fee2e2e6!important;border-color:#f87171!important;box-shadow:0 0 4px #ef44444d!important}to{background-color:#ef444473!important;border-color:#ef4444!important;outline:2px solid #ef4444!important;box-shadow:0 0 10px #ef444499!important}}.wm-cell-error-flash{border-radius:4px;border:2px solid #ef4444!important;animation:.5s ease-in-out 3 wmRedFlash!important}.pa-root{background-color:var(--bg-secondary);flex-direction:column;height:100%;display:flex;overflow:hidden}.pa-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:relative}.pa-header-left{align-items:center;gap:1rem;display:flex}.pa-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.pa-btn-secondary{background-color:var(--bg-card);border-color:var(--border-dark);color:var(--text-secondary)}.pa-btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary)}.pa-btn-primary{color:var(--text-inverse);background-color:#4f46e5}.pa-btn-primary:hover:not(:disabled){background-color:#4338ca}.pa-btn:disabled{opacity:.6;cursor:not-allowed}.pa-header-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.pa-header-sub{color:#0f766e;background:linear-gradient(135deg,#f0fdfa 0%,#ecfeff 100%);border:1px solid #ccfbf1;border-radius:20px;align-items:center;gap:8px;margin-top:8px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #0d94880d}.pa-header-sub:before{content:"";background-color:#14b8a6;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 6px #14b8a666}.pa-content{flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow:hidden}.pa-table-container{background:var(--bg-card);border:1px solid var(--border-muted);border-radius:8px;flex:1;position:relative;overflow-y:auto}.pa-table{border-collapse:collapse;width:100%}.pa-table th{z-index:1;background:var(--pp-th-bg);color:var(--pp-th-color);text-align:left;border:1px solid var(--pp-th-border);white-space:nowrap;padding:1rem;font-size:.875rem;font-weight:600;position:sticky;top:0}.pa-table td{color:var(--text-primary);border:1px solid var(--border-muted);vertical-align:middle;padding:1rem;font-size:.875rem}.pa-table tr{cursor:pointer;transition:background .2s}.pa-table tr:hover td{background:var(--bg-secondary)}.pa-status{border-radius:9999px;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.pa-status-active{color:#166534;background-color:#dcfce7}.pa-status-inactive{color:#991b1b;background-color:#fee2e2}[data-theme=dark] .pa-status{border-style:solid;border-width:1px;background-color:#0000!important}[data-theme=dark] .pa-status-active{color:#4ade80;border-color:#4ade80}[data-theme=dark] .pa-status-inactive{color:#f87171;border-color:#f87171}.pa-type{background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:4px;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.pa-type-person{color:#3730a3;background-color:#e0e7ff}.pa-type-department{color:#92400e;background-color:#fef3c7}.pa-side-panel{background:var(--bg-card);border:1px solid var(--border-muted);border-radius:8px;flex-direction:column;gap:1.5rem;width:350px;min-width:350px;padding:1.5rem;display:flex;overflow-y:auto}.pa-side-panel h3{color:var(--text-primary);border-bottom:1px solid var(--border-muted);margin:0 0 1rem;padding-bottom:.5rem;font-size:1.125rem}.pa-form-group{margin-bottom:1rem}.pa-form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.pa-form-input{border:1px solid var(--border-dark);box-sizing:border-box;background-color:var(--bg-card);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}.pa-form-input option{background-color:var(--bg-card);color:var(--text-primary)}.pa-form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5}.pa-form-input:disabled{background-color:var(--bg-secondary);color:var(--text-light);cursor:not-allowed}.pa-empty{height:200px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.pa-spin{animation:1s linear infinite spin}.rv-root{background:var(--bg-secondary);flex-direction:column;height:100%;font-family:Inter,Segoe UI,sans-serif;display:flex;overflow:hidden}.rv-header{background:var(--bg-card);border-bottom:1px solid var(--border-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.125rem 2rem;display:flex}.rv-header-left{align-items:center;gap:1rem;display:flex}.rv-header-title{color:var(--text-primary);margin:0;font-size:1.1875rem;font-weight:700}.rv-header-sub{color:#0f766e;background:linear-gradient(135deg,#f0fdfa 0%,#ecfeff 100%);border:1px solid #ccfbf1;border-radius:20px;align-items:center;gap:8px;margin-top:8px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #0d94880d}.rv-header-sub:before{content:"";background-color:#14b8a6;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 6px #14b8a666}.rv-header-actions{align-items:center;gap:.5rem;display:flex}.rv-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.8375rem;font-weight:500;line-height:1.4;transition:all .16s;display:inline-flex}.rv-btn:disabled{opacity:.5;cursor:not-allowed}.rv-btn-ghost{background:var(--bg-card);border-color:var(--border-dark);color:var(--text-secondary)}.rv-btn-ghost:hover:not(:disabled){background:var(--bg-secondary);border-color:#9ca3af}.rv-btn-primary{color:var(--text-inverse);background:#4f46e5}.rv-btn-primary:hover:not(:disabled){background:#4338ca}.rv-btn-green{background:var(--success);color:var(--text-inverse)}.rv-btn-green:hover:not(:disabled){background:var(--success-hover)}.rv-btn-red{background:var(--danger-hover);color:var(--text-inverse)}.rv-btn-red:hover:not(:disabled){background:#b91c1c}.rv-btn-amber{background:var(--warning);color:var(--text-inverse)}.rv-btn-amber:hover:not(:disabled){background:#b45309}.rv-btn-sky{color:var(--text-inverse);background:#0284c7}.rv-btn-sky:hover:not(:disabled){background:#0369a1}.rv-btn-xs{border-radius:4px;padding:.2rem .5rem;font-size:.75rem}.rv-status{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:9999px;align-items:center;gap:.2rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.rv-status-draft{background:var(--bg-secondary);color:var(--text-secondary)}.rv-status-submitted{color:#92400e;background:#fef3c7}.rv-status-office{color:#1e40af;background:#dbeafe}.rv-status-director{color:#4c1d95;background:#ede9fe}.rv-status-approved{color:#166534;background:#dcfce7}.rv-status-rejected{color:#991b1b;background:#fee2e2}.rv-status-revision{color:#713f12;background:#fef9c3}.rv-active-yes{color:#166534;background:#dcfce7;border-radius:9999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.rv-active-no{color:var(--text-light);font-size:.8rem}[data-theme=dark] .rv-status{border-style:solid;border-width:1px;background:0 0!important}[data-theme=dark] .rv-status-draft{color:var(--text-muted);border-color:var(--border-dark)}[data-theme=dark] .rv-status-submitted{color:#fbbf24;border-color:#fbbf24}[data-theme=dark] .rv-status-office{color:#60a5fa;border-color:#60a5fa}[data-theme=dark] .rv-status-director{color:#c084fc;border-color:#c084fc}[data-theme=dark] .rv-status-approved{color:#4ade80;border-color:#4ade80}[data-theme=dark] .rv-status-rejected{color:#f87171;border-color:#f87171}[data-theme=dark] .rv-status-revision{color:#fb923c;border-color:#fb923c}[data-theme=dark] .rv-active-yes{color:#4ade80;border:1px solid #4ade80;background:0 0!important}.rv-content{flex-direction:column;flex:1;gap:1rem;padding:1.25rem 1.5rem;display:flex;overflow:hidden}.rv-table-card{background:var(--bg-card);border:1px solid var(--border-muted);border-radius:10px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.rv-table-scroll{flex:1;overflow:auto}.rv-table{border-collapse:collapse;width:100%;min-width:1100px}.rv-table thead th{z-index:2;background:var(--pp-th-bg);color:var(--pp-th-color);text-align:left;border:1px solid var(--pp-th-border);white-space:nowrap;padding:1rem;font-size:.875rem;font-weight:600;position:sticky;top:0}.rv-table tbody td{color:var(--text-primary);border:1px solid var(--border-muted);vertical-align:middle;padding:1rem;font-size:.875rem}.rv-table tbody tr{cursor:pointer;transition:background .2s}.rv-table tbody tr:hover td{background:var(--bg-secondary)}.rv-table tbody tr.rv-row-selected td{background-color:#dcfce7!important}.rv-table tbody td.rv-td-actions{white-space:nowrap;padding:.5rem .75rem}.rv-actions-group{flex-wrap:wrap;gap:.3rem;display:flex}.rv-date{color:var(--text-muted);font-size:.8rem}.rv-date-check{color:var(--success);font-size:.8rem;font-weight:600}.rv-date-wait{color:var(--text-light);font-size:.8rem}.rv-bottom-panel{background:var(--bg-card);border:1px solid var(--border-muted);border-radius:10px;flex-direction:column;max-height:420px;display:flex;overflow:hidden}.rv-panel-tabs{border-bottom:2px solid var(--border-muted);background:#fafafa;flex-shrink:0;padding:0 1.25rem;display:flex}.rv-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.35rem;margin-bottom:-2px;padding:.65rem 1.125rem;font-size:.8375rem;font-weight:600;transition:all .15s;display:flex}.rv-tab:hover{color:#4f46e5}.rv-tab.active-tab{color:#4f46e5;border-bottom-color:#4f46e5}.rv-panel-body{flex:1;padding:1.125rem 1.25rem;overflow-y:auto}.rv-info-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.875rem;margin-bottom:1rem;display:grid}.rv-info-item label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem;font-size:.71rem;font-weight:700;display:block}.rv-info-item span{color:var(--text-primary);font-size:.9rem;font-weight:500}.rv-timeline{gap:1.5rem;display:flex}.rv-tl-step{background:var(--bg-secondary);border:1px solid var(--border-muted);border-radius:8px;flex:1;align-items:flex-start;gap:.625rem;min-width:140px;padding:.5rem 1rem;display:flex}.rv-tl-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.rv-tl-dot-done{color:var(--success);background:#dcfce7}.rv-tl-dot-pending{color:var(--primary);background:#dbeafe}.rv-tl-dot-waiting{background:var(--bg-secondary);color:var(--text-light)}.rv-tl-dot-rejected{color:var(--danger-hover);background:#fee2e2}.rv-tl-content label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.69rem;font-weight:700}.rv-tl-content p{color:var(--text-primary);margin:.1rem 0 0;font-size:.8375rem;font-weight:500}.rv-tl-content small{color:var(--text-light);font-size:.73rem}.rv-compare-toolbar{border-bottom:1px solid var(--border-muted);background:#fafafa;flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:.75rem;padding:1rem 1.25rem;display:flex}.rv-cmp-select-group{flex-direction:column;gap:.25rem;min-width:180px;display:flex}.rv-cmp-select-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}[data-theme=dark] .rv-cmp-select-group label{color:var(--text-secondary)}.rv-cmp-select-group select{border:1.5px solid var(--border-dark);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:.42rem .75rem;font-size:.85rem}.rv-cmp-select-group select option{background-color:var(--bg-card);color:var(--text-primary)}.rv-diff-wrap{overflow-x:auto}.rv-diff-table{border-collapse:collapse;width:100%}.rv-diff-table th{background:var(--bg-secondary);color:var(--text-secondary);text-transform:none;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border-muted);padding:.55rem .9rem;font-size:.72rem;font-weight:700}.rv-diff-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.55rem .9rem;font-size:.8375rem}.rv-diff-row-changed{background:var(--warning-light)}.rv-diff-old{color:#b91c1c;font-weight:500;text-decoration:line-through}[data-theme=dark] .rv-diff-old{color:var(--danger)}.rv-diff-new{color:var(--success-hover);font-weight:600}.rv-diff-same{color:var(--text-secondary)}.rv-diff-badge{text-transform:uppercase;border-radius:4px;align-items:center;padding:.15rem .45rem;font-size:.69rem;font-weight:700;display:inline-flex}.rv-diff-badge-updated{color:#92400e;background:#fef3c7}.rv-diff-badge-added{color:#166534;background:#dcfce7}.rv-diff-badge-removed{color:#991b1b;background:#fee2e2}[data-theme=dark] .rv-diff-badge{border-style:solid;border-width:1px;background:0 0!important}[data-theme=dark] .rv-diff-badge-updated{color:#fb923c;border-color:#fb923c}[data-theme=dark] .rv-diff-badge-added{color:#4ade80;border-color:#4ade80}[data-theme=dark] .rv-diff-badge-removed{color:#f87171;border-color:#f87171}.rv-modal-overlay{z-index:200;background:#11182773;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.rv-modal{background:var(--bg-card);border-radius:12px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 60px #0000002e}.rv-modal-header{border-bottom:1px solid var(--border-muted);background:#fafafa;justify-content:space-between;align-items:center;padding:1.125rem 1.375rem;display:flex}[data-theme=dark] .rv-modal-header{background:var(--bg-secondary)}.rv-modal-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.rv-modal-body{flex-direction:column;gap:1rem;padding:1.375rem;display:flex}.rv-modal-footer{border-top:1px solid var(--border-muted);background:#fafafa;justify-content:flex-end;gap:.5rem;padding:.875rem 1.375rem;display:flex}[data-theme=dark] .rv-modal-footer{background:var(--bg-secondary)}.rv-form-group{flex-direction:column;gap:.35rem;display:flex}.rv-form-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.rv-form-input,.rv-form-textarea{border:1.5px solid var(--border-dark);color:var(--text-primary);background:var(--bg-card);box-sizing:border-box;border-radius:7px;outline:none;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .16s,box-shadow .16s}.rv-form-input:focus,.rv-form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.rv-form-textarea{resize:vertical;min-height:80px}[data-theme=dark] .rv-form-input,[data-theme=dark] .rv-form-textarea{background:var(--bg-secondary);border-color:var(--border-muted);color:var(--text-primary)}[data-theme=dark] .rv-form-input::placeholder,[data-theme=dark] .rv-form-textarea::placeholder{color:var(--text-muted)}.rv-inline-err{background:var(--danger-light);border:1px solid var(--danger-border);color:#b91c1c;border-radius:6px;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.85rem;display:flex}.rv-toast{color:var(--text-inverse);z-index:300;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.125rem;font-size:.875rem;font-weight:500;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 20px #00000026}.rv-toast-success{background:var(--success)}.rv-toast-error{background:var(--danger-hover)}.rv-center{color:var(--text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.rv-center h4{color:var(--text-secondary);margin:0;font-size:.95rem}.rv-center p{margin:0;font-size:.85rem}.rv-spin{animation:1s linear infinite rv-rotate}@keyframes rv-rotate{to{transform:rotate(360deg)}}.rv-cell-sub{color:var(--text-light);font-size:.73rem}.rv-cell-note{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.73rem;font-style:italic;overflow:hidden}.rv-snap-root{flex-direction:column;gap:.375rem;display:flex}.rv-snap-count{color:var(--text-inverse);background:#4f46e5;border-radius:9999px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.rv-snap-body{padding:.75rem 1rem;overflow-x:auto}.rv-snap-phase-header{color:var(--text-primary);align-items:center;gap:.5rem;padding:.375rem 0;font-size:.8375rem;font-weight:600;display:flex}.rv-snap-table{border-collapse:collapse;width:100%;font-size:.8rem}.rv-snap-table th{background:var(--bg-secondary);color:var(--text-muted);text-transform:none;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--border-muted);padding:.4rem .6rem;font-size:.71rem;font-weight:700}.rv-snap-table td{color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:.4rem .6rem}.rv-snap-table tr:hover td{background:var(--bg-secondary)}.rv-snap-uuid{color:var(--text-muted);font-family:monospace;font-size:.72rem}.pa-type{border-radius:4px;align-items:center;gap:3px;padding:.15rem .45rem;font-weight:600;display:inline-flex}[data-theme=dark] .rv-cell-sub,[data-theme=dark] .rv-cell-note,[data-theme=dark] .rv-date{color:var(--text-secondary)}[data-theme=dark] .rv-date-wait{color:var(--text-muted)}[data-theme=dark] .rv-diff-table th{color:var(--text-primary)}.rdp-root{background:var(--bg-secondary);flex-direction:column;height:100%;min-height:0;font-family:Inter,Segoe UI,sans-serif;display:flex;overflow:hidden}.rdp-header{background:var(--bg-card);border-bottom:1px solid var(--border-muted);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 2rem;display:flex}.rdp-header-left{align-items:center;gap:1rem;display:flex}.rdp-header-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.rdp-header-sub{color:#0f766e;background:linear-gradient(135deg,#f0fdfa 0%,#ecfeff 100%);border:1px solid #ccfbf1;border-radius:20px;align-items:center;gap:8px;margin:0;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #0d94880d}.rdp-header-sub:before{content:"";background-color:#14b8a6;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 6px #14b8a666}.rdp-body{flex:1;grid-template-columns:340px 1fr;align-items:start;gap:1.25rem;min-height:0;padding:1.25rem 1.5rem 1.5rem;display:grid;overflow:hidden auto}.rdp-left{flex-direction:column;gap:1rem;min-width:0;display:flex}.rdp-right{flex-direction:column;min-width:0;display:flex}.rdp-card{background:var(--bg-card);border:1px solid var(--border-muted);border-radius:10px;flex-shrink:0;min-width:0;overflow:visible}.rdp-card-full{flex-direction:column;min-width:0;display:flex}.rdp-card-full .rv-snap-root{min-width:0;padding:.75rem 1rem 1rem}.rdp-card-action{border-color:#e0e7ff}.rdp-card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#fafafa;border-bottom:1px solid #f3f4f6;border-radius:10px 10px 0 0;flex-shrink:0;margin:0;padding:.8rem 1.25rem;font-size:.775rem;font-weight:700}.rdp-info-list{padding:.25rem 0 .5rem}.rdp-info-row{border-bottom:1px solid #f9fafb;align-items:flex-start;gap:.75rem;padding:.5rem 1.25rem;display:flex}.rdp-info-row:last-child{border-bottom:none}.rdp-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:120px;padding-top:2px;font-size:.73rem;font-weight:700}.rdp-info-value{color:var(--text-primary);word-break:break-word;min-width:0;font-size:.875rem;font-weight:500}.rdp-apv-section{flex-direction:column;gap:0;padding:.5rem 1.25rem .75rem;display:flex}.rdp-apv-role-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.65rem 0;display:flex}.rdp-apv-role-row:last-child{border-bottom:none;padding-bottom:0}.rdp-apv-role-label{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:.5rem;min-width:100px;font-size:.8125rem;font-weight:700;display:flex}.rdp-apv-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.rdp-apv-wrap{text-align:right;flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.rdp-apv-approved{color:var(--success);font-size:.8125rem;font-weight:700}.rdp-apv-rejected{color:var(--danger-hover);font-size:.8125rem;font-weight:700}.rdp-apv-pending{color:var(--text-light);align-items:center;gap:.3rem;font-size:.8rem;font-weight:500;display:inline-flex}.rdp-apv-date{color:var(--text-light);font-size:.73rem}.rdp-apv-comment{color:var(--text-muted);word-break:break-word;max-width:180px;font-size:.75rem;font-style:italic}.rdp-approval-cards{flex-direction:column;gap:.75rem;padding:.875rem 1.25rem;display:flex}.rdp-approval-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.rdp-approval-card-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 .875rem;font-size:.85rem;font-weight:700;display:flex}.rdp-approval-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.rdp-approval-fields{flex-direction:column;gap:.625rem;display:flex}.rdp-field-label{color:var(--text-muted);letter-spacing:.02em;margin-bottom:.3rem;font-size:.72rem;font-weight:600;display:block}.rdp-select,.rdp-input{border:1.5px solid var(--border-dark);width:100%;color:var(--text-primary);background:var(--bg-card);box-sizing:border-box;border-radius:6px;outline:none;padding:.45rem .75rem;font-family:inherit;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.rdp-select:focus,.rdp-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.rdp-apply-btn{justify-content:center;width:100%;height:38px;margin-top:.25rem;font-weight:600}.rdp-guard{height:100%;color:var(--text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.rdp-guard h2{color:var(--text-secondary);margin:0;font-size:1.1rem}.rdp-guard p{margin:0;font-size:.9rem}.rv-snap-root{flex-direction:column;gap:.5rem;min-width:0;display:flex}.rv-snap-section{border:1px solid var(--border-muted);border-radius:8px;overflow:hidden}.rv-snap-header{background:var(--bg-secondary);cursor:pointer;color:var(--text-secondary);text-align:left;border:none;align-items:center;gap:.5rem;width:100%;padding:.6rem .875rem;font-size:.8375rem;font-weight:600;transition:background .14s;display:flex}.rv-snap-header:hover{background:var(--bg-secondary)}.rv-snap-count{color:var(--text-inverse);white-space:nowrap;background:#4f46e5;border-radius:9999px;margin-left:auto;padding:.1rem .45rem;font-size:.68rem;font-weight:700}.rv-snap-body{-webkit-overflow-scrolling:touch;padding:.75rem 1rem;overflow-x:auto}.rv-snap-phase-header{color:var(--text-primary);border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.375rem;padding:.375rem 0 .5rem;font-size:.8375rem;font-weight:600;display:flex}.rv-snap-table{border-collapse:collapse;width:100%;min-width:440px;font-size:.8rem;line-height:1.45}.rv-snap-table th{background:var(--bg-secondary);color:var(--text-secondary);text-transform:none;letter-spacing:.04em;text-align:left;border-bottom:2px solid var(--border-color);white-space:nowrap;padding:.5rem .75rem;font-size:.71rem;font-weight:700;position:sticky;top:0}.rv-snap-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle;word-break:break-word;max-width:260px;padding:.5rem .75rem}.rv-snap-table tbody tr:last-child td{border-bottom:none}.rv-snap-table tbody tr:hover td{background:var(--bg-primary)}.rv-snap-table tbody td:first-child{color:var(--text-muted);text-transform:none;letter-spacing:.03em;white-space:nowrap;width:140px;font-size:.75rem;font-weight:600}.rv-snap-uuid{color:var(--text-muted);word-break:break-all;font-family:Courier New,monospace;font-size:.78rem}.pa-type{white-space:nowrap;border-radius:4px;align-items:center;padding:.15rem .5rem;font-size:.71rem;font-weight:700;display:inline-flex}.pa-type-person{color:#1e40af;background:#dbeafe}.pa-type-department{color:#713f12;background:#fef9c3}@media (width<=1100px){.rdp-body{grid-template-columns:1fr;align-items:stretch}}@media (width<=768px){.rdp-header{gap:.75rem;padding:.875rem 1rem}.rdp-body{gap:.875rem;padding:.875rem 1rem 1.25rem}.rdp-info-label{min-width:90px}.rdp-apv-role-row{flex-direction:column;gap:.35rem}.rdp-apv-wrap{text-align:left;align-items:flex-start}}@media (width<=480px){.rdp-info-row{flex-direction:column;gap:.2rem;padding:.5rem 1rem}.rdp-info-label{min-width:unset}}[data-theme=dark] .rdp-card-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);background:#0000002e}[data-theme=dark] .rdp-info-row,[data-theme=dark] .rdp-apv-role-row{border-bottom:1px solid var(--border-color)}[data-theme=dark] .pa-type{border-style:solid;border-width:1px;background:0 0!important}[data-theme=dark] .pa-type-person{color:#60a5fa;border-color:#60a5fa}[data-theme=dark] .pa-type-department{color:#fb923c;border-color:#fb923c}.cx-root{background-color:var(--bg-body,#f8fafc);height:100%;color:var(--text-primary,#1e293b);flex-direction:column;font-family:Inter,-apple-system,sans-serif;display:flex;overflow:hidden}.cx-header{background-color:var(--bg-card,#fff);border-bottom:1px solid var(--border-light,#e2e8f0);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:relative;box-shadow:0 1px 2px #00000005}.cx-header-left{align-items:center;gap:1rem;display:flex}.cx-header-title{color:var(--text-primary,#0f172a);margin:0;font-size:1.25rem;font-weight:600}.cx-content{flex:1;padding:2rem;overflow-y:auto}.cx-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:2rem;max-width:1200px;margin:0 auto;display:grid}@media (width<=968px){.cx-grid{grid-template-columns:1fr}}.cx-card{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.cx-card-header{border-bottom:1px solid var(--border-light,#f1f5f9);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.cx-card-header h3{color:var(--text-primary,#0f172a);flex:1;margin:0;font-size:1.05rem;font-weight:600}.cx-card-body{flex-direction:column;gap:1.25rem;display:flex}.cx-action-card{border-left:4px solid #0000}.border-warning{border-left-color:#f59e0b!important}.border-indigo{border-left-color:#6366f1!important}.cx-stepper{flex-direction:column;padding-left:.5rem;display:flex;position:relative}.cx-step-item{gap:1.25rem;padding-bottom:2rem;display:flex;position:relative}.cx-step-item:last-child{padding-bottom:0}.cx-step-line{background-color:var(--border-light,#e2e8f0);width:2px;position:absolute;top:30px;bottom:0;left:15px}.cx-step-item:last-child .cx-step-line{display:none}.cx-step-bullet{background-color:var(--bg-secondary,#f8fafc);border:2px solid var(--border-dark,#cbd5e1);z-index:2;width:32px;height:32px;color:var(--text-muted,#64748b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.cx-step-item.completed .cx-step-bullet{color:#15803d;background-color:#dcfce7;border-color:#22c55e}.cx-step-item.completed .cx-step-line{background-color:#22c55e}.cx-step-item.active .cx-step-bullet{color:#4338ca;background-color:#e0e7ff;border-color:#6366f1;animation:2s infinite pulse-border;box-shadow:0 0 0 4px #6366f126}.cx-step-item.rejected .cx-step-bullet{color:#b91c1c;background-color:#fee2e2;border-color:#ef4444}.cx-step-content{flex-direction:column;flex:1;gap:.35rem;padding-top:4px;display:flex}.cx-step-header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.cx-step-title{color:var(--text-primary,#1e293b);font-size:.925rem;font-weight:600}.cx-step-time{color:var(--text-muted,#94a3b8);font-size:.75rem}.cx-step-actor{color:var(--text-secondary,#475569);align-items:center;gap:4px;font-size:.8rem;display:flex}.cx-step-comment{background-color:var(--bg-secondary,#f8fafc);color:var(--text-secondary,#475569);border-left:2px solid var(--border-dark,#cbd5e1);border-radius:6px;align-items:flex-start;margin-top:.25rem;padding:.5rem .75rem;font-size:.8rem;font-style:italic;display:flex}.cx-step-item.rejected .cx-step-comment{background-color:#fffbeb;border-left-color:#f87171}.cx-form-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.cx-form-label{color:var(--text-secondary,#475569);font-size:.85rem;font-weight:500}.cx-form-textarea{border:1px solid var(--border-dark,#cbd5e1);background-color:var(--bg-card,#fff);width:100%;color:var(--text-primary,#0f172a);resize:vertical;border-radius:8px;outline:none;padding:.75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.cx-form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.cx-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.cx-btn:disabled{opacity:.6;cursor:not-allowed}.cx-btn-primary{color:#fff;background-color:#6366f1}.cx-btn-primary:hover:not(:disabled){background-color:#4f46e5}.cx-btn-success{color:#fff;background-color:#10b981}.cx-btn-success:hover:not(:disabled){background-color:#059669}.cx-btn-danger{color:#fff;background-color:#ef4444}.cx-btn-danger:hover:not(:disabled){background-color:#dc2626}.cx-btn-ghost{border-color:var(--border-dark,#cbd5e1);color:var(--text-secondary,#475569);background-color:#0000}.cx-btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary,#f1f5f9)}.cx-btn-circle{border-radius:50%;width:36px;height:36px;padding:0}.w-full{width:100%}.cx-action-buttons-row{gap:1rem;margin-top:1rem;display:flex}.cx-status{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.cx-status-pendingoffice{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.cx-status-pendingdirector{color:#6d28d9;background-color:#f5f3ff;border:1px solid #ddd6fe}.cx-status-approved{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0}.cx-status-rejected{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}.cx-details-list{flex-direction:column;gap:.75rem;display:flex}.cx-detail-item{border-bottom:1px solid var(--border-light,#f1f5f9);justify-content:space-between;padding-bottom:.5rem;font-size:.85rem;display:flex}.cx-detail-item:last-child{border-bottom:none;padding-bottom:0}.cx-detail-item .label{color:var(--text-muted,#64748b);font-weight:500}.cx-detail-item .value{color:var(--text-primary,#0f172a);font-weight:600}.cx-action-badge{color:#374151;background-color:#f3f4f6;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;display:inline-block}.cx-help-text{color:var(--text-muted,#64748b);margin:0;font-size:.825rem;line-height:1.5}.cx-error-text{color:#ef4444;margin:.25rem 0 0;font-size:.75rem;font-weight:500}.cx-loader-container{min-height:400px;color:var(--text-muted,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.cx-spin{animation:1s linear infinite spin}@keyframes pulse-border{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 6px #6366f100}to{box-shadow:0 0 #6366f100}}.animate-pulse-subtle{animation:3s infinite alternate pulse-subtle}@keyframes pulse-subtle{0%{transform:scale(1)}to{transform:scale(1.008);box-shadow:0 10px 20px #6366f10d}}.cx-empty-workflow{text-align:center;color:var(--text-muted,#64748b);flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.cx-empty-workflow p{max-width:280px;margin:0;font-size:.875rem;line-height:1.4}.bg-muted{background-color:var(--bg-secondary,#f8fafc)!important}.cx-waiting-indicator{background-color:#fff;border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.85rem;display:flex;box-shadow:0 1px 3px #0000000d}.cx-toast{color:#fff;z-index:10000;border-radius:10px;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;animation:.25s cubic-bezier(.16,1,.3,1) slide-up;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.cx-toast-success{background-color:#10b981}.cx-toast-error{background-color:#ef4444}@keyframes slide-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .cx-header{background-color:#1e293b;border-bottom-color:#334155}[data-theme=dark] .cx-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .cx-step-line{background-color:#334155}[data-theme=dark] .cx-step-bullet{background-color:#0f172a;border-color:#475569}[data-theme=dark] .cx-step-comment{background-color:#0f172a;border-left-color:#475569}[data-theme=dark] .cx-step-title{color:#f1f5f9}[data-theme=dark] .cx-form-textarea{color:#f8fafc;background-color:#0f172a;border-color:#334155}[data-theme=dark] .cx-btn-ghost{color:#cbd5e1;border-color:#334155}[data-theme=dark] .cx-btn-ghost:hover:not(:disabled){background-color:#334155}[data-theme=dark] .cx-status-pendingoffice{color:#93c5fd;background-color:#1e40af33;border-color:#1e40af66}[data-theme=dark] .cx-status-pendingdirector{color:#c084fc;background-color:#6d28d933;border-color:#6d28d966}[data-theme=dark] .cx-status-approved{color:#4ade80;background-color:#15803d33;border-color:#15803d66}[data-theme=dark] .cx-status-rejected{color:#f87171;background-color:#b91c1c33;border-color:#b91c1c66}[data-theme=dark] .cx-action-badge{color:#cbd5e1;background-color:#334155}[data-theme=dark] .cx-waiting-indicator{background-color:#0f172a}.notif-root{background:var(--bg-primary);flex-direction:column;height:100%;font-family:Inter,sans-serif;display:flex}.notif-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.notif-header-left{align-items:center;gap:1rem;display:flex}.notif-header-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.notif-header-sub{color:var(--text-muted);margin:.15rem 0 0;font-size:.8125rem}.notif-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.notif-btn:disabled{opacity:.6;cursor:not-allowed}.notif-btn-ghost{background:var(--bg-card);border-color:var(--border-dark);color:var(--text-primary)}.notif-btn-ghost:hover:not(:disabled){background:var(--bg-secondary);border-color:#94a3b8}.notif-btn-primary{color:var(--text-inverse);background:#3b82f6}.notif-btn-primary:hover:not(:disabled){background:var(--primary)}.notif-content{flex:1;padding:2rem;overflow-y:auto}.notif-container{max-width:1200px;margin:0 auto}.notif-center{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 0;display:flex}.notif-spin{animation:1s linear infinite notif-rotate}@keyframes notif-rotate{to{transform:rotate(360deg)}}.notif-empty{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;color:var(--text-muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.notif-empty h3{color:var(--text-primary);margin:1rem 0 .5rem;font-size:1.25rem}.notif-error{background:var(--danger-light);color:#991b1b;border:1px solid #fecaca;border-radius:8px;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.notif-list{flex-direction:column;gap:.75rem;display:flex}.notif-card{cursor:pointer;border:none;border-radius:8px;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.notif-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.notif-body{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.notif-top{flex-direction:column;display:flex}.notif-title{margin:0;font-size:1.1rem;font-weight:600}.notif-msg{opacity:.9;margin:0;font-size:.95rem;line-height:1.4}.notif-actions{gap:.75rem;margin-top:.5rem;display:flex}.notif-action-btn{cursor:pointer;color:var(--text-inverse);border:none;border-radius:4px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:opacity .2s}.notif-action-btn:hover{opacity:.9}.notif-close-btn{cursor:pointer;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;margin-left:1rem;padding:.25rem;transition:opacity .2s;display:flex}.notif-close-btn:hover{opacity:1}.notif-theme-success{color:#1a4d2e;background-color:#e9f7ea}.notif-theme-success .notif-action-btn{background-color:#2ebd59}.notif-theme-success .notif-close-btn{color:#1a4d2e}.notif-theme-info{color:#0c4a6e;background-color:#e0f2fe}.notif-theme-info .notif-action-btn{background-color:#818cf8}.notif-theme-info .notif-close-btn{color:#0c4a6e}.notif-theme-warning{color:#78350f;background-color:#fef3c7}.notif-theme-warning .notif-action-btn{background-color:#6366f1}.notif-theme-warning .notif-close-btn{color:#78350f}.notif-theme-error{color:#991b1b;background-color:#fee2e2}.notif-theme-error .notif-action-btn{background-color:var(--danger-hover)}.notif-theme-error .notif-close-btn{color:#991b1b}.notif-dot{background-color:var(--danger);border:2px solid var(--border-light);border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;left:-4px}@keyframes notif-highlight-blink{0%{opacity:1;transform:scale(1)}25%{opacity:.5;transform:scale(1.02)}50%{opacity:1;transform:scale(1)}75%{opacity:.5;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.notif-blink{outline-offset:2px;outline:3px solid #3b82f6;animation:1.5s ease-in-out notif-highlight-blink}.notif-groups{flex-direction:column;gap:2rem;display:flex}.notif-month-group{flex-direction:column;gap:1rem;display:flex}.notif-month-header{background:linear-gradient(to right, var(--bg-card), var(--bg-primary));border:1px solid var(--border-color);cursor:pointer;border-left:4px solid #3b82f6;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:all .25s;display:flex;box-shadow:0 2px 4px #00000005}.notif-month-header:hover{background:linear-gradient(to right, var(--bg-primary), var(--bg-secondary));transform:translate(2px);box-shadow:0 4px 6px #0000000a}.notif-month-header h3{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.notif-month-header h3 span{color:var(--text-muted);font-size:.875rem;font-weight:500}.notif-month-header .chevron{color:var(--text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1)}.notif-month-header.collapsed .chevron{transform:rotate(-180deg)}.notif-accordion-content{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .3s ease-in-out,opacity .3s ease-in-out;display:grid}.notif-accordion-content.collapsed{opacity:0;pointer-events:none;grid-template-rows:0fr}.notif-accordion-content>.notif-list{overflow:hidden}.aw-root{background:var(--bg-primary);height:100%;color:var(--text-primary);flex-direction:column;font-family:Inter,sans-serif;display:flex}.aw-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.aw-header-left{align-items:center;gap:1rem;display:flex}.aw-header-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.aw-header-sub{color:var(--text-muted);margin:.15rem 0 0;font-size:.8125rem}.aw-refresh-btn{background:var(--bg-card);border:1px solid var(--border-dark);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.aw-refresh-btn:hover{background:var(--bg-secondary);border-color:#94a3b8}.aw-content{flex:1;padding:2rem;overflow-y:auto}.aw-container{flex-direction:column;gap:1.5rem;max-width:100%;margin:0 auto;display:flex}.aw-summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.aw-summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}.aw-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.aw-card-header{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500;display:flex}.aw-card-icon-wrapper{border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.aw-card-value{color:var(--text-primary);margin:.75rem 0 .25rem;font-size:1.75rem;font-weight:700}.aw-card-subtext{color:var(--text-light);font-size:.75rem}.aw-icon-blue{background:var(--primary-light);color:#3b82f6}.aw-icon-amber{background:var(--warning-light);color:var(--warning)}.aw-icon-green{background:var(--success-light);color:var(--success)}.aw-icon-red{background:var(--danger-light);color:var(--danger-hover)}.aw-icon-purple{color:#7c3aed;background:#faf5ff}.aw-filters-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.25rem;display:flex}.aw-filter-item{flex-direction:column;gap:.35rem;display:flex}.aw-filter-item label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.aw-filter-select,.aw-filter-input{border:1px solid var(--border-dark);background-color:var(--bg-card);color:var(--text-primary);border-radius:8px;outline:none;min-width:180px;padding:.5rem 1rem;font-size:.875rem;transition:border-color .2s}.aw-filter-select:focus,.aw-filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.aw-filter-checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;margin-top:1.2rem;font-size:.875rem;font-weight:500;display:flex}.aw-filter-checkbox{border:1px solid var(--border-dark);cursor:pointer;border-radius:4px;width:16px;height:16px}.aw-layout-stack{flex-direction:column;gap:1.5rem;display:flex}.aw-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #00000005}.aw-panel-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.95rem;font-weight:700;display:flex}.aw-table-container{overflow-x:auto}.aw-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.aw-table th{color:#0f766e;text-align:left;background:#f0fdfa;border:1px solid #ccfbf1;padding:1rem;font-size:.875rem;font-weight:600}.aw-table.aw-role-table th{color:#fff;background:#fc7575;border:1px solid #000;padding:.75rem 1rem;font-size:.8125rem;font-weight:600}[data-theme=dark] .aw-table th{color:#2dd4bf;background:#042f2e;border:1px solid #115e59}[data-theme=dark] .aw-table.aw-role-table th{color:#fff;background:#000;border:1px solid #334155}.aw-table td{vertical-align:middle;border:1px solid #000;padding:1rem}.aw-table th{border:1px solid #000}[data-theme=dark] .aw-table th,[data-theme=dark] .aw-table td{border:1px solid #334155}.aw-table tbody tr:hover{background-color:var(--bg-primary)}.aw-next-action-cell{max-width:200px}.aw-action-role{background:var(--bg-secondary);color:var(--text-secondary);border-radius:4px;margin-bottom:.25rem;padding:.15rem .4rem;font-size:.75rem;font-weight:600;display:inline-block}.aw-action-label{color:var(--text-muted);font-size:.8125rem;line-height:1.3}.aw-badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.aw-badge-pending{background:var(--warning-light);color:#b45309}.aw-badge-approved{background:var(--success-light);color:var(--success-hover)}.aw-badge-rejected{background:var(--danger-light);color:#b91c1c}.aw-badge-gray{background:var(--bg-secondary);color:var(--text-secondary)}.aw-count-badge{background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;margin-left:.25rem;padding:.15rem .35rem;font-size:.75rem;font-weight:700}.aw-count-badge.has-pending{color:var(--danger);background:#fee2e2}.aw-actions-cell{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.aw-btn-action{border:1px solid var(--border-dark);background:var(--bg-card);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.aw-btn-action:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:#94a3b8}.aw-btn-wf{cursor:pointer;background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary-hover);border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.aw-btn-wf:hover{color:#1e40af;background:#dbeafe}.aw-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;box-sizing:border-box;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.aw-modal-content{background:var(--bg-card);border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;animation:.3s ease-out aw-fade-in;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}@keyframes aw-fade-in{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.aw-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.aw-modal-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.aw-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:background-color .2s,color .2s;display:flex}.aw-modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.aw-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.aw-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-primary);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.aw-stepper{flex-direction:column;gap:1.5rem;margin:1.5rem 0;padding-left:1.5rem;display:flex;position:relative}.aw-stepper:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:10px;bottom:10px;left:5px}.aw-step-item{flex-direction:column;gap:.25rem;display:flex;position:relative}.aw-step-bullet{border:2px solid var(--border-light);z-index:2;background:var(--bg-card);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-21px;box-shadow:0 0 0 2px #cbd5e1}.aw-step-item.completed .aw-step-bullet{background-color:#10b981;box-shadow:0 0 0 2px #10b981}.aw-step-item.active .aw-step-bullet{background-color:#3b82f6;animation:2s infinite aw-pulse;box-shadow:0 0 0 2px #3b82f6}@keyframes aw-pulse{0%{transform:scale(1);box-shadow:0 0 0 2px #3b82f666}70%{transform:scale(1.1);box-shadow:0 0 0 6px #3b82f600}to{transform:scale(1);box-shadow:0 0 0 2px #3b82f666}}.aw-step-item.rejected .aw-step-bullet{background-color:var(--danger);box-shadow:0 0 0 2px var(--danger)}.aw-step-item.requested_revision .aw-step-bullet{background-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b}.aw-step-item.upcoming .aw-step-bullet{background-color:#cbd5e1;box-shadow:0 0 0 2px #cbd5e1}.aw-step-header{justify-content:space-between;align-items:center;display:flex}.aw-step-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.aw-step-actor{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.aw-step-time{color:var(--text-light);font-size:.75rem}.aw-step-comment{color:var(--text-secondary);background:var(--bg-primary);border-left:3px solid var(--border-dark);border-radius:0 6px 6px 0;margin-top:.35rem;padding:.4rem .75rem;font-size:.8125rem}.aw-step-item.rejected .aw-step-comment{border-left-color:var(--danger-border);background:var(--danger-light)}.aw-step-item.requested_revision .aw-step-comment{border-left-color:var(--warning-border);background:var(--warning-light)}.aw-stepper-summary-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.25rem;padding:1rem}.aw-stepper-summary-title{color:var(--text-primary);margin:0 0 .5rem;font-size:.875rem;font-weight:700}.aw-stepper-summary-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.aw-stepper-summary-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;justify-content:space-between;align-items:center;padding:.35rem .6rem;font-size:.75rem;display:flex}.aw-modal-details-grid{background:var(--bg-secondary);border-radius:10px;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;padding:1rem;font-size:.8125rem;display:grid}.aw-detail-label{color:var(--text-secondary);font-weight:600}.aw-detail-value{color:var(--text-primary)}.aw-modal-action-form{border-top:1px solid var(--border-color);flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1.25rem;display:flex}.aw-action-buttons-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.aw-form-comment-box{flex-direction:column;gap:.35rem;display:flex}.aw-form-comment-box label{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.aw-form-textarea{border:1px solid var(--border-dark);resize:vertical;border-radius:8px;outline:none;width:100%;min-height:80px;padding:.6rem .8rem;font-family:inherit;font-size:.875rem}.aw-form-textarea:focus{border-color:#3b82f6}.aw-error-text{color:var(--danger);font-size:.75rem;font-weight:500}.aw-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.aw-btn:disabled{opacity:.5;cursor:not-allowed}.aw-btn-primary{color:var(--text-inverse);background:#3b82f6}.aw-btn-primary:hover:not(:disabled){background:var(--primary)}.aw-btn-success{color:var(--text-inverse);background:#10b981}.aw-btn-success:hover:not(:disabled){background:#059669}.aw-btn-danger{background:var(--danger);color:var(--text-inverse)}.aw-btn-danger:hover:not(:disabled){background:var(--danger-hover)}.aw-btn-warning{color:var(--text-inverse);background:#f59e0b}.aw-btn-warning:hover:not(:disabled){background:var(--warning)}.aw-btn-secondary{background:var(--bg-card);border-color:var(--border-dark);color:var(--text-secondary)}.aw-btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.aw-empty{text-align:center;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.aw-empty-icon{color:var(--text-light);margin-bottom:1rem}.aw-empty-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.aw-empty-desc{max-width:400px;font-size:.875rem;line-height:1.5}.aw-toast{z-index:2000;color:var(--text-inverse);background:#1e293b;border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1.5rem;font-size:.875rem;font-weight:500;animation:.25s ease-out aw-toast-in;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 15px -3px #0000001a}.aw-toast-error{background:var(--danger-light);color:#991b1b;border:1px solid var(--danger-border)}.aw-toast-success{background:var(--success-light);color:#166534;border:1px solid var(--success-border)}@keyframes aw-toast-in{0%{opacity:0;transform:translateY(1rem)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.aw-center-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:8rem 0;display:flex}.aw-spin{animation:1s linear infinite aw-rotate}@keyframes aw-rotate{to{transform:rotate(360deg)}}.aw-footer{border-top:1px solid var(--border-color);background:var(--bg-card);border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:space-between;align-items:center;margin-top:auto;padding:1rem 1.5rem;display:flex}.aw-footer-info{color:var(--text-muted);align-items:center;font-size:.875rem;display:flex}.aw-limit-select{border:1px solid var(--border-dark);color:var(--text-secondary);background:var(--bg-card);cursor:pointer;border-radius:6px;outline:none;margin-left:12px;padding:.35rem .75rem;font-size:.875rem;transition:all .2s}.aw-limit-select:focus{border-color:#3b82f6}.aw-limit-select:hover{border-color:#94a3b8}.aw-pagination{align-items:center;gap:8px;display:flex}.aw-page-btn{background:var(--bg-card);border:1px solid var(--border-dark);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.35rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.aw-page-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:#94a3b8}.aw-page-btn:disabled{opacity:.5;cursor:not-allowed}.aw-page-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.aw-page-dots{color:var(--text-light);font-weight:600}.al-page{background:var(--bg-primary,#f8fafc);flex:1;height:100%;padding:0;font-family:Inter,Segoe UI,sans-serif;overflow-y:auto}.al-header{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#4c1d95 100%);padding:2rem 2.5rem 2.5rem;position:relative;overflow:hidden}.al-header:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#6366f140 0%,#0000 60%),radial-gradient(at 80% 20%,#a855f733 0%,#0000 50%);position:absolute;inset:0}.al-header-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex;position:relative}.al-header-title-wrap{align-items:center;gap:1rem;display:flex}.al-header-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.al-header h1{color:#fff;letter-spacing:-.5px;margin:0 0 4px;font-size:1.65rem;font-weight:800}.al-header-subtitle{color:#ffffffa6;margin:0;font-size:.875rem}.al-stats{flex-wrap:wrap;gap:.75rem;display:flex}.al-stat-badge{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.8rem;font-weight:600;display:flex}.al-stat-badge-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.al-body{max-width:1400px;margin:0 auto;padding:1.75rem 2.5rem 3rem}.al-filters{background:var(--bg-card,#fff);border:1px solid var(--border-muted,#e2e8f0);border-radius:16px;grid-template-columns:1fr auto auto auto auto auto;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:grid;box-shadow:0 1px 3px #0000000f}.al-filter-search{background:var(--bg-primary,#f8fafc);border:1.5px solid var(--border-muted,#e2e8f0);border-radius:10px;align-items:center;gap:.6rem;min-width:0;padding:.55rem .85rem;transition:border-color .2s;display:flex}.al-filter-search:focus-within{background:var(--bg-card,#fff);border-color:#6366f1}.al-filter-search input{color:var(--text-primary,#1e293b);background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:.875rem}.al-filter-search input::placeholder{color:var(--text-muted,#94a3b8)}.al-filter-select{background:var(--bg-primary,#f8fafc);border:1.5px solid var(--border-muted,#e2e8f0);white-space:nowrap;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem .8rem;transition:border-color .2s;display:flex}.al-filter-select:focus-within{border-color:#6366f1}.al-filter-select select{color:var(--text-primary,#1e293b);cursor:pointer;background:0 0;border:none;outline:none;min-width:110px;font-size:.8rem}.al-filter-btn{background:var(--bg-primary,#f8fafc);border:1.5px solid var(--border-muted,#e2e8f0);color:var(--text-secondary,#475569);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.al-filter-btn:hover{color:#6366f1;background:#eef2ff;border-color:#6366f1}.al-filter-btn.primary{color:#fff;background:#4f46e5;border-color:#4f46e5}.al-filter-btn.primary:hover{color:#fff;background:#4338ca;border-color:#4338ca}.al-table-card{background:var(--bg-card,#fff);border:1px solid var(--border-muted,#e2e8f0);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.al-table-head{border-bottom:1px solid var(--border-muted,#e2e8f0);background:var(--bg-primary,#f8fafc);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.al-table-head-left{color:var(--text-secondary,#475569);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.al-total-badge{color:#4f46e5;background:#eef2ff;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:700}.al-table-wrap{overflow-x:auto}.al-table{border-collapse:collapse;width:100%;font-size:.875rem}.al-table thead tr{background:var(--bg-primary,#f8fafc);border-bottom:1px solid var(--border-muted,#e2e8f0)}.al-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#94a3b8);white-space:nowrap;padding:.8rem 1rem;font-size:.75rem;font-weight:700}.al-table tbody tr{border-bottom:1px solid var(--border-muted,#e2e8f0);cursor:pointer;transition:background .15s}.al-table tbody tr:last-child{border-bottom:none}.al-table tbody tr:hover{background:var(--bg-hover,#f8fafc)}.al-table tbody td{color:var(--text-primary,#1e293b);vertical-align:middle;padding:.875rem 1rem}.al-action-badge{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:20px;align-items:center;gap:.35rem;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.al-action-badge.create{color:#15803d;background:#dcfce7}.al-action-badge.update{color:#1d4ed8;background:#dbeafe}.al-action-badge.delete{color:#dc2626;background:#fee2e2}.al-action-badge.approve{color:#a16207;background:#fef9c3}.al-action-badge.submit{color:#6d28d9;background:#ede9fe}.al-action-badge.reject{color:#be185d;background:#fce7f3}.al-action-badge.other{color:#475569;background:#f1f5f9}.al-entity-tag{background:var(--bg-primary,#f1f5f9);color:var(--text-secondary,#475569);border:1px solid var(--border-muted,#e2e8f0);white-space:nowrap;border-radius:6px;align-items:center;gap:.3rem;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.al-user-cell{align-items:center;gap:.6rem;display:flex}.al-user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:flex}.al-user-name{color:var(--text-primary,#1e293b);white-space:nowrap;font-size:.85rem;font-weight:600}.al-user-email{color:var(--text-muted,#94a3b8);font-size:.75rem}.al-timestamp{color:var(--text-secondary,#475569);white-space:nowrap;font-size:.8rem}.al-timestamp .al-date{color:var(--text-primary,#1e293b);font-weight:600}.al-timestamp .al-time{color:var(--text-muted,#94a3b8);font-size:.75rem}.al-detail-link{color:var(--text-muted,#94a3b8);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.8rem;overflow:hidden}.al-loading{color:var(--text-muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.al-spinner{border:3px solid var(--border-muted,#e2e8f0);border-top-color:#6366f1;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite al-spin}@keyframes al-spin{to{transform:rotate(360deg)}}.al-empty{color:var(--text-muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.al-empty-icon{background:var(--bg-primary,#f1f5f9);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.25rem;display:flex}.al-pagination{border-top:1px solid var(--border-muted,#e2e8f0);background:var(--bg-primary,#f8fafc);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.al-page-info{color:var(--text-muted,#94a3b8);font-size:.8rem}.al-page-info strong{color:var(--text-primary,#1e293b)}.al-page-btns{align-items:center;gap:.4rem;display:flex}.al-page-btn{border:1.5px solid var(--border-muted,#e2e8f0);background:var(--bg-card,#fff);width:32px;height:32px;color:var(--text-secondary,#475569);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.al-page-btn:hover:not(:disabled){color:#6366f1;background:#eef2ff;border-color:#6366f1}.al-page-btn:disabled{opacity:.4;cursor:not-allowed}.al-page-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.al-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s al-fade-in;display:flex;position:fixed;inset:0}@keyframes al-fade-in{0%{opacity:0}to{opacity:1}}.al-modal{background:var(--bg-card,#fff);border-radius:20px;width:100%;max-width:900px;max-height:85vh;animation:.25s al-slide-up;overflow-y:auto;box-shadow:0 25px 50px -12px #00000059}@keyframes al-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.al-modal-header{border-bottom:1px solid var(--border-muted,#e2e8f0);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.al-modal-header h3{color:var(--text-primary,#1e293b);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;display:flex}.al-modal-close{background:var(--bg-primary,#f1f5f9);cursor:pointer;width:30px;height:30px;color:var(--text-secondary,#475569);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;transition:background .2s;display:flex}.al-modal-close:hover{color:#dc2626;background:#fee2e2}.al-modal-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.al-modal-row{grid-template-columns:140px 1fr;align-items:start;gap:.5rem;display:grid}.al-modal-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#94a3b8);padding-top:2px;font-size:.78rem;font-weight:700}.al-modal-value{color:var(--text-primary,#1e293b);word-break:break-word;font-size:.875rem}.al-modal-changes{background:var(--bg-primary,#f8fafc);border:1px solid var(--border-muted,#e2e8f0);white-space:pre-wrap;word-break:break-all;color:var(--text-secondary,#475569);border-radius:10px;max-height:300px;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;overflow:auto}.al-denied{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;padding:2rem;display:flex}.al-denied-icon{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.al-denied h2{color:var(--text-primary,#1e293b);margin:0;font-size:1.25rem;font-weight:700}.al-denied p{color:var(--text-muted,#94a3b8);max-width:360px;margin:0;font-size:.875rem}.al-diff-panel{border:1px solid var(--border-muted,#e2e8f0);border-radius:10px;margin-top:.25rem;overflow:hidden}.al-diff-header{background:var(--bg-primary,#f8fafc);border-bottom:1px solid var(--border-muted,#e2e8f0);padding:.6rem 1rem}.al-diff-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#94a3b8);align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;display:flex}.al-diff-count{color:#4f46e5;background:#eef2ff;border-radius:8px;padding:1px 6px;font-size:.7rem}.al-diff-table{border-collapse:collapse;width:100%;font-size:.8rem}.al-diff-table thead tr{background:var(--bg-primary,#f8fafc)}.al-diff-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#94a3b8);border-bottom:1px solid var(--border-muted,#e2e8f0);padding:.4rem .75rem;font-size:.7rem;font-weight:700}.al-diff-table tbody tr{border-bottom:1px solid var(--border-muted,#e2e8f0)}.al-diff-table tbody tr:last-child{border-bottom:none}.al-diff-table tbody td{vertical-align:top;color:var(--text-primary,#1e293b);word-break:break-all;padding:.4rem .75rem}.al-diff-table tbody td code{background:var(--bg-primary,#f1f5f9);border-radius:4px;padding:1px 4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem}.al-diff-changed{background:#fef9c3!important}.al-diff-key{color:var(--text-secondary,#475569);white-space:nowrap;font-family:monospace;font-size:.75rem;font-weight:600}.al-diff-old{color:#dc2626;font-family:JetBrains Mono,monospace;font-size:.78rem}.al-diff-new{color:#15803d;font-family:JetBrains Mono,monospace;font-size:.78rem}.al-diff-empty{color:var(--text-muted,#94a3b8);font-style:italic}.al-diff-null{color:#6366f1;font-style:italic}.al-diff-raw{flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.al-diff-raw-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#94a3b8);margin-bottom:.35rem;font-size:.72rem;font-weight:700}.al-diff-old-bg{border-left:3px solid #dc2626}.al-diff-new-bg{border-left:3px solid #15803d}[data-theme=dark] .al-diff-changed{background:#eab3081f!important}[data-theme=dark] .al-diff-old{color:#f87171}[data-theme=dark] .al-diff-new{color:#4ade80}[data-theme=dark] .al-diff-null{color:#a5b4fc}[data-theme=dark] .al-diff-count{color:#a5b4fc;background:#6366f133}.al-page::-webkit-scrollbar{width:8px;height:8px}.al-table-wrap::-webkit-scrollbar{width:8px;height:8px}.al-modal::-webkit-scrollbar{width:8px;height:8px}.al-modal-changes::-webkit-scrollbar{width:8px;height:8px}.al-page::-webkit-scrollbar-track{background:var(--bg-primary,#f1f5f9);border-radius:4px}.al-table-wrap::-webkit-scrollbar-track{background:var(--bg-primary,#f1f5f9);border-radius:4px}.al-modal::-webkit-scrollbar-track{background:var(--bg-primary,#f1f5f9);border-radius:4px}.al-modal-changes::-webkit-scrollbar-track{background:var(--bg-primary,#f1f5f9);border-radius:4px}.al-page::-webkit-scrollbar-thumb{background:var(--border-dark,#94a3b8);border-radius:4px}.al-table-wrap::-webkit-scrollbar-thumb{background:var(--border-dark,#94a3b8);border-radius:4px}.al-modal::-webkit-scrollbar-thumb{background:var(--border-dark,#94a3b8);border-radius:4px}.al-modal-changes::-webkit-scrollbar-thumb{background:var(--border-dark,#94a3b8);border-radius:4px}.al-page::-webkit-scrollbar-thumb:hover{background:#6366f1}.al-table-wrap::-webkit-scrollbar-thumb:hover{background:#6366f1}.al-modal::-webkit-scrollbar-thumb:hover{background:#6366f1}.al-modal-changes::-webkit-scrollbar-thumb:hover{background:#6366f1}[data-theme=dark] .al-page::-webkit-scrollbar-track{background:#0f172a}[data-theme=dark] .al-table-wrap::-webkit-scrollbar-track{background:#0f172a}[data-theme=dark] .al-modal::-webkit-scrollbar-track{background:#0f172a}[data-theme=dark] .al-modal-changes::-webkit-scrollbar-track{background:#0f172a}[data-theme=dark] .al-page::-webkit-scrollbar-thumb{background:#334155}[data-theme=dark] .al-table-wrap::-webkit-scrollbar-thumb{background:#334155}[data-theme=dark] .al-modal::-webkit-scrollbar-thumb{background:#334155}[data-theme=dark] .al-modal-changes::-webkit-scrollbar-thumb{background:#334155}[data-theme=dark] .al-page::-webkit-scrollbar-thumb:hover{background:#6366f1}[data-theme=dark] .al-table-wrap::-webkit-scrollbar-thumb:hover{background:#6366f1}[data-theme=dark] .al-modal::-webkit-scrollbar-thumb:hover{background:#6366f1}[data-theme=dark] .al-modal-changes::-webkit-scrollbar-thumb:hover{background:#6366f1}[data-theme=dark] .al-header{background:linear-gradient(135deg,#0f0c29 0%,#1e1b4b 40%,#312e81 100%)}[data-theme=dark] .al-filters,[data-theme=dark] .al-table-card{background:var(--bg-card,#1e293b);border-color:var(--border-muted,#334155)}[data-theme=dark] .al-filter-search,[data-theme=dark] .al-filter-select{background:var(--bg-primary,#0f172a);border-color:var(--border-muted,#334155);color:var(--text-primary,#f8fafc)}[data-theme=dark] .al-filter-search:focus-within,[data-theme=dark] .al-filter-select:focus-within{background:var(--bg-primary,#0f172a);border-color:#6366f1}[data-theme=dark] .al-filter-search input{color:var(--text-primary,#f8fafc)!important}[data-theme=dark] .al-filter-search input::placeholder{color:var(--text-muted,#94a3b8)}[data-theme=dark] .al-filter-select select{color:var(--text-primary,#f8fafc)!important}[data-theme=dark] .al-filter-select select option,[data-theme=dark] .al-filter-select select optgroup{background-color:var(--bg-card,#1e293b)!important;color:var(--text-primary,#f8fafc)!important}[data-theme=dark] .al-filter-select input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary,#f8fafc)!important}[data-theme=dark] .al-filter-select input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.9)}[data-theme=dark] .al-filter-btn{background:var(--bg-primary,#0f172a);border-color:var(--border-muted,#334155);color:var(--text-secondary,#cbd5e1)}[data-theme=dark] .al-filter-btn:hover{color:#a5b4fc;background:#6366f133;border-color:#6366f1}[data-theme=dark] .al-filter-btn.primary{color:#fff;background:#4f46e5;border-color:#4f46e5}[data-theme=dark] .al-filter-btn.primary:hover{background:#4338ca;border-color:#4338ca}[data-theme=dark] .al-table thead tr,[data-theme=dark] .al-table-head,[data-theme=dark] .al-pagination{background:var(--bg-primary,#0f172a)}[data-theme=dark] .al-table tbody tr:hover{background:#6366f114}[data-theme=dark] .al-action-badge.create{color:#4ade80;background:#15803d40}[data-theme=dark] .al-action-badge.update{color:#60a5fa;background:#1d4ed840}[data-theme=dark] .al-action-badge.delete{color:#f87171;background:#dc262640}[data-theme=dark] .al-action-badge.approve{color:#fbbf24;background:#a1620740}[data-theme=dark] .al-action-badge.submit{color:#c084fc;background:#6d28d940}[data-theme=dark] .al-action-badge.reject{color:#f9a8d4;background:#be185d40}[data-theme=dark] .al-action-badge.other{color:#cbd5e1;background:#47556940}[data-theme=dark] .al-total-badge{color:#a5b4fc;background:#6366f140}[data-theme=dark] .al-modal{background:var(--bg-card,#1e293b);border:1px solid var(--border-muted,#334155)}[data-theme=dark] .al-modal-header{border-bottom-color:var(--border-muted,#334155)}[data-theme=dark] .al-modal-close{background:var(--bg-primary,#0f172a);color:var(--text-secondary,#cbd5e1)}[data-theme=dark] .al-modal-close:hover{color:#f87171;background:#dc262633}[data-theme=dark] .al-modal-changes{border-color:var(--border-muted,#334155);color:#cbd5e1;background:#0f172a}[data-theme=dark] .al-page-btn{background:var(--bg-primary,#0f172a);border-color:var(--border-muted,#334155);color:var(--text-secondary,#cbd5e1)}[data-theme=dark] .al-page-btn:hover:not(:disabled){color:#a5b4fc;background:#6366f133;border-color:#6366f1}[data-theme=dark] .al-page-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}@media (width<=768px){.al-header{padding:1.5rem}.al-body{padding:1rem 1rem 2rem}.al-filters{grid-template-columns:1fr}.al-table thead th:nth-child(3),.al-table tbody td:nth-child(3){display:none}}.rsb-container{z-index:9999;pointer-events:none;width:0;height:100vh;position:fixed;top:0;left:0;overflow:visible}.rsb-container.open{pointer-events:auto}.page-blur-overlay{-webkit-backdrop-filter:blur(5px);z-index:998;pointer-events:auto;background:#0f172a59;animation:.35s forwards overlayFadeIn;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.rsb-outer{z-index:1;background:linear-gradient(140deg,#23262db3 0%,#141923cc 100%);border:1px solid #505f7840;border-radius:50%;width:1000px;height:1000px;transition:left .55s cubic-bezier(.34,1.2,.64,1);position:absolute;top:50%;left:-1000px;transform:translateY(-50%);box-shadow:12px 0 80px #000000bf,0 10px 35px #00000073,inset -1px 0 #ffffff0d}.rsb-container.open .rsb-outer{-webkit-backdrop-filter:blur(22px);left:-600px}.rsb-inner{background:linear-gradient(145deg, var(--primary-border) 0%, #93c5fd 45%, #60a5fa 100%);z-index:2;border-radius:50%;width:380px;height:380px;transition:left .55s cubic-bezier(.34,1.2,.64,1);position:absolute;top:50%;left:-365px;transform:translateY(-50%);box-shadow:6px 0 36px #60a5fa4d,inset 0 1px #fff9}.rsb-container.open .rsb-inner{left:-240px}.rsb-inner-content{color:#1e3a5f;text-align:center;opacity:0;flex-direction:column;align-items:center;gap:8px;width:110px;transition:opacity .35s .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.rsb-container.open .rsb-inner-content{opacity:1}.rsb-avatar{background:#ffffff1f;border:2.5px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 0 24px #93c5fd40}.rsb-uname{text-overflow:ellipsis;white-space:nowrap;color:#1e3a5f;max-width:100px;font-size:.72rem;font-weight:700;overflow:hidden}.rsb-urole{color:#1e40af;opacity:.85;text-overflow:ellipsis;white-space:nowrap;background:#1e3a5f1f;border-radius:20px;max-width:100px;padding:2px 7px;font-size:.6rem;overflow:hidden}.rsb-edge-strip{z-index:10000;width:24px;height:200px;position:fixed;top:50%;left:0;transform:translateY(-50%)}.rsb-qbtns{flex-direction:row;gap:8px;margin-top:4px;display:flex}.rsb-container.open .rsb-qbtns{opacity:1}.rsb-qbtn{color:#1e3a8a;cursor:pointer;background:#1e40af26;border:1.5px solid #1e40af40;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:relative;box-shadow:0 2px 8px #1e40af1f}.rsb-qbtn:hover{background:#1e40af40;transform:scale(1.14);box-shadow:0 4px 14px #1e40af40}.rsb-badge{background:var(--danger);color:var(--text-inverse);border:2px solid var(--border-light);border-radius:10px;padding:1px 5px;font-size:.58rem;font-weight:700;position:absolute;top:-4px;right:-4px}.rsb-item{color:var(--text-inverse);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;z-index:10;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;max-width:190px;padding:8px 14px 8px 10px;font-size:.88rem;font-weight:500;transition:opacity .35s,transform .35s cubic-bezier(.34,1.45,.64,1),color .18s,background .18s,border-color .18s,box-shadow .18s;display:flex;position:absolute;transform:translateY(-50%)translate(-30px)}.rsb-container.open .rsb-item{opacity:1;pointer-events:auto;transform:translateY(-50%)translate(0)}.rsb-item.hov{z-index:20;color:var(--text-inverse);background:linear-gradient(90deg,#3b82f638,#93c5fd1f);border-color:#60a5fa47;box-shadow:0 0 24px #60a5fa2e,0 4px 18px #1e40af1f,inset 0 1px #ffffff80;transform:translateY(-50%)translate(8px)scale(1.06)!important}.rsb-item.hov .rsb-icon{color:var(--text-inverse);background:linear-gradient(135deg,#60a5fa,#93c5fd);box-shadow:0 0 18px #60a5fa73}.rsb-item.hov .rsb-label{text-shadow:0 0 12px #60a5fa59;letter-spacing:.025em}.rsb-item.active{color:var(--text-inverse);z-index:11;background:#60a5fa2e;border-color:#60a5fa52;box-shadow:0 0 18px #60a5fa26}.rsb-item.active .rsb-icon{color:var(--text-inverse);background:linear-gradient(135deg,#60a5fa,#93c5fd);box-shadow:0 0 14px #60a5fa66}.rsb-icon{color:#3b82f6;background:#1e40af1a;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;transition:background .22s,box-shadow .22s,color .22s;display:flex;position:relative}.rsb-label{transition:color .18s,text-shadow .18s,letter-spacing .18s}.rsb-dot{background:var(--danger);border:1.5px solid #0f172a;border-radius:50%;width:8px;height:8px;animation:2s infinite rsb-pulse;position:absolute;top:2px;right:2px}@keyframes rsb-pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 5px #ef444400}}.rsb-logo{z-index:10000;pointer-events:none;opacity:0;transition:opacity .4s .25s;position:fixed;bottom:22px;left:18px}.rsb-container.open .rsb-logo{opacity:.55}.rsb-logo img{filter:brightness(0)invert(.25);height:22px}.app-layout{background:var(--bg-body);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;width:100%;overflow:hidden auto}.app-container{flex:1;width:100vw;min-width:0;min-height:0;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar{background:#111827;border-right:1px solid #1f2937;flex-direction:column;width:268px;min-width:268px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid #1f2937;flex-shrink:0;align-items:center;gap:.625rem;padding:1.125rem 1rem 1rem;display:flex}.sidebar-logo-icon{background:var(--primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.sidebar-header h1{color:#f9fafb;letter-spacing:-.01em;font-size:.9rem;font-weight:700;line-height:1.2}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:.5rem;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#374151;border-radius:2px}.nav-item{color:var(--text-light);cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem .5rem .75rem;font-size:.775rem;font-weight:500;transition:background .13s,color .13s;display:flex;position:relative}.nav-item:hover{color:#e5e7eb;background:#ffffff0f}.nav-item.active{color:#93c5fd;border-left-color:var(--primary);background:#2563eb26;border-radius:0 6px 6px 0}.nav-item-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.nav-item.active .nav-item-icon{opacity:1}.nav-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item-chevron{opacity:.6;flex-shrink:0}.sidebar-footer{color:var(--text-secondary);border-top:1px solid #1f2937;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:.625rem 1rem;font-size:.7rem;display:flex}.sidebar-new-project-btn{background:linear-gradient(135deg, var(--primary), #7c3aed);color:var(--text-inverse);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:.7rem;font-weight:600;transition:opacity .15s,transform .1s;display:flex}.sidebar-new-project-btn:hover{opacity:.88;transform:translateY(-1px)}.sidebar-new-project-btn:active{transform:scale(.96)}.nav-group-header{cursor:pointer;width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:.45rem;padding:.45rem .625rem .45rem .5rem;font-size:.7rem;font-weight:700;transition:background .13s,color .13s;display:flex}.nav-group-header:hover{color:var(--text-light);background:#ffffff0d}.nav-group-icon{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.nav-group-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-group-count{min-width:18px;height:16px;color:var(--text-muted);background:#1f2937;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:.6rem;font-weight:700;display:inline-flex}.nav-group-items{flex-direction:column;gap:1px;transition:max-height .25s,opacity .2s;display:flex;overflow:hidden}.nav-group-items.expanded{opacity:1;max-height:2000px}.nav-group-items.collapsed{opacity:0;pointer-events:none;max-height:0}.nav-item.nav-item-child{padding-left:1.625rem;font-size:.75rem}.main-content{background:var(--bg-body);flex-direction:column;flex:1;min-width:0;padding:1.25rem 1.5rem 0;display:flex;overflow:hidden}.main-content-scroll{background:var(--bg-body);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-content-scroll>.pp-root,.main-content-scroll>.al-page{flex:1;overflow-y:auto}.content-header{flex-shrink:0;margin-bottom:.875rem}.content-header-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.content-header h2{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:600px;margin-bottom:.15rem;font-size:1.1rem;font-weight:700;overflow:hidden}.content-header p{color:var(--text-muted);font-size:.76rem}.summary-actions{align-items:center;gap:12px;display:flex}.action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.btn-excel{color:#fff;background:#107c41}.btn-excel:hover{background:#0d6334;box-shadow:0 4px 12px #107c4133}.btn-hide-rows{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}.btn-hide-rows:hover{color:var(--text-primary);background:#e2e8f0}.btn-hide-rows.active{color:#fff;border-color:var(--primary);background:#3b82f6}.btn-hide-rows.active:hover{background:var(--primary)}.btn-icon{width:16px;height:16px}.excel-export-btn{color:var(--text-inverse);cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:#166534;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:.4rem;padding:.4rem .875rem;font-size:.775rem;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 3px #00000026}.excel-export-btn:hover{background:var(--success-hover);box-shadow:0 2px 6px #16653459}.excel-export-btn:active{background:#14532d;transform:scale(.97)}.table-container{background:var(--bg-card);border:1px solid #000;flex:1;overflow:auto;box-shadow:0 1px 4px #00000014}table{border-collapse:collapse;border-spacing:0;width:100%;min-width:800px;font-family:Inter,Arial,sans-serif;font-size:.775rem;line-height:1.3}thead tr{background-color:#000}th{z-index:2;color:var(--text-inverse);text-transform:none;letter-spacing:0;text-align:left;white-space:nowrap;background-color:#000;border:1px solid #000;padding:5px 7px;font-size:.7rem;font-weight:700;position:sticky;top:0}td{color:var(--text-dark);white-space:nowrap;background-color:var(--bg-card);text-align:left;vertical-align:middle;border:1px solid #000;padding:4px 6px}td.numeric-cell{text-align:right;font-variant-numeric:tabular-nums}th{cursor:pointer;-webkit-user-select:none;user-select:none}.col-header-label{justify-content:space-between;align-items:center;gap:5px;width:100%;display:flex}.col-toggle-hint{opacity:.35;flex-shrink:0;font-size:.65rem;transition:opacity .15s}th:hover .col-toggle-hint{opacity:.9}th.col-collapsed{cursor:pointer;white-space:nowrap;background-color:#2a2a2a;width:18px;min-width:18px;max-width:18px;padding:4px 2px;overflow:hidden}th.col-collapsed:hover{opacity:1;background-color:#3a3a3a}.col-collapsed-label{writing-mode:vertical-rl;text-orientation:mixed;color:var(--text-inverse);white-space:nowrap;text-overflow:ellipsis;max-height:80px;font-size:.6rem;font-weight:700;line-height:1;display:block;overflow:hidden;transform:rotate(180deg)}td.col-collapsed-cell{border-left:1px solid #000;border-right:1px solid #000;width:18px;min-width:18px;max-width:18px;padding:0;background-color:#f0f0f0!important}tr.row-section-header td.col-collapsed-cell{background-color:#1a1a1a!important}tr.row-subtotal td.col-collapsed-cell{background-color:#d8d8da!important}tr.row-section-header td{border-color:#000;font-weight:700;color:var(--text-inverse)!important;background-color:#000!important}tr.row-subtotal td{border-color:#000;font-weight:600;color:#111!important;background-color:#eaeaec!important}tr.row-data td{background-color:var(--bg-card);color:var(--text-dark)}tr.row-data:hover td{background-color:#f8f9fa}.summary-panel{border-top:2px solid #000;border-left:1px solid var(--border-dark);border-right:1px solid var(--border-dark);border-bottom:1px solid var(--border-dark);background:#f8f9fa;flex-direction:column;flex-shrink:0;gap:.5rem;margin-top:0;padding:.6rem .875rem .5rem;display:flex}.summary-bar-section{flex-direction:column;gap:4px;display:flex}.summary-bar-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:600;display:flex}.summary-bar-pct{color:var(--text-primary);font-size:.7rem;font-weight:700}.summary-bar-track{border:1px solid var(--border-dark);background:#e5e7eb;border-radius:3px;width:100%;height:9px;overflow:hidden}.summary-bar-fill{border-radius:2px;height:100%;transition:width .4s}.summary-metrics{border:1px solid var(--border-dark);background:var(--bg-card);border-radius:4px;gap:0;display:flex;overflow:hidden}.summary-metric{border-right:1px solid var(--border-muted);flex-direction:column;flex:1;gap:2px;padding:.4rem .75rem;display:flex}.summary-metric:last-child{border-right:none}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.625rem;font-weight:600}.metric-value{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.875rem;font-weight:700}.empty-state{height:100%;color:var(--text-light);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.empty-state p{font-size:1rem}.nav-item-actions{opacity:0;flex-shrink:0;align-items:center;gap:2px;margin-left:auto;transition:opacity .18s;display:flex}.nav-item:hover .nav-item-actions,.nav-item.active .nav-item-actions{opacity:1}.nav-item-dup,.nav-item-del{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,transform .1s;display:flex}.nav-item-dup:hover{color:#93c5fd;background:#2563eb40;transform:scale(1.1)}.nav-item-dup:active{background:#2563eb66;transform:scale(.95)}.nav-item-del:hover{color:var(--danger-border);background:#dc262633;transform:scale(1.1)}.nav-item-del:active{background:#dc262659;transform:scale(.95)}.dup-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;animation:.2s dupFadeIn;display:flex;position:fixed;inset:0}@keyframes dupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dupSlideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dup-modal{background:var(--bg-card);border-radius:14px;width:460px;max-width:90vw;animation:.25s dupSlideUp;overflow:hidden;box-shadow:0 20px 60px #0003,0 1px 3px #00000014}.dup-modal-header{border-bottom:1px solid var(--border-muted);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.dup-modal-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.dup-modal-title svg{color:var(--primary)}.dup-modal-close{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.dup-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.dup-modal-body{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.dup-modal-desc{color:var(--text-secondary);border-left:3px solid var(--primary);background:#f0f7ff;border-radius:8px;margin:0;padding:.625rem .75rem;font-size:.82rem;line-height:1.55}.dup-modal-desc strong{color:#1e40af}.dup-modal-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.dup-modal-input{border:1.5px solid var(--border-dark);width:100%;color:var(--text-primary);background:var(--bg-card);box-sizing:border-box;border-radius:8px;outline:none;padding:.6rem .75rem;font-family:Inter,sans-serif;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.dup-modal-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.dup-modal-input.dup-input-err{border-color:var(--danger-hover);box-shadow:0 0 0 3px #dc26261a}.dup-modal-err{color:var(--danger-hover);margin:0;padding-left:2px;font-size:.75rem}.dup-modal-footer{border-top:1px solid var(--border-muted);background:var(--bg-secondary);justify-content:flex-end;gap:.625rem;padding:.875rem 1.25rem;display:flex}.dup-modal-cancel{border:1px solid var(--border-dark);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:7px;padding:.45rem 1rem;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s}.dup-modal-cancel:hover{background:var(--bg-secondary);border-color:#9ca3af}.dup-modal-confirm{background:var(--primary);color:var(--text-inverse);cursor:pointer;border:none;border-radius:7px;align-items:center;gap:.35rem;padding:.45rem 1.125rem;font-size:.82rem;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;display:flex}.dup-modal-confirm:hover{background:var(--primary-hover);box-shadow:0 4px 14px #2563eb4d}.dup-modal-confirm:active{background:#1e40af;transform:scale(.97)}.del-modal-header{border-bottom-color:#dc262633!important}.del-modal-header .dup-modal-title{color:var(--danger-border)}.del-modal-desc{color:#cbd5e1;font-size:.9rem;line-height:1.6}.del-modal-desc strong{color:var(--danger-border)}.del-modal-confirm{background:var(--danger-hover);color:var(--text-inverse);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 22px;font-size:.85rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .1s;display:flex}.del-modal-confirm:hover{background:#b91c1c;box-shadow:0 4px 14px #dc262659}.del-modal-confirm:active{background:#991b1b;transform:scale(.97)}.project-highlight-badge{z-index:10;white-space:nowrap;background:#fff;border:2px solid #0ea5e9;border-radius:8px;justify-content:center;align-items:center;padding:.45rem 1.2rem;transition:all .2s;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}[data-theme=dark] .project-highlight-badge{background:#1e293b;border-color:#38bdf8}.project-highlight-badge:hover{transform:translate(-50%)translateY(-1px);box-shadow:0 4px 12px #0ea5e926}.ph-code{color:#0ea5e9;letter-spacing:normal;font-size:.85rem;font-weight:600}[data-theme=dark] .ph-code{color:#38bdf8}.ph-divider{background:#0ea5e9;border-radius:50%;width:4px;height:4px;margin:0 .6rem}[data-theme=dark] .ph-divider{background:#38bdf8}.ph-name{color:#0ea5e9;font-size:.85rem;font-weight:600}[data-theme=dark] .ph-name{color:#38bdf8}.wm-header,.pa-header,.rv-header,.cx-header,.rdp-header{position:relative}