.sidebar-container{width:280px;height:100vh;background-color:#f2f4f7;color:var(--text-primary);display:flex;flex-direction:column;border-right:1px solid var(--border-color);flex-shrink:0;padding:24px 16px;box-shadow:2px 0 8px #0f172a05;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.sidebar-container.collapsed{width:80px;padding:24px 12px}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;padding:0 8px;position:relative;min-height:40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-container.collapsed .sidebar-brand{flex-direction:column;gap:12px;padding:0;align-items:center}.brand-logo-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px}.brand-logo{width:32px;height:32px;color:#818cf8;filter:drop-shadow(0 0 8px rgba(129,140,248,.3));transition:transform .3s ease}.sidebar-brand:hover .brand-logo{transform:rotate(15deg)}.brand-text h2{font-size:1.05rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--text-primary)}.brand-text span{font-size:.72rem;color:var(--text-muted);font-weight:500}.collapse-toggle-btn{position:absolute;right:0;width:22px;height:22px;background-color:#fff;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.collapse-toggle-btn:hover{background-color:var(--bg-tertiary);color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 8px #6366f11a}.sidebar-container.collapsed .collapse-toggle-btn{position:static;margin-top:4px}.sidebar-user{display:flex;align-items:center;gap:14px;padding:12px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);cursor:pointer}.sidebar-user:hover{background:var(--bg-tertiary);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.sidebar-container.collapsed .sidebar-user{justify-content:center;padding:10px;margin-bottom:16px;background:#fff}.user-avatar-initials{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,#818cf8 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;border:2px solid rgba(255,255,255,.8);box-shadow:0 4px 10px #6366f126;flex-shrink:0;transition:transform .2s ease}.sidebar-user:hover .user-avatar-initials{transform:scale(1.05)}.user-info h4{font-size:.88rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.role-badge{font-size:.68rem;color:var(--color-primary);background-color:#4f46e50d;border:1px solid rgba(79,70,229,.15);padding:2px 8px;border-radius:20px;display:inline-block;margin-top:4px;font-weight:600}.sidebar-month-selector{padding:12px 14px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:24px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column}.sidebar-month-selector:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.sidebar-month-selector label{display:block;font-size:.65rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;cursor:pointer}.month-picker-trigger{display:flex;align-items:center;gap:10px}.month-picker-icon{width:18px;height:18px;color:var(--color-primary);flex-shrink:0}.month-picker-value{font-size:.85rem;font-weight:600;color:var(--text-primary)}.hidden-month-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;pointer-events:none}.sidebar-month-selector.collapsed{padding:10px;align-items:center;margin-bottom:20px}.sidebar-month-selector.collapsed .month-picker-trigger{flex-direction:column;gap:4px}.sidebar-month-selector.collapsed .month-picker-badge{font-size:.58rem;font-weight:700;color:#94a3b8;background-color:#090d16;padding:1px 4px;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.sidebar-nav{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding-right:2px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1}.nav-group{margin-bottom:20px}.nav-group-title{font-size:.65rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;padding:0 12px;margin-bottom:8px}.nav-group-divider{height:1px;background-color:var(--border-color);margin:16px 8px}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin-bottom:4px}.nav-link{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;background:transparent;border:none;color:var(--text-secondary);font-size:.86rem;font-weight:500;border-radius:var(--border-radius-sm);cursor:pointer;text-align:left;transition:all .2s ease;position:relative}.nav-link:before{content:"";position:absolute;left:0;top:15%;height:70%;width:3px;background-color:var(--color-primary);border-radius:0 4px 4px 0;transform:scaleY(0);transform-origin:center;transition:transform .2s ease}.nav-link:hover{background-color:#fff;color:var(--color-primary);padding-left:14px}.sidebar-container.collapsed .nav-link{justify-content:center;padding:10px 0;width:100%}.sidebar-container.collapsed .nav-link:hover{background-color:#ffffff08;padding-left:0}.nav-link.active{background:#4f46e50d;color:var(--color-primary);font-weight:600}.nav-link.active:before{transform:scaleY(1)}.nav-link.active .nav-icon{color:var(--color-primary)}.nav-icon{width:18px;height:18px;flex-shrink:0;transition:transform .2s ease}.nav-link:hover .nav-icon{transform:scale(1.08)}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-color)}.theme-toggle-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;background:transparent;border:none;color:var(--text-secondary);font-size:.86rem;font-weight:500;border-radius:var(--border-radius-sm);cursor:pointer;text-align:left;transition:all .2s ease;margin-bottom:4px}.theme-toggle-btn:hover{background-color:var(--bg-tertiary);color:var(--color-primary)}.sidebar-container.collapsed .theme-toggle-btn{justify-content:center;padding:10px 0}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;background:transparent;border:none;color:#f87171;font-size:.86rem;font-weight:500;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease}.logout-btn:hover{background-color:#ef44440f;color:#ef4444}.sidebar-container.collapsed .logout-btn{justify-content:center;padding:10px 0}.sidebar-workspace-switcher{padding:0 16px 12px;position:relative;z-index:100}.workspace-switcher-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:#fff;color:var(--text-primary);font-size:.8rem;font-weight:600;cursor:pointer;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workspace-switcher-btn:hover{background-color:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.workspace-switcher-btn:focus-visible{border-color:#6366f180;box-shadow:0 0 0 2px #6366f133}.workspace-switcher-dropdown{position:absolute;top:100%;left:16px;width:250px;margin-top:6px;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:999;max-height:240px;overflow-y:auto;padding:6px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.workspace-option-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background-color:transparent;border:none;color:var(--text-secondary);font-size:.775rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.workspace-option-item:hover{background-color:var(--bg-primary);color:var(--color-primary)}.workspace-option-item.active{background-color:#4f46e50d;color:var(--color-primary);font-weight:700}.workspace-role-badge{font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:4px;background-color:var(--bg-tertiary);color:var(--text-secondary);margin-left:8px;flex-shrink:0;transition:all .2s ease}.workspace-option-item.active .workspace-role-badge{background-color:#4f46e526;color:var(--color-primary)}.workspace-dropdown-divider{height:1px;background-color:var(--border-color);margin:6px 0}.workspace-option-item.rbac-create-workspace-btn{color:var(--color-success);font-weight:600;border-top:1px dashed var(--border-color)}.workspace-option-item.rbac-create-workspace-btn:hover{background-color:var(--color-success-bg);color:var(--color-success)}.workspace-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1)}.workspace-modal-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;width:560px;max-width:95%;max-height:90vh;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.workspace-modal-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.workspace-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.workspace-modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.workspace-modal-close:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.workspace-modal-form{padding:20px;display:flex;flex-direction:column;gap:16px;text-align:left;overflow-y:auto}.workspace-modal-desc{margin:0 0 4px;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.workspace-form-group{display:flex;flex-direction:column;gap:6px}.workspace-form-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.workspace-form-group input,.workspace-form-group select{background-color:#fff;border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:.85rem;outline:none;transition:all .2s}.workspace-form-group input:focus,.workspace-form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #4f46e51a}.workspace-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.workspace-form-row-3{grid-template-columns:1fr 1fr 1fr!important}@media(max-width:576px){.workspace-form-row,.workspace-form-row-3{grid-template-columns:1fr!important}}.workspace-modal-footer{margin-top:8px;display:flex;justify-content:flex-end;gap:12px}.workspace-btn-cancel{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.workspace-btn-cancel:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.workspace-btn-submit{background-color:var(--color-success);border:none;color:#fff;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.workspace-btn-submit:hover:not(:disabled){background-color:var(--color-success-bg);color:var(--color-success)}.workspace-btn-submit:disabled{opacity:.6;cursor:not-allowed}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.text-red{color:#ef4444;margin-left:2px}.workspace-modal-desc strong{color:var(--text-primary);font-weight:600}[data-theme=dark] .sidebar-container{background-color:#0b0f19;border-right:1px solid var(--border-color)}[data-theme=dark] .sidebar-user{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .sidebar-user:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}[data-theme=dark] .sidebar-container.collapsed .sidebar-user{background:var(--bg-secondary)}[data-theme=dark] .sidebar-month-selector{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .sidebar-month-selector:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}[data-theme=dark] .workspace-switcher-btn{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .workspace-switcher-btn:hover{background-color:var(--bg-tertiary);border-color:var(--color-primary)}[data-theme=dark] .nav-link:hover,[data-theme=dark] .theme-toggle-btn:hover{background-color:var(--bg-secondary)}[data-theme=dark] .nav-group-divider{background-color:var(--border-color)}[data-theme=dark] .sidebar-footer{border-top:1px solid var(--border-color)}[data-theme=dark] .collapse-toggle-btn{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .collapse-toggle-btn:hover{background-color:var(--bg-tertiary)}[data-theme=dark] .workspace-switcher-dropdown{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .workspace-option-item{color:var(--text-secondary)!important}[data-theme=dark] .workspace-option-item:hover{background-color:var(--bg-tertiary)!important;color:var(--color-primary)!important}[data-theme=dark] .workspace-option-item.active{background-color:#6366f126!important;color:var(--color-primary)!important}[data-theme=dark] .workspace-role-badge{background-color:var(--bg-tertiary)!important;color:var(--text-secondary)!important}[data-theme=dark] .workspace-option-item.active .workspace-role-badge{background-color:#6366f140!important;color:var(--color-primary)!important}[data-theme=dark] .workspace-modal-card{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .workspace-modal-header h3{color:var(--text-primary)!important}[data-theme=dark] .workspace-btn-cancel{background-color:var(--bg-tertiary)!important;color:var(--text-secondary)!important}[data-theme=dark] .workspace-btn-cancel:hover{background-color:var(--border-color)!important;color:var(--text-primary)!important}.dashboard-container{display:flex;flex-direction:column;gap:24px}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:16px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.dashboard-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:16px}.dashboard-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.dashboard-header p{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.month-badge{display:flex;align-items:center;gap:8px;background-color:var(--bg-tertiary);padding:8px 16px;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;color:var(--color-primary);border:1px solid var(--border-color)}.badge-icon{width:16px;height:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.stats-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.stats-icon-bg{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.color-indigo{background-color:#4f46e50f;color:var(--color-primary)}.color-emerald{background-color:#10b9810f;color:var(--color-success)}.color-warning{background-color:#f59e0b0f;color:var(--color-warning)}.color-danger{background-color:#ef44440f;color:var(--color-danger)}.stats-icon{width:24px;height:24px}.stats-content span{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stats-content h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:4px 0;letter-spacing:-.02em}.success-text{font-size:.75rem;color:var(--color-success);font-weight:600}.muted-text{font-size:.75rem;color:var(--text-muted)}.dashboard-content-split{display:grid;grid-template-columns:1.8fr 1.2fr;gap:24px}@media(max-width:1024px){.dashboard-content-split{grid-template-columns:1fr}}.compliance-panel,.quick-action-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.panel-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.panel-header-icon{width:22px;height:22px}.panel-header h2{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.issues-list{display:flex;flex-direction:column;gap:12px}.issue-item{padding:14px 16px;background-color:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);border-left-width:4px;box-shadow:var(--shadow-sm)}.border-danger{border-left-color:var(--color-danger);background-color:#ef444405}.border-warning{border-left-color:var(--color-warning);background-color:#f59e0b05}.issue-title{display:flex;align-items:center;gap:10px;margin-bottom:6px}.badge{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:3px 6px;border-radius:4px;color:#fff}.bg-danger{background-color:var(--color-danger)}.issue-title h4{font-size:.875rem;font-weight:600;color:var(--text-primary)}.issue-item p{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.quick-tips{display:flex;flex-direction:column;gap:12px}.tip-card{padding:16px;background-color:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);border-left:3px solid var(--color-primary);box-shadow:var(--shadow-sm)}.tip-card h5{font-size:.875rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.tip-card p{font-size:.775rem;color:var(--text-secondary);line-height:1.5}.emp-master-container{display:flex;flex-direction:column;gap:20px;height:100%}.emp-action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background-color:var(--bg-secondary);padding:16px;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.search-box{position:relative;flex:1;max-width:480px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted)}.search-box input{width:100%;padding:10px 16px 10px 40px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);outline:none;font-size:.875rem;color:var(--text-primary);background-color:var(--bg-primary);transition:all var(--transition-fast)}.search-box input:focus{border-color:var(--color-primary);background-color:var(--bg-secondary);box-shadow:0 0 0 3px #4f46e51a}.add-emp-btn{display:flex;align-items:center;gap:8px;background-color:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.add-emp-btn:hover{background-color:var(--color-primary-hover)}.btn-icon{width:18px;height:18px}.emp-grid-split{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}.emp-grid-split.single-column{grid-template-columns:1fr}@media(max-width:900px){.emp-grid-split{grid-template-columns:1fr}}.emp-list-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 180px);overflow-y:auto}.panel-header-simple h3{font-size:.95rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.025em}.emp-list{display:flex;flex-direction:column;gap:8px}.emp-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:var(--border-radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);gap:8px}.emp-item:hover{background-color:var(--bg-tertiary);border-color:var(--border-color)}.emp-item.selected{background-color:#eeebff;border-color:#c7d2fe}.emp-item-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.emp-item-left>div{flex:1;min-width:0}.emp-avatar-text{width:38px;height:38px;border-radius:50%;background-color:#e0e7ff;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.emp-item.selected .emp-avatar-text{background-color:var(--color-primary);color:#fff}.emp-item h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-item span{font-size:.75rem;color:var(--text-secondary)}.emp-dept-badge{font-size:.7rem;font-weight:600;color:var(--color-primary);background-color:#eeebff;padding:3px 8px;border-radius:20px;flex-shrink:0;white-space:nowrap}.profile-warning-badge{display:inline-flex;align-items:center;gap:4px;background-color:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.15);padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;margin-top:4px;width:fit-content;transition:all var(--transition-fast)}.profile-warning-badge:hover{background-color:#ef44441f;border-color:#ef44444d}.profile-warning-badge svg{flex-shrink:0}.profile-warning-badge.mini{padding:1px 4px;font-size:.65rem;margin-top:2px;gap:2px}.emp-detail-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);height:calc(100vh - 180px);overflow-y:auto}.emp-detail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;color:var(--text-muted);gap:16px;text-align:center}.placeholder-icon{width:48px;height:48px;stroke-width:1.5px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-color);padding-bottom:16px;margin-bottom:20px}.detail-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.detail-header p{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.edit-btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.edit-btn-outline:hover{background-color:var(--bg-primary);border-color:var(--text-primary)}.detail-sections{display:flex;flex-direction:column;gap:24px}.detail-section{display:flex;flex-direction:column;gap:12px}.section-title{display:flex;align-items:center;gap:8px;color:var(--color-primary);border-bottom:1px solid var(--bg-tertiary);padding-bottom:6px}.section-title-flex{display:flex;justify-content:space-between;align-items:center}.section-icon{width:20px;height:20px}.section-title h4{font-size:.95rem;font-weight:700;color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.info-grid div,.info-grid-simple div{font-size:.875rem;line-height:1.5}.info-grid label,.info-grid-simple label{color:var(--text-secondary);display:block;font-size:.775rem;margin-bottom:2px}.info-grid span,.info-grid-simple span{font-weight:500;color:var(--text-primary)}.info-grid-simple{display:flex;gap:32px}.add-dep-link{background:transparent;border:none;color:var(--color-primary);font-size:.825rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px}.link-icon{width:14px;height:14px}.dep-table{width:100%;border-collapse:collapse;margin-top:8px}.dep-table th,.dep-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-color);font-size:.825rem}.dep-table th{background-color:var(--bg-primary);color:var(--text-secondary);font-weight:600;position:sticky;top:0;z-index:10}.dep-table td{color:var(--text-primary)}.delete-btn-table{background:transparent;border:none;color:var(--color-danger);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.delete-btn-table:hover{background-color:var(--color-danger-bg)}.table-btn-icon{width:16px;height:16px}.no-data-text{font-size:.825rem;color:var(--text-muted);font-style:italic}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);width:100%;max-width:640px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.add-employee-modal,.edit-employee-modal{width:95%;max-width:1200px}@media(min-width:768px){.add-employee-modal,.edit-employee-modal{width:80%}}.add-employee-modal .form-grid,.edit-employee-modal .form-grid{grid-template-columns:repeat(3,1fr)}.form-group-span-2{grid-column:span 2;display:flex;flex-direction:column;gap:6px}.form-section-header{grid-column:span 2;border-bottom:1px solid var(--border-color);padding-bottom:6px;margin-bottom:8px;margin-top:12px}.form-section-header:first-of-type{margin-top:0}.add-employee-modal .form-section-header,.edit-employee-modal .form-section-header{grid-column:span 3}.form-section-header h4{margin:0;font-size:.9rem;color:var(--color-primary);font-weight:600}.add-employee-modal .form-group-full,.edit-employee-modal .form-group-full{grid-column:span 3}@media(max-width:992px){.add-employee-modal .form-grid,.edit-employee-modal .form-grid{grid-template-columns:repeat(2,1fr)}.add-employee-modal .form-section-header,.edit-employee-modal .form-section-header,.add-employee-modal .form-group-full,.edit-employee-modal .form-group-full{grid-column:span 2}}@media(max-width:600px){.add-employee-modal .form-grid,.edit-employee-modal .form-grid{grid-template-columns:1fr}.add-employee-modal .form-section-header,.edit-employee-modal .form-section-header,.form-section-header,.add-employee-modal .form-group-full,.edit-employee-modal .form-group-full,.form-group-full,.form-group-span-2{grid-column:span 1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color);background-color:var(--bg-primary)}.modal-header h3{font-size:1.1rem;font-weight:700}.close-modal{background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.modal-form{padding:24px;display:flex;flex-direction:column;gap:20px;max-height:75vh;overflow-y:auto;overflow-x:hidden}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.form-group input,.form-group select{padding:10px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:.875rem;outline:none;background-color:var(--bg-primary);width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);background-color:var(--bg-secondary)}.submit-btn{background-color:var(--color-primary);color:#fff;border:none;padding:12px;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.submit-btn:hover{background-color:var(--color-primary-hover)}.emp-avatar-img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.detail-header-left{display:flex;align-items:center;gap:16px}.emp-detail-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary);box-shadow:var(--shadow-sm)}.emp-detail-avatar-text{width:72px;height:72px;border-radius:50%;background-color:#e0e7ff;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:2px solid var(--color-primary)}.status-badge{display:inline-block;font-size:.725rem;font-weight:600;padding:2px 8px;border-radius:12px;margin-top:4px}.status-badge.active{background-color:var(--color-success-bg);color:var(--color-success)}.status-badge.inactive{background-color:var(--color-danger-bg);color:var(--color-danger)}.modal-content.edit-modal-content{max-width:680px}.modal-tabs{display:flex;background-color:var(--bg-tertiary);padding:4px;margin:12px 24px 0;border-radius:var(--border-radius-md);gap:4px}.tab-btn{flex:1;background:transparent;border:none;padding:8px 12px;font-size:.8rem;font-weight:600;color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{background-color:#ffffff80;color:var(--text-primary)}.tab-btn.active{background-color:var(--bg-secondary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.form-group-full{grid-column:span 2;display:flex;flex-direction:column;gap:6px}.form-group-full label{font-size:.775rem;font-weight:600;color:var(--text-secondary)}.form-group-full input,.form-group-full select{padding:10px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:.875rem;outline:none;background-color:var(--bg-primary);width:100%;transition:all var(--transition-fast)}.form-group-full input:focus,.form-group-full select:focus{border-color:var(--color-primary);background-color:var(--bg-secondary)}.avatar-upload-container{display:flex;align-items:center;gap:16px;background-color:var(--bg-primary);padding:12px;border-radius:var(--border-radius-md);border:1px dashed var(--border-color)}.avatar-preview-img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.avatar-preview-placeholder{width:60px;height:60px;border-radius:50%;background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.upload-placeholder-icon{width:24px;height:24px}.avatar-upload-controls{display:flex;flex-direction:column;gap:8px;flex:1}.file-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 12px;border-radius:var(--border-radius-sm);font-size:.775rem;font-weight:600;cursor:pointer;align-self:flex-start;transition:all var(--transition-fast)}.file-upload-btn:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.avatar-url-input{padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:.775rem;outline:none;background-color:var(--bg-secondary)}.avatar-url-input:focus{border-color:var(--color-primary)}.avatar-preview-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.clear-avatar-btn{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger);padding:2px 8px;border-radius:var(--border-radius-sm);font-size:.7rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.clear-avatar-btn:hover{background-color:var(--color-danger-bg)}.avatar-upload-status{font-size:.775rem;color:var(--color-success);font-weight:500}.edm-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background-color:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);text-align:center;transition:all var(--transition-fast) ease-in-out;margin-top:10px}.edm-dropzone.dragging{border-color:var(--color-primary);background-color:#6366f10d;transform:scale(1.02)}.upload-dropzone-icon{width:32px;height:32px;color:var(--color-primary);margin-bottom:8px}.edm-dropzone p{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.edm-file-label{color:var(--color-primary);cursor:pointer;text-decoration:underline}.edm-dropzone span{font-size:.725rem;color:var(--text-muted)}.preview-modal-content{max-width:800px;max-height:90vh;display:flex;flex-direction:column}.preview-media-container{display:flex;justify-content:center;align-items:center;background-color:#0f172a;padding:20px;overflow:auto;min-height:300px}.contract-paper-preview{box-shadow:var(--shadow-md);padding:40px;background:#fff;color:#000;font-family:Times New Roman,Times,serif;line-height:1.6;font-size:14px;overflow-y:auto;flex:1;min-height:0;border:1px solid var(--border-color)}.contract-paper-preview.editable-active{outline:none!important;cursor:text;background-color:#fbfbfe;position:relative}.toolbar-btn{padding:4px 6px;margin:0;height:24px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.toolbar-btn:hover{background-color:var(--bg-primary-hover, rgba(0, 0, 0, .05))!important;color:var(--color-primary, #6366f1)!important}.toolbar-btn:active{transform:scale(.95)}.toolbar-btn.active{background-color:var(--color-primary-light, rgba(99, 102, 241, .12))!important;color:var(--color-primary, #6366f1)!important;font-weight:700}.contract-preview-modal-content{max-width:1500px;width:96vw;height:96vh;max-height:96vh;display:flex;flex-direction:column}.contract-split-layout{display:flex;flex-direction:row;gap:24px;padding:20px;background-color:var(--bg-tertiary);flex:1;min-height:0;overflow:hidden}.contract-ai-panel{flex:4;display:flex;flex-direction:column;gap:16px;padding:20px;background-color:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);height:100%;overflow-y:auto}.contract-paper-view-panel{flex:6;display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden}.contract-ai-panel .ai-form-group{display:flex;flex-direction:column;gap:6px}.contract-ai-panel label{font-weight:600;font-size:13px;color:var(--text-secondary)}.contract-ai-panel textarea{width:100%;padding:10px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:13px;resize:vertical}.contract-ai-panel textarea:focus{outline:none;border-color:var(--color-primary)}.contract-ai-panel .ai-form-group.flex-grow-group{flex:1;min-height:180px;display:flex;flex-direction:column}.contract-ai-panel .ai-form-group.flex-grow-group textarea{flex:1;min-height:140px;resize:none}.ai-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.ai-generate-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ai-generate-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.contract-paper-preview{max-height:none;height:auto}@media(max-width:1024px){.contract-split-layout{flex-direction:column;max-height:none}.contract-ai-panel,.contract-paper-view-panel{max-height:none;flex:none}}.btn-word-export{background-color:#185abd;color:#fff;border:none;padding:12px 18px;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.btn-word-export:hover{background-color:#124993}.disabled-input{background-color:var(--bg-tertiary)!important;border-style:dashed!important;color:var(--text-muted)!important;cursor:not-allowed}.auto-id-hint{font-style:italic}.field-note{font-size:.72rem;color:var(--text-muted);line-height:1.3;margin-top:2px}.emp-grid-split.single-column .emp-detail-panel{height:calc(100vh - 80px)}.layout-toggle-container{display:flex;background-color:var(--bg-tertiary);padding:4px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);gap:2px}.layout-toggle-btn{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--text-secondary);font-size:.775rem;font-weight:600;padding:6px 12px;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.layout-toggle-btn:hover{color:var(--text-primary);background-color:#0000000d}.layout-toggle-btn.active{background-color:var(--bg-secondary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.emp-grid-split.dense-view{grid-template-columns:1.2fr 1fr}.emp-master-container.dense{gap:12px}.emp-master-container.dense .emp-list-panel{padding:10px;max-height:calc(100vh - 150px)}.emp-master-container.dense .emp-detail-panel{padding:16px;height:calc(100vh - 150px)}.dense-table-wrapper{width:100%;overflow-x:auto;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-secondary)}.dense-table{width:100%;border-collapse:collapse;text-align:left;font-size:.775rem}.dense-table th,.dense-table td{padding:8px 10px;border-bottom:1px solid var(--border-color);white-space:nowrap}.dense-table th{background-color:var(--bg-primary);color:var(--text-secondary);font-weight:600;position:sticky;top:0;z-index:10}.dense-row{cursor:pointer;transition:background var(--transition-fast)}.dense-row:hover{background-color:var(--bg-tertiary)}.dense-row.selected{background-color:#eeebff}.dense-row.selected td{font-weight:500}.emp-id-cell{font-family:monospace;font-weight:600;color:var(--color-primary)}.emp-name-cell{max-width:140px;overflow:hidden;text-overflow:ellipsis;font-weight:600}.dense-doc-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.725rem;font-weight:700;padding:2px 6px;border-radius:10px}.dense-doc-badge.complete{background-color:var(--color-success-bg);color:var(--color-success)}.dense-doc-badge.incomplete{background-color:#fef3c7;color:#d97706}.mandatory-alert{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--border-radius-md);margin-bottom:16px;border:1px solid transparent}.mandatory-alert.warning{background-color:#fffbeb;border-color:#fde68a;color:#92400e}.mandatory-alert.warning .alert-icon{color:#d97706;margin-top:2px}.mandatory-alert.success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.mandatory-alert.success .alert-icon{color:#16a34a;margin-top:2px}.mandatory-alert .alert-content h5{margin:0 0 4px;font-size:.85rem;font-weight:700}.mandatory-alert .alert-content p{margin:0 0 6px;font-size:.775rem;opacity:.9}.mandatory-alert .alert-content ul{margin:0;padding-left:16px;font-size:.775rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px}.doc-section-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.doc-tabs{display:flex;background-color:var(--bg-tertiary);padding:3px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);gap:2px}.doc-tab-btn{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--text-secondary);font-size:.775rem;font-weight:600;padding:6px 14px;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.doc-tab-btn:hover{color:var(--text-primary)}.doc-tab-btn.active{background-color:var(--bg-secondary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.category-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px}.category-badge.mandatory{background-color:#e0e7ff;color:var(--color-primary)}.category-badge.other{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.doc-timeline{position:relative;padding-left:20px;border-left:2px solid var(--border-color);margin-left:10px;display:flex;flex-direction:column;gap:20px}.timeline-item{position:relative}.timeline-point{position:absolute;left:-26px;top:4px;width:10px;height:10px;border-radius:50%;background-color:var(--color-primary);border:2px solid var(--bg-secondary);box-shadow:0 0 0 2px var(--border-color)}.timeline-header-info{display:flex;align-items:center;gap:8px;margin-bottom:6px}.timeline-date{font-size:.725rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.timeline-tag{display:inline-block;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:12px}.timeline-tag.mandatory{background-color:#fee2e2;color:var(--color-danger)}.timeline-tag.other{background-color:var(--bg-primary);color:var(--text-muted);border:1px solid var(--border-color)}.timeline-body{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:12px;box-shadow:var(--shadow-sm)}.timeline-doc-title{margin:0 0 4px;font-size:.825rem;font-weight:700;color:var(--text-primary)}.timeline-meta{font-size:.7rem;color:var(--text-muted);margin-bottom:8px}.timeline-actions{display:flex;align-items:center;gap:8px}.cccd-upload-container{margin-top:4px}.cccd-upload-label{display:inline-flex;align-items:center;gap:6px;background-color:var(--bg-secondary);border:1px dashed var(--border-color);padding:8px 12px;border-radius:4px;cursor:pointer;font-size:.825rem;color:var(--text-secondary);transition:all .2s ease}.cccd-upload-label:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--bg-hover)}.cccd-file-info{display:inline-flex;align-items:center;gap:8px;background-color:var(--color-success-bg, #e6f4ea);border:1px solid var(--color-success, #34a853);padding:6px 10px;border-radius:4px;font-size:.825rem;color:var(--color-success-text, #137333);max-width:100%}.cccd-file-info .file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.cccd-file-info .remove-file-btn{background:transparent;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:50%}.cccd-file-info .remove-file-btn:hover{background-color:#0000001a}[data-theme=dark] .emp-item:hover{background-color:var(--bg-tertiary)}[data-theme=dark] .emp-item.selected{background-color:var(--bg-tertiary)!important;border-color:var(--color-primary)!important}[data-theme=dark] .emp-item.selected h4{color:var(--text-primary)!important}[data-theme=dark] .emp-item.selected span{color:var(--text-secondary)!important}[data-theme=dark] .emp-avatar-text{background-color:var(--bg-tertiary)!important;color:var(--color-primary)!important}[data-theme=dark] .emp-dept-badge{background-color:#6366f126!important;color:var(--color-primary)!important}[data-theme=dark] .info-grid label,[data-theme=dark] .info-grid-simple label{color:var(--text-muted)!important}[data-theme=dark] .info-grid span,[data-theme=dark] .info-grid-simple span{color:var(--text-primary)!important}[data-theme=dark] .cccd-file-info .remove-file-btn:hover{background-color:#ffffff1a}[data-theme=dark] .layout-toggle-btn:hover{background-color:#ffffff0d}.edm-doc-scroll-container{max-height:420px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-top:12px;background-color:var(--bg-secondary);position:relative;box-shadow:var(--shadow-sm)}.edm-doc-scroll-container::-webkit-scrollbar{width:6px}.edm-doc-scroll-container::-webkit-scrollbar-track{background:transparent}.edm-doc-scroll-container::-webkit-scrollbar-thumb{background:var(--text-muted);opacity:.5;border-radius:4px}.edm-doc-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.edm-doc-scroll-container .dep-table{margin-top:0!important;border-collapse:separate;border-spacing:0;width:100%}.edm-doc-scroll-container .dep-table th{position:sticky;top:0;z-index:10;background-color:var(--bg-tertiary);border-bottom:2px solid var(--border-color);box-shadow:0 1px 0 var(--border-color)}.edm-doc-scroll-container .dep-table th,.edm-doc-scroll-container .dep-table td{border-bottom:1px solid var(--border-color)}.edm-doc-scroll-container .dep-table tr:last-child td{border-bottom:none}.edm-doc-scroll-container .doc-timeline{margin:16px 16px 16px 24px}.contract-chat-container{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;font-family:inherit}.contract-chat-messages{flex:1;overflow-y:auto;padding:14px 2px;display:flex;flex-direction:column;gap:14px;min-height:0}.contract-chat-message{padding:12px 16px;border-radius:12px;font-size:13.5px;max-width:85%;line-height:1.55;word-break:break-word;box-shadow:0 1px 2px #0000000a}.contract-chat-message.user{background-color:var(--color-primary);color:#fff;align-self:flex-end;border-bottom-right-radius:12px}.contract-chat-message.ai{background-color:#fff;color:var(--text-primary);border:1px solid var(--border-color);align-self:flex-start;border-bottom-left-radius:12px}.contract-chat-message.ai.system-info{background-color:transparent;border:none;color:var(--text-muted);font-style:italic;font-size:11.5px;align-self:center;text-align:center;max-width:95%;box-shadow:none}.contract-chat-input-area{border-top:1px solid var(--border-color);padding:14px 2px 2px;margin-top:auto;display:flex;flex-direction:column;gap:8px}.contract-chat-input-wrapper{display:flex;gap:10px;align-items:center}.contract-chat-input{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background-color:#fff;color:var(--text-primary);font-size:13.5px;resize:none;min-height:48px;max-height:120px;outline:none;font-family:inherit;line-height:1.45;box-shadow:0 1px 2px #00000005;transition:border-color .2s,box-shadow .2s}.contract-chat-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f11a}.contract-chat-send-btn{width:42px;height:42px;border-radius:8px;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;transition:all .2s ease}.contract-chat-send-btn:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--color-primary);border-color:var(--color-primary)}.contract-chat-send-btn:disabled{background-color:var(--bg-secondary);color:var(--text-muted);border-color:var(--border-color);opacity:.6;cursor:not-allowed}.contract-chat-typing{align-self:flex-start;display:flex;gap:5px;padding:10px 16px;background-color:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px #0000000a}.contract-chat-dot{width:6px;height:6px;background-color:var(--text-muted);border-radius:50%;animation:contractChatBounce 1.4s infinite ease-in-out both}.contract-chat-dot:nth-child(1){animation-delay:-.32s}.contract-chat-dot:nth-child(2){animation-delay:-.16s}@keyframes contractChatBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}.ocr-spinner{animation:ocr-spin 1.2s linear infinite}@keyframes ocr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vi-date-input-container{position:relative;display:block;width:100%}.vi-date-text-input{width:100%;box-sizing:border-box}.vi-date-picker-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#64748b;display:flex;align-items:center;-webkit-user-select:none;user-select:none;z-index:2}.vi-date-picker-icon:hover{color:#4f46e5}.vi-date-picker-icon.is-disabled{color:#cbd5e1;cursor:not-allowed}.vi-date-hidden-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none;border:none;padding:0;margin:0}.attendance-module-container{display:flex;flex-direction:column;gap:20px;height:100%}.attendance-action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background-color:var(--bg-secondary);padding:16px;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.filter-group select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:.875rem;outline:none;background-color:var(--bg-primary);min-width:240px}.icon-small{width:16px;height:16px}.summary-boxes{display:flex;gap:12px}.summary-box{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:8px 16px;text-align:center;display:flex;flex-direction:column;gap:2px}.summary-box span{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary)}.summary-box strong{font-size:1rem;font-weight:700;color:var(--text-primary)}.save-attendance-btn{display:flex;align-items:center;gap:8px;background-color:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.save-attendance-btn:hover{background-color:var(--color-primary-hover)}.save-attendance-btn:disabled{background-color:var(--text-muted);cursor:not-allowed}.alert-banner-danger{display:flex;align-items:center;gap:10px;background-color:var(--color-danger-bg);border:1px solid #fca5a5;color:var(--color-danger);padding:12px 16px;border-radius:var(--border-radius-md);font-size:.825rem;font-weight:500}.alert-icon{width:18px;height:18px;flex-shrink:0}.attendance-grid-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:20px;height:calc(100vh - 210px);overflow:hidden;display:flex;flex-direction:column}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:16px}.calendar-grid-wrapper{display:flex;flex-direction:column;gap:10px;height:100%;overflow:hidden}.calendar-weekdays-header{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;text-align:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:10px 0;font-size:.825rem;font-weight:700;color:var(--text-secondary)}.calendar-cells-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;overflow-y:auto;flex:1;padding-right:4px}.calendar-cell{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:8px 10px;min-height:110px;display:flex;flex-direction:column;transition:all var(--transition-fast) ease-in-out}.cell-padding{opacity:.4;background-color:var(--bg-tertiary)}.cell-active{cursor:pointer;border-top-width:4px}.cell-active:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-hover)}.cell-weekend{background-color:var(--bg-tertiary)}.cell-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:4px;margin-bottom:6px}.day-number{font-size:.95rem;font-weight:700;color:var(--text-primary)}.day-check-times{font-size:.725rem;color:var(--text-secondary);font-weight:500}.cell-body{display:flex;flex-direction:column;gap:6px;flex-grow:1}.border-status-worked{border-top-color:#10b981!important}.tag-worked{background-color:#d1fae5;color:#065f46}.border-status-leave-paid{border-top-color:#3b82f6!important}.tag-leave-paid{background-color:#dbeafe;color:#1e40af}.border-status-holiday{border-top-color:#8b5cf6!important}.tag-holiday{background-color:#ede9fe;color:#5b21b6}.border-status-sick{border-top-color:#ef4444!important}.tag-sick{background-color:#fee2e2;color:#991b1b}.border-status-leave-unpaid{border-top-color:#6b7280!important}.tag-leave-unpaid{background-color:#f3f4f6;color:#374151}.status-tag{font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;align-self:flex-start}.cell-metric{display:flex;align-items:center;gap:4px;font-size:.725rem;color:var(--text-secondary)}.icon-metric{width:12px;height:12px;color:var(--text-muted)}.metric-ot{background-color:#6366f11a;color:#6366f1;padding:2px 6px;border-radius:4px;align-self:flex-start;font-size:.7rem;font-weight:600}.cell-late-tag{background-color:#fef2f2;color:#ef4444;padding:2px 6px;border-radius:4px;align-self:flex-start;font-size:.7rem;font-weight:600;border:1px solid #fee2e2}.attendance-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn var(--transition-fast) ease-out}.attendance-modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:520px;max-width:95%;display:flex;flex-direction:column;animation:slideIn var(--transition-fast) ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.close-modal-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.close-modal-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color)}.form-group label{font-size:.775rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-group select,.form-group input[type=text],.form-group input[type=time],.form-group input[type=number],.form-group input[type=date]{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;outline:none;transition:border var(--transition-fast);width:100%;box-sizing:border-box}.form-group select:focus,.form-group input:focus{border-color:var(--color-primary)}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.btn-cancel{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:10px 20px;border-radius:var(--border-radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.btn-cancel:hover{background-color:var(--border-color);color:var(--text-primary)}.btn-confirm{background-color:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:background var(--transition-fast)}.btn-confirm:hover{background-color:var(--color-primary-hover)}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.attendance-tabs-container{display:flex;border-bottom:2px solid var(--border-color);gap:20px;margin-bottom:12px}.attendance-tab-link{background:none;border:none;padding:10px 4px;font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.attendance-tab-link:hover{color:var(--color-primary)}.attendance-tab-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.requests-tab-grid{display:grid;grid-template-columns:380px 1fr;gap:20px;width:100%;height:100%;overflow:hidden}.requests-form-card{background-color:var(--bg-secondary);padding:16px 20px;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden;height:100%;display:flex;flex-direction:column}.segmented-control{display:flex;background-color:var(--bg-tertiary);padding:4px;border-radius:var(--border-radius-md);margin-bottom:16px;gap:4px}.segmented-btn{flex:1;background:none;border:none;padding:8px;font-size:.775rem;font-weight:600;color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.segmented-btn.active{background-color:var(--bg-secondary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;font-size:.725rem;font-weight:700;text-transform:uppercase}.status-badge.pending{background-color:#f59e0b1a;color:#d97706}.status-badge.approved{background-color:#10b9811a;color:#059669}.status-badge.rejected{background-color:#ef44441a;color:#dc2626}.action-btn-group{display:flex;gap:8px;justify-content:center}.action-btn-approve,.action-btn-reject{border:none;padding:6px 12px;border-radius:var(--border-radius-md);font-size:.75rem;font-weight:600;cursor:pointer;color:#fff;transition:opacity var(--transition-fast)}.action-btn-approve:hover,.action-btn-reject:hover{opacity:.9}.action-btn-approve{background-color:var(--color-success)}.action-btn-reject{background-color:var(--color-danger)}.sub-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sub-header-row h3{font-size:.95rem;font-weight:700;margin:0;color:var(--text-primary)}.list-filter-tabs{display:flex;gap:8px}.list-filter-btn{background:none;border:1px solid var(--border-color);padding:4px 10px;font-size:.725rem;font-weight:600;color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.list-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.list-filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.attendance-action-left,.attendance-action-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.self-checkin-container{display:flex;gap:8px;align-items:center}@media(max-width:1200px){.attendance-action-bar{flex-direction:column;align-items:stretch!important;gap:16px!important}.attendance-action-left{width:100%;justify-content:space-between;align-items:center}.attendance-action-right{width:100%;justify-content:space-between;align-items:center;border-top:1px dashed var(--border-color);padding-top:16px}.summary-boxes{flex-grow:1;justify-content:space-between}.summary-box{flex:1}}@media(max-width:680px){.attendance-action-left{flex-direction:column;align-items:stretch;gap:12px}.filter-group{flex-direction:column;align-items:stretch;gap:6px}.filter-group select{width:100%}.self-checkin-container{justify-content:center}.attendance-action-right{flex-direction:column;align-items:stretch;gap:12px}.summary-boxes{flex-direction:column;gap:8px}.save-attendance-btn,.chuyencan-btn{width:100%;justify-content:center}}.chuyencan-btn{transition:all var(--transition-fast) ease-in-out}.chuyencan-btn:hover{background-color:#17a2b8!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chuyencan-btn:active{transform:translateY(0)}[data-theme=dark] .summary-box{background-color:var(--bg-secondary)}[data-theme=dark] .tag-worked{background-color:#10b98126!important;color:#34d399!important}[data-theme=dark] .tag-leave-paid{background-color:#3b82f626!important;color:#60a5fa!important}[data-theme=dark] .tag-holiday{background-color:#8b5cf626!important;color:#a78bfa!important}[data-theme=dark] .tag-sick{background-color:#ef444426!important;color:#f87171!important}[data-theme=dark] .tag-leave-unpaid{background-color:#9ca3af26!important;color:#d1d5db!important}[data-theme=dark] .cell-late-tag{background-color:#ef444426!important;color:#f87171!important}:root{--rating-ap-color: #7c3aed;--rating-ap-bg: #ede9fe;--rating-a-color: #059669;--rating-a-bg: #d1fae5;--rating-b-color: #2563eb;--rating-b-bg: #dbeafe;--rating-c-color: #d97706;--rating-c-bg: #fef3c7;--rating-d-color: #dc2626;--rating-d-bg: #fee2e2;--bg-mgr-input: #f0f4ff;--color-mgr-input: #111827}[data-theme=dark]{--rating-ap-color: #c084fc;--rating-ap-bg: rgba(168, 85, 247, .15);--rating-a-color: #34d399;--rating-a-bg: rgba(52, 211, 153, .15);--rating-b-color: #60a5fa;--rating-b-bg: rgba(96, 165, 250, .15);--rating-c-color: #fbbf24;--rating-c-bg: rgba(251, 191, 36, .15);--rating-d-color: #f87171;--rating-d-bg: rgba(248, 113, 113, .15);--bg-mgr-input: rgba(96, 165, 250, .15);--color-mgr-input: #ffffff}.kpi2-container{display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto}.kpi2-action-bar{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);padding:12px 16px;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);flex-wrap:wrap}.kpi2-left-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1}.kpi2-filter-group{display:flex;align-items:center;gap:6px}.kpi2-filter-group label{font-size:.8rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.kpi2-filter-group select{padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:.8rem;background:var(--bg-primary);color:var(--text-primary);outline:none}.kpi2-filter-group select:focus{border-color:var(--color-primary)}.kpi2-period-badge{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);font-weight:500}.kpi2-status-badge{padding:2px 8px;border-radius:20px;font-size:.7rem;font-weight:600}.kpi2-status-draft{background:#e5e7eb;color:#374151}.kpi2-status-submitted{background:#fef3c7;color:#92400e}.kpi2-status-approved{background:#d1fae5;color:#065f46}[data-theme=dark] .kpi2-status-draft{background:#e5e7eb26;color:#e5e7eb}[data-theme=dark] .kpi2-status-submitted{background:#fbbf2426;color:#fbbf24}[data-theme=dark] .kpi2-status-approved{background:#34d39926;color:#34d399}.kpi2-save-btn{display:flex;align-items:center;gap:6px;background:var(--color-primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.kpi2-save-btn:hover{background:var(--color-primary-hover)}.kpi2-save-btn:disabled{background:var(--text-muted);cursor:not-allowed}.kpi2-loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:.9rem}.kpi2-rating-card{display:flex;align-items:center;gap:20px;padding:16px 20px;border-radius:var(--border-radius-lg);border:2px solid;flex-wrap:wrap}.kpi2-rating-left{display:flex;align-items:center;gap:12px}.kpi2-rating-label{font-size:1rem;font-weight:700}.kpi2-rating-desc{font-size:.8rem;opacity:.8}.kpi2-final-score-display{display:flex;align-items:center;gap:12px;flex:1;justify-content:center}.kpi2-score-block{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;background:#ffffff80;border-radius:var(--border-radius-md);min-width:90px}[data-theme=dark] .kpi2-score-block{background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.kpi2-score-label{font-size:.7rem;color:var(--text-secondary);font-weight:500}.kpi2-score-value{font-size:1.5rem;font-weight:800;line-height:1}.kpi2-score-max{font-size:.7rem;color:var(--text-muted)}.kpi2-score-divider{font-size:1.2rem;font-weight:700;color:var(--text-muted)}.kpi2-weight-control{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-secondary)}.kpi2-weight-control input[type=range]{width:100px;cursor:pointer}.kpi2-weight-control span{font-weight:600;color:var(--text-primary)}.kpi2-weight-formula{font-size:.72rem;color:var(--text-muted)!important;font-weight:400!important}.kpi2-main-split{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}@media(max-width:1100px){.kpi2-main-split{grid-template-columns:1fr}}.kpi2-panel-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.kpi2-panel-header h3{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0}.kpi2-scorecard-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px}.kpi2-score-table-wrap{overflow-x:auto}.kpi2-score-table{width:100%;border-collapse:collapse;font-size:.8rem}.kpi2-score-table thead th{padding:8px 10px;background:var(--bg-tertiary);text-align:center;font-weight:600;font-size:.72rem;color:var(--text-secondary);border-bottom:2px solid var(--border-color);white-space:nowrap}.kpi2-col-criteria{text-align:left!important;min-width:220px}.kpi2-col-max{width:50px}.kpi2-col-self,.kpi2-col-mgr{width:100px}.kpi2-col-diff{width:50px}.kpi2-section-header td{background:var(--bg-primary);font-weight:700;font-size:.72rem;color:var(--color-primary);padding:6px 10px;letter-spacing:.02em;border-top:1px solid var(--border-color)}.kpi2-section-max{font-weight:400;color:var(--text-muted);font-size:.7rem}.kpi2-score-table tbody tr:hover{background:var(--bg-tertiary)}.kpi2-criteria-label{padding:8px 10px;color:var(--text-primary);font-size:.78rem}.kpi2-max-cell{text-align:center;color:var(--text-muted);font-weight:500}.kpi2-input-cell{text-align:center}.kpi2-score-input{width:75px;padding:5px 8px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);text-align:center;font-size:.8rem;background:var(--bg-primary);color:var(--text-primary);outline:none}.kpi2-score-input:focus{border-color:var(--color-primary)}.kpi2-score-mgr-input{background:var(--bg-mgr-input);color:var(--color-mgr-input)}.kpi2-score-readonly{font-weight:600;color:var(--text-secondary)}.kpi2-diff-cell{text-align:center;font-size:.78rem;font-weight:600;padding:8px}.diff-pos{color:#059669}.diff-neg{color:#dc2626}.diff-zero{color:var(--text-muted)}.kpi2-total-row td{border-top:2px solid var(--border-color);padding:8px 10px;font-size:.82rem;background:var(--bg-secondary)}.kpi2-total-self{text-align:center;color:#7c3aed}.kpi2-total-mgr{text-align:center;color:#2563eb}.kpi2-right-panel{display:flex;flex-direction:column;gap:16px}.kpi2-veto-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:16px}.kpi2-helper-text{font-size:.75rem;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.kpi2-veto-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.kpi2-checkbox-label{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast)}.kpi2-checkbox-label:hover{border-color:var(--text-secondary);background:var(--bg-tertiary)}.kpi2-checkbox-label input[type=checkbox]{width:16px;height:16px;margin-top:2px;cursor:pointer;accent-color:var(--color-primary)}.kpi2-checkbox-label div{display:flex;flex-direction:column;gap:1px}.kpi2-checkbox-label strong{font-size:.78rem;font-weight:600;color:var(--text-primary)}.kpi2-checkbox-label span{font-size:.7rem;color:var(--text-muted)}.kpi2-veto-status{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--border-radius-md);border:1px solid;font-size:.78rem}.kpi2-veto-status.success{background:var(--color-success-bg);border-color:#a7f3d0;color:var(--color-success)}.kpi2-veto-status.danger{background:var(--color-danger-bg);border-color:#fca5a5;color:var(--color-danger)}.kpi2-veto-status div{display:flex;flex-direction:column;gap:1px}.kpi2-veto-status strong{font-weight:700}.kpi2-veto-status span{opacity:.85}.kpi2-classification-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:16px}.kpi2-rating-scale{display:flex;flex-direction:column;gap:4px}.kpi2-rating-row{display:grid;grid-template-columns:36px 70px 1fr auto;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--border-radius-sm);border:1px solid transparent;font-size:.78rem;transition:all var(--transition-fast)}.kpi2-rating-row.active{border-width:1px}.kpi2-rating-grade{font-weight:800;font-size:.9rem;text-align:center}.kpi2-rating-range{font-size:.7rem;color:var(--text-muted);font-family:monospace}.kpi2-rating-name{font-weight:600}.kpi2-rating-bonus{font-size:.72rem;color:var(--text-secondary);text-align:right}.kpi-module-container{display:flex;flex-direction:column;gap:20px;height:100%}.kpi-action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background-color:var(--bg-secondary);padding:16px;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-wrap:wrap}.kpi-summary-badge{display:flex;align-items:center;gap:8px;background-color:#eeebff;padding:8px 16px;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;color:var(--color-primary);border:1px solid #c7d2fe}.save-kpi-btn{display:flex;align-items:center;gap:8px;background-color:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.save-kpi-btn:hover{background-color:var(--color-primary-hover)}.save-kpi-btn:disabled{background-color:var(--text-muted);cursor:not-allowed}.kpi-main-split{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}@media(max-width:1024px){.kpi-main-split{grid-template-columns:1fr}}.kpi-scorecard-panel,.kpi-veto-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.scorecard-sections{display:flex;flex-direction:column;gap:20px;margin-top:16px}.scorecard-section{background-color:var(--bg-primary);padding:16px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px}.scorecard-section h5{font-size:.8rem;font-weight:700;color:var(--text-primary);letter-spacing:.025em;border-bottom:1px solid var(--border-color);padding-bottom:6px}.score-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.score-input-group{display:flex;flex-direction:column;gap:6px}.score-input-group label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.score-input-group input{padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:.8rem;width:100%;outline:none;background-color:var(--bg-primary);color:var(--text-primary)}.score-input-group input:focus{border-color:var(--color-primary)}.score-input-group input:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);border-color:transparent;cursor:not-allowed}.scorecard-summary-row{display:flex;justify-content:space-between;margin-top:24px;border-top:2px solid var(--border-color);padding-top:16px}.scorecard-summary-row div{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.scorecard-summary-row strong{font-size:1.25rem;font-weight:700}.text-primary{color:var(--color-primary)}.kpi-veto-panel{display:flex;flex-direction:column;gap:16px}.helper-text{font-size:.775rem;color:var(--text-secondary);line-height:1.4}.veto-checkboxes{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast)}.checkbox-label:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer}.checkbox-label div{display:flex;flex-direction:column;gap:2px}.checkbox-label strong{font-size:.825rem;font-weight:700;color:var(--text-primary)}.checkbox-label span{font-size:.75rem;color:var(--text-secondary);line-height:1.3}.checkbox-label input:disabled+div{opacity:.8;cursor:not-allowed}.veto-status-box{margin-top:16px}.veto-status{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:var(--border-radius-md);border:1px solid}.veto-status.success{background-color:var(--color-success-bg);border-color:#a7f3d3;color:var(--color-success)}.veto-status.danger{background-color:var(--color-danger-bg);border-color:#fca5a5;color:var(--color-danger)}.status-icon{width:24px;height:24px;flex-shrink:0}.veto-status h4{font-size:.875rem;font-weight:700;margin-bottom:2px}.veto-status p{font-size:.775rem;color:var(--text-secondary);line-height:1.4}[data-theme=dark] .veto-status.success{border-color:#34d3994d}[data-theme=dark] .veto-status.danger{border-color:#f871714d}.kpi2-template-manager-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px;margin-top:16px;display:flex;flex-direction:column;gap:12px}.kpi2-template-table-wrap{overflow-x:auto;margin-top:8px;border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.kpi2-template-table{width:100%;border-collapse:collapse;text-align:left}.kpi2-template-table th,.kpi2-template-table td{padding:10px 14px;border-bottom:1px solid var(--border-color);font-size:.85rem}.kpi2-template-table th{background:var(--bg-primary);color:var(--text-secondary);font-weight:600}.kpi2-db-key{font-family:monospace;color:var(--text-secondary);font-weight:500}.kpi2-template-input-text{width:100%;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);outline:none;font-size:.85rem}.kpi2-template-input-text:focus{border-color:var(--color-primary)}.kpi2-template-input-num{width:90px;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);outline:none;font-size:.85rem;text-align:right}.kpi2-template-input-num:focus{border-color:var(--color-primary)}.kpi2-template-total-row{background:var(--bg-primary);font-weight:700}.kpi2-template-total-row td{border-bottom:none}.kpi2-validation-error{color:var(--color-danger);font-size:.8rem;margin-left:8px;font-weight:400}.kpi2-template-actions{display:flex;gap:12px;margin-top:12px;justify-content:flex-end}.kpi2-bonus-display{margin-top:12px;padding:12px;background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);text-align:center}.kpi2-bonus-display-label{font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.kpi2-bonus-display-amount{font-size:1.1rem;font-weight:700}.kpi2-bonus-display-formula{font-size:.72rem;color:var(--text-muted);margin-top:4px}.kpi2-attachments-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px;margin-top:16px}.kpi2-attachments-upload{display:flex;align-items:center;gap:12px;margin-bottom:16px}.kpi2-attachments-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:background var(--transition-fast)}.kpi2-attachments-upload-btn:hover{opacity:.9}.kpi2-attachments-upload-btn:disabled{opacity:.5;cursor:not-allowed}.kpi2-attachments-list{display:flex;flex-direction:column;gap:8px}.kpi2-attachment-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);gap:12px}.kpi2-attachment-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.kpi2-attachment-name{font-size:.875rem;font-weight:500;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi2-attachment-meta{font-size:.75rem;color:var(--text-muted)}.kpi2-attachment-actions{display:flex;gap:6px;flex-shrink:0}.kpi2-attachment-preview-btn{padding:4px 10px;font-size:.8rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;color:var(--color-primary);transition:all var(--transition-fast)}.kpi2-attachment-preview-btn:hover{background:var(--color-primary);color:#fff}.kpi2-template-save-btn{background:var(--color-primary);color:#fff;border:none;padding:8px 20px;border-radius:var(--border-radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.kpi2-template-save-btn:hover:not(:disabled){background:var(--color-primary-hover)}.kpi2-template-save-btn:disabled{background:var(--text-muted);cursor:not-allowed}.kpi2-template-reset-btn{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);padding:8px 20px;border-radius:var(--border-radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.kpi2-template-reset-btn:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.kpi2-template-sections-edit h4,.kpi2-template-criteria-edit h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.kpi2-sections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:768px){.kpi2-sections-grid{grid-template-columns:1fr}}.kpi2-section-edit-field{display:flex;flex-direction:column;gap:6px}.kpi2-section-edit-field label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.kpi2-row-hidden-placeholder{opacity:.6;background:#dc26260d}[data-theme=dark] .kpi2-row-hidden-placeholder{background:#f871710d}.kpi2-badge-hidden{background:var(--color-danger);color:#fff;font-size:.6rem;font-weight:700;padding:1px 4px;border-radius:3px;margin-left:6px;display:inline-block;vertical-align:middle}.kpi2-template-add-sec-btn{background:transparent;color:var(--color-success);border:1px solid var(--color-success);padding:6px 12px;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.kpi2-template-add-sec-btn:hover{background:var(--color-success);color:#fff}.kpi2-template-del-sec-btn{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);padding:6px 12px;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.kpi2-template-del-sec-btn:hover{background:var(--color-danger);color:#fff}.kpi2-template-input-select{width:100%;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);outline:none;font-size:.85rem}.kpi2-template-input-select:focus{border-color:var(--color-primary)}.kpi2-attachments-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.kpi2-attachments-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-secondary);border:1.5px dashed var(--border-color);border-radius:var(--border-radius-sm);font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.kpi2-attachments-upload-btn:hover:not(.disabled){border-color:var(--color-primary);color:var(--color-primary);background:rgba(var(--color-primary-rgb, 99, 102, 241),.06)}.kpi2-attachments-upload-btn.disabled{opacity:.5;cursor:not-allowed}.kpi2-fill-form-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:var(--border-radius-sm);font-size:.82rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #2563eb40}.kpi2-fill-form-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb59;transform:translateY(-1px)}.kpi2-fill-form-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.kpi2-fill-form-btn--inline{padding:6px 12px;font-size:.78rem;box-shadow:none;margin-top:8px}.kpi2-form-option-box{display:flex;align-items:flex-start;gap:14px;padding:16px;background:linear-gradient(135deg,#2563eb0f,#1d4ed80a);border:1.5px solid rgba(37,99,235,.2);border-radius:var(--border-radius-lg);margin-bottom:16px}[data-theme=dark] .kpi2-form-option-box{background:#2563eb1a;border-color:#60a5fa40}.kpi2-form-option-icon{color:#2563eb;flex-shrink:0;margin-top:2px}[data-theme=dark] .kpi2-form-option-icon{color:#60a5fa}.kpi2-form-option-content{display:flex;flex-direction:column}.kpi2-form-option-title{font-weight:700;font-size:.9rem;color:#1e40af;margin-bottom:4px}[data-theme=dark] .kpi2-form-option-title{color:#93c5fd}.kpi2-form-option-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.kpi2-score-input-wrap{display:flex;align-items:center;gap:4px}.kpi2-score-exceed{font-size:.7rem;color:var(--color-danger);font-weight:700}.kpi2-attachment-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-secondary);gap:12px;transition:border-color var(--transition-fast)}.kpi2-attachment-item:hover{border-color:var(--color-primary)}.kpi2-attachment-item--form{border-color:#2563eb4d;background:#2563eb0a}[data-theme=dark] .kpi2-attachment-item--form{background:#2563eb14}.kpi2-attachment-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.kpi2-attachment-icon{flex-shrink:0;color:var(--text-secondary)}.kpi2-attachment-item--form .kpi2-attachment-icon{color:#2563eb}.kpi2-att-type-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:.65rem;font-weight:700;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.kpi2-att-type-badge--form{background:#2563eb1f;border-color:#2563eb40;color:#1d4ed8}[data-theme=dark] .kpi2-att-type-badge--form{color:#93c5fd}.kpi2-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;animation:kpi2-fade-in .18s ease}@keyframes kpi2-fade-in{0%{opacity:0}to{opacity:1}}.kpi2-preview-modal{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:0 24px 60px #00000059;width:min(92vw,1000px);height:min(90vh,760px);display:flex;flex-direction:column;overflow:hidden;animation:kpi2-modal-slide-up .2s ease}@keyframes kpi2-modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.kpi2-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.kpi2-modal-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:var(--text-primary);min-width:0}.kpi2-modal-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:500px}.kpi2-modal-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.kpi2-modal-download-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--border-radius-sm);font-size:.78rem;font-weight:600;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.kpi2-modal-download-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.kpi2-modal-download-btn--large{padding:10px 20px;font-size:.88rem;margin-top:16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none}.kpi2-modal-download-btn--large:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff}.kpi2-modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.kpi2-modal-close-btn:hover{background:var(--color-danger);color:#fff}.kpi2-preview-body{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#1a1a2e;position:relative}.kpi2-preview-iframe{width:100%;height:100%;border:none}.kpi2-preview-img{max-width:100%;max-height:100%;object-fit:contain}.kpi2-preview-unsupported{display:flex;flex-direction:column;align-items:center;gap:12px;color:#aaa;text-align:center}.kpi2-preview-unsupported svg{opacity:.4}.kpi2-form-modal{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:0 24px 60px #00000059;width:min(92vw,780px);max-height:min(90vh,820px);display:flex;flex-direction:column;overflow:hidden;animation:kpi2-modal-slide-up .2s ease}.kpi2-form-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.kpi2-form-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:14px 16px}.kpi2-form-info-item{display:flex;align-items:center;gap:8px}.kpi2-form-info-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.kpi2-form-info-value{font-size:.85rem;color:var(--text-primary);font-weight:500}.kpi2-form-section{display:flex;flex-direction:column;gap:8px}.kpi2-form-section-title{font-size:.82rem;font-weight:700;color:#1e40af;text-transform:uppercase;letter-spacing:.03em;padding-bottom:6px;border-bottom:2px solid rgba(37,99,235,.15)}[data-theme=dark] .kpi2-form-section-title{color:#93c5fd;border-color:#60a5fa33}.kpi2-form-section--signature{background:#2563eb0a;border:1px dashed rgba(37,99,235,.25);border-radius:var(--border-radius-sm);padding:14px}.kpi2-form-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:.88rem;font-family:inherit;line-height:1.6;resize:vertical;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.kpi2-form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11f}.kpi2-form-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:.88rem;font-family:inherit;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.kpi2-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11f}.kpi2-form-score-table{width:100%;border-collapse:collapse;font-size:.82rem}.kpi2-form-score-table th,.kpi2-form-score-table td{border:1px solid var(--border-color);padding:6px 10px}.kpi2-form-score-table th{background:var(--bg-secondary);font-weight:600;text-align:left}.kpi2-form-score-table tfoot td{background:var(--bg-secondary);font-weight:600}.kpi2-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.kpi2-form-cancel-btn{padding:9px 20px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.kpi2-form-cancel-btn:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger)}.kpi2-form-submit-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border-radius:var(--border-radius-sm);border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #2563eb4d}.kpi2-form-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 14px #2563eb66;transform:translateY(-1px)}.kpi2-form-submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}@media(max-width:640px){.kpi2-form-info-grid{grid-template-columns:1fr}.kpi2-attachments-toolbar{flex-direction:column;align-items:stretch}}.payroll-module-container{display:flex;flex-direction:column;gap:20px;height:100%}.payroll-action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background-color:var(--bg-secondary);padding:16px;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-wrap:wrap}.payroll-title{display:flex;align-items:center;gap:12px}.payroll-title h3{font-size:1.2rem;font-weight:700}.lock-tag{display:flex;align-items:center;gap:4px;background-color:var(--color-danger-bg);border:1px solid #fca5a5;color:var(--color-danger);padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.lock-icon{width:14px;height:14px}.toolbar-buttons{display:flex;gap:10px;flex-wrap:wrap}.calc-btn,.calc-btn-large{display:flex;align-items:center;gap:8px;background-color:var(--color-primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.calc-btn:hover{background-color:var(--color-primary-hover)}.approve-pay-btn{display:flex;align-items:center;gap:8px;background-color:var(--color-success);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-md);font-size:.85rem;font-weight:600;cursor:pointer}.approve-pay-btn:hover{background-color:#059669}.export-excel-btn{display:flex;align-items:center;gap:8px;background-color:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-md);font-size:.85rem;font-weight:600;cursor:pointer}.formula-config-btn{display:flex;align-items:center;gap:8px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:var(--border-radius-md);font-size:.85rem;font-weight:600;cursor:pointer}.formula-config-btn:hover{background-color:var(--border-color)}.payroll-grid-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:16px;height:calc(100vh - 280px);overflow:hidden;display:flex;flex-direction:column}.payroll-table-wrapper{flex:1;overflow-x:auto;overflow-y:auto}.payroll-table{width:100%;border-collapse:collapse;text-align:left}.payroll-table th,.payroll-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);font-size:.8rem;white-space:nowrap}.payroll-table th{background-color:var(--bg-primary);color:var(--text-secondary);font-weight:700;position:sticky;top:0;z-index:10}.view-payslip-link{background:transparent;border:1px solid var(--border-color);padding:4px 8px;border-radius:var(--border-radius-sm);font-size:.775rem;cursor:pointer;display:flex;align-items:center;gap:4px}.view-payslip-link:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.table-link-icon{width:14px;height:14px}.no-payroll-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:16px;color:var(--text-secondary)}.no-data-icon{width:48px;height:48px;stroke-width:1.5px;color:var(--text-muted)}.calc-btn-large{padding:12px 24px;font-size:.9rem;margin-top:8px}.payslip-modal-content{max-width:1000px;width:100%;max-height:90vh;display:flex;flex-direction:column}.header-actions{display:flex;align-items:center;gap:12px}.print-btn-outline{display:flex;align-items:center;gap:6px;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:6px 12px;border-radius:var(--border-radius-md);font-size:.8rem;font-weight:600;cursor:pointer}.print-btn-outline:hover{background-color:var(--bg-tertiary);border-color:var(--text-primary)}.printable-payslip{padding:32px;background-color:#fff;color:#000;font-family:Times New Roman,Times,serif;overflow-y:auto;flex:1}.payslip-header{text-align:center;margin-bottom:24px}.payslip-header h2{font-size:1.4rem;font-weight:700;letter-spacing:.05em;margin-bottom:4px}.company-title{font-size:.85rem;font-weight:600;margin-top:4px}.company-info-payslip{font-size:.725rem;color:var(--text-secondary);margin-top:2px}.payslip-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;font-size:.9rem;border-bottom:1px solid #000;padding-bottom:16px}.payslip-meta-grid label{font-weight:700}.payslip-breakdown-table{width:100%;border-collapse:collapse;margin-bottom:24px}.payslip-breakdown-table th,.payslip-breakdown-table td{border:1px solid #000;padding:8px 10px;font-size:.85rem;text-align:left}.payslip-breakdown-table th{background-color:#f2f2f2;font-weight:700;position:sticky;top:0;z-index:10}.payslip-totals-row td{background-color:#f9f9f9}.payslip-net-row{display:flex;justify-content:space-between;align-items:center;border:2px solid #000;padding:12px 16px;margin-bottom:32px}.payslip-net-row h3{font-size:1rem;font-weight:700}.payslip-signature-row{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:.875rem;margin-top:40px}.payslip-signature-row p{font-weight:700;margin-bottom:60px}.payslip-signature-row span{font-size:.775rem;font-style:italic}.formula-modal-content{max-width:900px;width:100%}.formula-panel-body{padding:24px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 120px);overflow-y:auto}.alert-banner-warning{background-color:var(--color-warning-bg);border:1px solid #fde047;color:var(--color-warning);padding:12px 16px;border-radius:var(--border-radius-md);font-size:.8rem;line-height:1.4}.formula-table{width:100%;border-collapse:collapse}.formula-table th,.formula-table td{padding:8px 12px;border:1px solid var(--border-color);font-size:.825rem;text-align:left}.formula-table th{background-color:var(--bg-primary);font-weight:600;position:sticky;top:0;z-index:10}@media print{body *{visibility:hidden}.print-overlay,.printable-payslip,.printable-payslip *{visibility:visible}.print-overlay{position:absolute;left:0;top:0;width:100%;background-color:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.no-print{display:none!important}.payslip-modal-content{border:none;box-shadow:none;max-height:none!important;display:block!important}.printable-payslip{padding:0;margin:0;overflow-y:visible!important;flex:none!important}}.formula-input-text,.formula-input-num,.formula-select{width:100%;padding:6px 10px;font-size:.8rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-tertiary);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast)}.formula-input-text:focus,.formula-input-num:focus,.formula-select:focus{border-color:var(--color-primary)}.formula-input-text.code-field:disabled{background-color:var(--bg-secondary);border-style:dashed;cursor:not-allowed;color:var(--text-muted)}.add-allowance-btn-mini{display:flex;align-items:center;gap:4px;padding:6px 12px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:.775rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal)}.add-allowance-btn-mini:hover{background-color:#4f46e5;transform:translateY(-1px)}.remove-allowance-row-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:color var(--transition-fast)}.remove-allowance-row-btn:hover{color:var(--color-danger)}.system-tag-mini{font-size:.7rem;font-weight:600;color:var(--text-muted);background-color:var(--bg-tertiary);padding:2px 6px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);white-space:nowrap}.formula-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;border-top:1px solid var(--border-color);padding-top:16px}.btn-cancel-settings,.btn-save-settings{padding:8px 16px;font-size:.8rem;font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel-settings{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-cancel-settings:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-save-settings{background-color:var(--color-primary);border:none;color:#fff}.btn-save-settings:hover{background-color:#4f46e5}.config-section-header h4{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0}.var-pill{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.7rem;padding:3px 8px;border-radius:99px;cursor:pointer;transition:all var(--transition-fast);font-weight:500}.var-pill:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.preset-select{transition:all var(--transition-fast);outline:none}.preset-select:hover,.preset-select:focus{border-color:var(--color-primary)!important}.tooltip-cell{position:relative;cursor:help;text-decoration:underline dotted var(--text-muted);text-underline-offset:3px}.tooltip-cell:hover{color:var(--color-primary)!important}.tooltip-content{display:none;position:fixed;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:12px 14px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);font-size:.775rem;font-weight:400;text-align:left;line-height:1.5;width:280px;z-index:9999;pointer-events:none;border-left:4px solid var(--color-primary)}.tooltip-cell:hover .tooltip-content{display:block}.tooltip-title{font-weight:700;color:var(--color-primary);margin-bottom:8px;border-bottom:1px solid var(--border-color);padding-bottom:6px;display:flex;justify-content:space-between;font-size:.8rem}.tooltip-row{display:flex;justify-content:space-between;margin-bottom:4px;color:var(--text-secondary)}.tooltip-row span:last-child{font-family:Courier New,Courier,monospace;font-weight:600;color:var(--text-primary)}.tooltip-row-total{display:flex;justify-content:space-between;margin-top:8px;border-top:1px dashed var(--border-color);padding-top:6px;font-weight:700;color:var(--text-primary)}.tooltip-row-total span:last-child{font-family:Courier New,Courier,monospace;color:var(--color-primary);font-size:.825rem}.tooltip-divider{border-top:1px dashed var(--border-color);margin:6px 0}.offboarding-module-container{display:flex;flex-direction:column;gap:20px;height:100%}.offboarding-action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background-color:var(--bg-secondary);padding:16px;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-wrap:wrap}.confirm-offboard-btn{display:flex;align-items:center;gap:8px;background-color:var(--color-danger);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer}.confirm-offboard-btn:hover{background-color:#e11d48}.offboarding-main-split{display:grid;grid-template-columns:1.2fr 1.8fr;gap:20px;align-items:start}@media(max-width:1024px){.offboarding-main-split{grid-template-columns:1fr}}.offboarding-panel-left,.offboarding-panel-right{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.calculator-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.helper-label{font-size:.725rem;color:var(--text-muted);margin-top:2px}.offboarding-results{display:flex;flex-direction:column;gap:14px;margin-top:16px}.result-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);border-bottom:1px solid var(--bg-primary);padding-bottom:8px}.result-row strong{color:var(--text-primary)}.warning-row{background-color:var(--color-warning-bg);padding:8px 12px;border-radius:var(--border-radius-sm);border-left:3px solid var(--color-warning)}.warning-row strong{color:#d97706}.highlight-row{background-color:#eeebff;padding:8px 12px;border-radius:var(--border-radius-sm);border-left:3px solid var(--color-primary)}.highlight-row strong{color:var(--color-primary)}.divider{border:0;height:1px;background-color:var(--border-color);margin:10px 0}.result-row-amount{display:flex;justify-content:space-between;font-size:.9rem;font-weight:500;color:var(--text-primary)}.total-payout-box{margin-top:16px;background-color:var(--color-success-bg);border:1px solid #a7f3d0;padding:16px;border-radius:var(--border-radius-md);text-align:center;display:flex;flex-direction:column;gap:4px}.total-payout-box span{font-size:.75rem;font-weight:700;color:var(--color-success);letter-spacing:.05em}.total-payout-box h2{font-size:1.6rem;font-weight:800;color:var(--color-success)}.legal-reference-note{margin-top:24px;padding:16px;background-color:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.legal-reference-note h5{font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.legal-reference-note p{font-size:.775rem;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}[data-theme=dark] .highlight-row{background-color:#6366f126!important}[data-theme=dark] .total-payout-box{border-color:#34d3994d!important}[data-theme=dark] .warning-row strong{color:var(--color-warning)!important}.legal-module-container{display:flex;flex-direction:column;gap:24px;height:100%;padding-bottom:24px}.legal-header-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(99,102,241,.05) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px 24px 0;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px}.legal-title{display:flex;align-items:center;gap:16px}.legal-title h3{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.02em}.legal-title p{font-size:.85rem;color:var(--text-secondary)}.brand-logo-small{width:32px;height:32px;color:var(--color-primary)}.legal-tabs-nav{display:flex;gap:8px}.tab-nav-btn{background:none;border:none;padding:12px 20px;font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;transition:all var(--transition-normal);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.tab-nav-btn:hover{color:var(--color-primary);background-color:#6366f10a}.tab-nav-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:#6366f114}.legal-content-wrapper{display:flex;flex-direction:column;gap:20px;animation:fadeIn .3s ease-in-out}.legal-action-bar-new{display:flex;justify-content:space-between;align-items:center;gap:16px;background-color:var(--bg-secondary);padding:16px 20px;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-wrap:wrap}.search-box-new{position:relative;flex:1;min-width:280px}.search-box-new input{width:100%;padding:10px 14px 10px 40px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-normal)}.search-box-new input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-secondary)}.filter-dropdown-group{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.type-select{padding:8px 12px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:.85rem;font-weight:500;outline:none;cursor:pointer;transition:border-color var(--transition-normal)}.type-select:focus{border-color:var(--color-primary)}.legal-grid-panel-new{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:24px;max-height:calc(100vh - 240px);overflow-y:auto}.laws-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.law-card-new{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:20px;display:flex;flex-direction:column;gap:14px;transition:all var(--transition-normal);position:relative;overflow:hidden}.law-card-new:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#6366f14d}.law-card-new.NATIONAL_LAW:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary)}.law-card-new.COMPANY_POLICY:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#10b981}.law-card-header-new{display:flex;justify-content:space-between;align-items:center}.law-badge-group-new{display:flex;align-items:center;gap:6px}.law-card-icon-new{width:15px;height:15px;color:var(--text-secondary)}.law-card-new.NATIONAL_LAW .law-card-icon-new{color:var(--color-primary)}.law-card-new.COMPANY_POLICY .law-card-icon-new{color:#10b981}.law-badge-new{font-size:.725rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.law-card-new.NATIONAL_LAW .law-badge-new{color:var(--color-primary)}.law-card-new.COMPANY_POLICY .law-badge-new{color:#10b981}.article-badge-new{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:4px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.law-card-new.NATIONAL_LAW .article-badge-new{background-color:#6366f114;color:var(--color-primary)}.law-card-new.COMPANY_POLICY .article-badge-new{background-color:#10b98114;color:#10b981}.law-card-title-new{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin:0}.law-card-meta{display:flex;gap:12px;font-size:.725rem;color:var(--text-muted);align-items:center}.meta-item{display:flex;align-items:center;gap:4px}.meta-icon{color:var(--text-muted)}.law-card-content-new{font-size:.8rem;color:var(--text-secondary);line-height:1.6;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0}.law-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px dashed var(--border-color);gap:12px}.law-keywords-new{display:flex;flex-wrap:wrap;gap:4px;flex:1}.keyword-tag-new{font-size:.65rem;background-color:var(--bg-tertiary);color:var(--text-secondary);padding:2px 6px;border-radius:4px;font-weight:500}.law-action-buttons{display:flex;gap:6px;flex-shrink:0}.action-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);width:30px;height:30px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.action-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.action-btn.delete:hover{background-color:#ef4444;border-color:#ef4444}.action-btn.download:hover{background-color:#059669;border-color:#059669}.loading-state-new,.no-laws-state-new{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;color:var(--text-muted);gap:16px;text-align:center}.no-data-icon-new{width:48px;height:48px;color:var(--border-color)}.upload-section{display:flex;justify-content:center;align-items:center;width:100%;padding:12px 0}.upload-container-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:32px;width:100%}.upload-container-card h4{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin-bottom:6px}.upload-container-card .subtitle,.feed-header-actions .subtitle{font-size:.825rem;color:var(--text-secondary);margin-bottom:24px}.upload-form-split{display:flex;gap:28px;flex-wrap:wrap;width:100%}.upload-left-pane{flex:1;min-width:280px;display:flex;flex-direction:column;gap:16px}.upload-right-pane{flex:1.2;min-width:320px;display:flex;flex-direction:column;gap:16px}.dropzone{border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);padding:44px 20px;text-align:center;cursor:pointer;transition:all var(--transition-normal);background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;min-height:195px}.dropzone:hover,.dropzone.dragover{border-color:var(--color-primary);background-color:#6366f105}.dropzone.has-file{border-color:#10b981;background-color:#10b98105}.file-hidden-input{display:none}.dropzone-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.upload-icon{width:40px;height:40px;color:var(--text-muted);transition:color var(--transition-normal)}.dropzone:hover .upload-icon{color:var(--color-primary)}.dropzone.has-file .upload-icon{color:#10b981}.dropzone .formats{font-size:.725rem;color:var(--text-muted)}.selected-file-info{display:flex;flex-direction:column;gap:4px}.selected-file-info .filename{font-size:.9rem;font-weight:700;color:var(--text-primary)}.selected-file-info .filesize{font-size:.775rem;color:var(--text-secondary)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:700;color:var(--text-primary)}.form-group input,.form-group select{padding:10px 14px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color var(--transition-normal)}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary)}.custom-select-box{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px!important;cursor:pointer}.submit-upload-btn-new{background-color:var(--color-primary);border:none;color:#fff;padding:12px 24px;font-size:.9rem;font-weight:700;border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color var(--transition-normal);width:100%}.submit-upload-btn-new:hover:not(:disabled){background-color:#4f46e5}.submit-upload-btn-new:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.btn-icon-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feed-header-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.feed-header-actions h4{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin-bottom:6px}.feed-buttons{display:flex;gap:10px}.feed-action-btn{padding:10px 18px;font-size:.85rem;font-weight:700;border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-normal)}.feed-action-btn.refresh{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.feed-action-btn.refresh:hover:not(:disabled){background-color:var(--bg-tertiary)}.feed-action-btn.sync{background-color:var(--color-primary);border:none;color:#fff}.feed-action-btn.sync:hover:not(:disabled){background-color:#4f46e5}.feed-action-btn:disabled{opacity:.6;cursor:not-allowed}.feed-action-btn .spin{animation:spin 1.2s linear infinite}.feed-list-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:24px;max-height:calc(100vh - 240px);overflow-y:auto}.feed-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.feed-grouped-container{display:flex;flex-direction:column;gap:24px}.feed-group-section{display:flex;flex-direction:column;gap:12px}.feed-group-header{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:2px solid var(--primary)}.feed-group-title{font-size:15px;font-weight:700;color:var(--text-primary)}.feed-group-count{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--primary);color:#fff}.feed-cat-tag{font-size:9px;font-weight:700;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.cat-CHO_HOP_DONG{background:#dbeafe;color:#1d4ed8}.cat-BAO_HIEM{background:#dcfce7;color:#15803d}.cat-THUE_TNCN{background:#fef9c3;color:#a16207}.cat-KY_LUAT{background:#fee2e2;color:#b91c1c}.cat-UNGROUPED{background:#f3f4f6;color:#6b7280}[data-theme=dark] .cat-CHO_HOP_DONG{background:#1e40af4d;color:#93c5fd}[data-theme=dark] .cat-BAO_HIEM{background:#15803d4d;color:#86efac}[data-theme=dark] .cat-THUE_TNCN{background:#a162074d;color:#fde047}[data-theme=dark] .cat-KY_LUAT{background:#b91c1c4d;color:#fca5a5}[data-theme=dark] .cat-UNGROUPED{background:#334155;color:#94a3b8}[data-theme=dark] .feed-group-title{color:#f1f5f9}.feed-item-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;height:100%;transition:all var(--transition-normal);position:relative}.feed-item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#6366f140}.feed-item-card.synced{border-top:4px solid #10b981}.feed-item-card.pending{border-top:4px solid #f59e0b}.feed-item-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.status-badge{display:flex;align-items:center;gap:6px}.badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:4px;display:flex;align-items:center}.badge.success{background-color:#10b9811a;color:#059669}.badge.warning{background-color:#f59e0b1a;color:#d97706}.feed-doc-type-badge{font-size:.65rem;background-color:#6366f11a;color:var(--color-primary);font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.badge-pdf-tag{font-size:.65rem;background-color:#ef44441a;color:#ef4444;font-weight:700;padding:2px 6px;border-radius:4px}.feed-date-badge{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-weight:500;font-size:.725rem}.feed-identity-row{margin-top:2px}.feed-doc-identity{font-size:.75rem;font-weight:800;color:var(--color-primary);text-decoration:none}.feed-doc-title{font-size:.875rem;font-weight:700;color:var(--text-primary);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:56px}.feed-doc-meta-table{border-top:1px dashed var(--border-color);border-bottom:1px dashed var(--border-color);padding:10px 0;display:flex;flex-direction:column;gap:8px}.meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;gap:16px}.meta-label{color:var(--text-muted);font-weight:500;flex-shrink:0}.meta-value{color:var(--text-primary);font-weight:600;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.status-indicator{padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700}.status-indicator.status-active{background-color:#10b9811a;color:#10b981}.status-indicator.status-pending{background-color:#f59e0b1a;color:#f59e0b}.status-indicator.status-default{background-color:var(--bg-tertiary);color:var(--text-secondary)}.feed-card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.feed-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 4px;font-size:.725rem;font-weight:700;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;text-align:center}.feed-card-btn.btn-web{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.feed-card-btn.btn-web:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.feed-card-btn.btn-content{background-color:#6366f10d;color:var(--color-primary);border:1px solid rgba(99,102,241,.15)}.feed-card-btn.btn-content:hover{background-color:#6366f11f;border-color:var(--color-primary)}.feed-card-btn.btn-pdf{background-color:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.15)}.feed-card-btn.btn-pdf:hover{background-color:#ef4444;color:#fff;border-color:#ef4444}.preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.preview-modal-content{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-title-group{display:flex;align-items:center;gap:14px}.modal-logo{width:24px;height:24px;color:var(--color-primary)}.modal-title-group h4{font-size:1.05rem;font-weight:800;color:var(--text-primary);line-height:1.4;margin:0 0 2px}.modal-title-group p{font-size:.775rem;color:var(--text-secondary);margin:0}.close-modal-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;line-height:1;padding:0}.close-modal-btn:hover{color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.metadata-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;background-color:var(--bg-secondary);padding:16px;border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.metadata-item{display:flex;flex-direction:column;gap:4px}.metadata-item.full{grid-column:span 2}.metadata-item .label{font-size:.725rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.metadata-item .value{font-size:.85rem;color:var(--text-primary);font-weight:600}.document-content-view{display:flex;flex-direction:column;gap:8px}.document-content-view h5{font-size:.875rem;font-weight:700;color:var(--text-primary);margin:0}.document-content-view pre{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:16px;font-family:inherit;font-size:.825rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;max-height:360px;overflow-y:auto}.document-content-view pre::-webkit-scrollbar{width:6px}.document-content-view pre::-webkit-scrollbar-track{background:transparent}.document-content-view pre::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.document-content-view pre::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.download-btn-primary{background-color:#059669;border:none;color:#fff;padding:8px 16px;font-size:.85rem;font-weight:700;border-radius:var(--border-radius-md);text-decoration:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.download-btn-primary:hover{background-color:#047857}.close-btn-secondary{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;font-size:.85rem;font-weight:700;border-radius:var(--border-radius-md);cursor:pointer;transition:background-color var(--transition-normal)}.close-btn-secondary:hover{background-color:var(--bg-tertiary)}.law-list-new{display:flex;flex-direction:column;gap:12px;width:100%}.law-row-new{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:14px 20px;transition:all var(--transition-normal);gap:20px;width:100%}.law-row-new:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.law-row-new.NATIONAL_LAW{border-left:4px solid var(--color-primary)}.law-row-new.COMPANY_POLICY{border-left:4px solid #10b981}.law-row-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.law-row-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-tertiary);flex-shrink:0}.law-row-new.NATIONAL_LAW .law-row-icon{color:var(--color-primary)}.law-row-new.COMPANY_POLICY .law-row-icon{color:#10b981}.law-row-icon{width:20px;height:20px}.law-row-details{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.law-row-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.law-row-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:600px}.law-row-badge{font-size:.675rem;font-weight:750;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.03em}.law-row-badge.NATIONAL_LAW{background-color:#6366f114;color:var(--color-primary)}.law-row-badge.COMPANY_POLICY{background-color:#10b98114;color:#10b981}.law-row-lawname-badge{font-size:.7rem;color:var(--text-muted);background-color:var(--bg-tertiary);padding:2px 8px;border-radius:4px;font-weight:600}.law-row-meta{display:flex;align-items:center;gap:16px;font-size:.775rem;color:var(--text-secondary);flex-wrap:wrap}.keyword-tag-mini{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:1px 6px;border-radius:4px;font-size:.725rem;margin-right:4px;border:1px solid var(--border-color);font-weight:600}.law-row-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-btn-row{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.action-btn-row:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.action-btn-row.preview:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#6366f105}.action-btn-row.download:hover{border-color:#10b981;color:#10b981;background-color:#10b98105}.action-btn-row.delete:hover{border-color:var(--color-danger);color:var(--color-danger);background-color:var(--color-danger-bg)}.upload-file-list{display:flex;flex-direction:column;gap:8px;width:100%;max-height:160px;overflow-y:auto;padding:6px;background-color:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);margin-bottom:8px}.upload-file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:.8rem;gap:10px}.upload-file-item .file-name{font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.upload-file-item .file-size{color:var(--text-muted);font-size:.725rem;flex-shrink:0}.remove-file-btn{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;line-height:1;padding:0 4px;transition:color var(--transition-normal)}.remove-file-btn:hover{color:var(--color-danger)}.disabled-input{background-color:var(--bg-tertiary)!important;color:var(--text-muted)!important;cursor:not-allowed;border-style:dashed!important}.upload-form-new{display:flex;flex-direction:column;gap:20px;width:100%}.dropzone-full{width:100%;border:2px dashed var(--border-color);border-radius:var(--border-radius-md);padding:20px;text-align:center;background-color:var(--bg-secondary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.dropzone-full:hover,.dropzone-full.dragover{border-color:var(--color-primary);background-color:#6366f105}.dropzone-full.has-file{border-color:#10b981;background-color:#10b98105}.dropzone-label-full{display:flex;align-items:center;justify-content:center;gap:16px;cursor:pointer;width:100%}.upload-icon-full{width:28px;height:28px;color:var(--text-secondary)}.selected-file-info-full{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.filename-full{font-weight:700;color:var(--text-primary);font-size:1rem}.filesize-full{font-size:.775rem;color:var(--text-muted)}.formats-full{font-size:.775rem;color:var(--text-muted);margin-top:4px}.upload-queue-container{display:flex;flex-direction:column;gap:12px;width:100%}.upload-queue-list-rows{display:flex;flex-direction:column;gap:10px;width:100%;max-height:450px;overflow-y:auto;padding:4px}.upload-queue-list-rows::-webkit-scrollbar{width:6px}.upload-queue-list-rows::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.upload-queue-list-rows::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.upload-queue-row{display:flex;align-items:center;gap:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:12px 18px;transition:all var(--transition-normal);width:100%}.upload-queue-row:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.upload-queue-row.uploading{border-color:var(--color-primary);background-color:#6366f103}.upload-queue-row.success{border-color:#10b981;background-color:#10b98103}.upload-queue-row.error{border-color:var(--color-danger);background-color:#ef444403}.row-file-info{display:flex;align-items:center;gap:10px;width:220px;min-width:220px}.file-icon-row{color:var(--color-primary);flex-shrink:0}.file-name-size{display:flex;flex-direction:column;min-width:0;text-align:left}.file-name-txt-row{font-weight:700;color:var(--text-primary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size-txt-row{font-size:.7rem;color:var(--text-muted)}.row-field{display:flex;flex-direction:column;gap:4px;text-align:left}.row-field label{font-size:.675rem;font-weight:750;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.row-field input,.upload-queue-row select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-tertiary);color:var(--text-primary);font-size:.8rem;transition:border-color var(--transition-normal);outline:none;width:100%}.row-field input:focus,.upload-queue-row select:focus{border-color:var(--color-primary)}.title-field{flex:2;min-width:200px}.type-field{width:160px;min-width:160px}.keywords-field{flex:1.2;min-width:150px}.category-field{width:180px;min-width:180px}.row-actions-status{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.remove-row-btn{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;line-height:1;transition:color var(--transition-normal)}.remove-row-btn:hover{color:var(--color-danger)}.row-status-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:.8rem}.row-status-indicator.uploading{color:var(--color-primary)}.spin-icon-row{animation:spin 1s linear infinite}.row-status-indicator.success{background-color:#10b9811a;color:#10b981}.row-status-indicator.error{background-color:#ef44441a;color:var(--color-danger);cursor:help}.upload-actions-footer{display:flex;justify-content:flex-end;margin-top:10px}.submit-upload-btn-full{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--border-radius-md);border:none;background-color:var(--color-primary);color:#fff;font-weight:700;font-size:.875rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 6px #6366f11a}.submit-upload-btn-full:hover:not(:disabled){background-color:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 12px #6366f133}.submit-upload-btn-full:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.batch-actions-bar-integrated{display:flex;align-items:center;justify-content:space-between;padding:24px 0 16px;border-bottom:1px solid var(--border-color);margin-bottom:16px;position:sticky;top:-24px;margin-top:-24px;z-index:10;background-color:var(--bg-secondary);width:100%}.checkbox-container-master{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;font-weight:700;color:var(--text-primary);-webkit-user-select:none;user-select:none}.checkbox-label{color:var(--text-secondary)}.batch-delete-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#ef44440a;color:var(--color-danger);border:1px solid rgba(239,68,68,.25);border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal)}.batch-delete-btn:hover{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger);transform:translateY(-1px);box-shadow:0 4px 8px #ef444426}.law-row-checkbox-wrapper{display:flex;align-items:center;justify-content:center;padding-right:12px;flex-shrink:0}.law-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.category-filter-group{display:flex;flex-direction:column;gap:8px}.category-filter-group label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.category-chips{display:flex;gap:6px;flex-wrap:wrap}.category-chip{padding:4px 12px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.775rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.category-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:#6366f10a}.category-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.law-row-badge.category-cho_hop_dong{background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.2)}.law-row-badge.category-bao_hiem{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.law-row-badge.category-thue_tncn{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.law-row-badge.category-ky_luat{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.ai-module-container{display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000006}.ai-action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background-color:#fff;padding:14px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.ai-title{display:flex;align-items:center;gap:12px}.brand-logo-small{width:28px;height:28px}.text-indigo{color:#4f46e5}.ai-title h3{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0}.ai-title p{font-size:.775rem;color:#64748b;margin:0}.active-model-tag{display:flex;align-items:center;gap:6px;background-color:#f5f3ff;border:1px solid #ddd6fe;color:#4f46e5;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600}.model-icon{width:14px;height:14px}.right-panel-toggle-btn,.history-menu-toggle-btn{background:none;border:1px solid #e2e8f0;color:#64748b;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;background-color:#fff}.right-panel-toggle-btn:hover,.history-menu-toggle-btn:hover{background-color:#f1f5f9;color:#1e293b}.ai-chat-layout{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.chat-window-panel{flex:1;background-color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.history-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity .25s ease}.history-drawer-overlay.show{opacity:1;pointer-events:auto}.history-drawer{position:absolute;top:0;left:-320px;bottom:0;width:300px;background:#fff;box-shadow:10px 0 30px #00000014;display:flex;flex-direction:column;transition:left .3s cubic-bezier(.4,0,.2,1);height:100%;z-index:1001;border-top-right-radius:12px;border-bottom-right-radius:12px;overflow:hidden}.history-drawer-overlay.show .history-drawer{left:0}.drawer-header{padding:16px;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px}.drawer-header h4{margin:0;font-size:14px;font-weight:700;color:#1e293b}.new-session-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#4f46e5;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.new-session-btn:hover{background-color:#4338ca}.sessions-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px}.session-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s;color:#475569;font-size:13px;position:relative;overflow:hidden}.session-item:hover{background-color:#f1f5f9;color:#1e293b}.session-item.active{background-color:#eef2ff;color:#4f46e5;font-weight:500}.session-icon{flex-shrink:0;color:#94a3b8}.session-item.active .session-icon{color:#4f46e5}.session-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-actions{display:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);gap:4px;background:linear-gradient(90deg,#f1f5f900,#f1f5f9 30%);padding-left:12px}.session-item.active .session-actions{background:linear-gradient(90deg,#eef2ff00,#eef2ff 30%)}.session-item:hover .session-actions{display:flex}.session-actions button{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px}.session-actions button:hover{background-color:#cbd5e1;color:#1e293b}.session-actions button:last-child:hover{background-color:#fee2e2;color:#ef4444}.rename-input-container{display:flex;align-items:center;gap:4px;flex:1}.rename-input-container input{flex:1;font-size:12px;padding:2px 4px;border:1px solid #4f46e5;border-radius:4px;outline:none}.rename-input-container button{background:none;border:none;color:#4f46e5;cursor:pointer;padding:2px}.chat-suggestions-panel{width:320px;background-color:#fff;border-left:1px solid #e2e8f0;padding:16px;display:flex;flex-direction:column;height:100%;overflow-y:auto;flex-shrink:0;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1}.chat-suggestions-panel.collapsed{width:0!important;min-width:0!important;max-width:0!important;padding:0!important;border-left:0!important;opacity:0!important;pointer-events:none;overflow:hidden}.panel-section{display:flex;flex-direction:column}.panel-section-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;color:#1e293b;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.section-badge{background-color:#e2e8f0;color:#475569;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px}.docs-upload-dropzone{border:1.5px dashed #cbd5e1;border-radius:8px;padding:16px 12px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8fafc}.docs-upload-dropzone:hover{border-color:#4f46e5;background-color:#f5f3ff}.dropzone-icon{color:#94a3b8;margin-bottom:6px}.docs-upload-dropzone:hover .dropzone-icon{color:#4f46e5}.dropzone-title{font-size:12px;font-weight:600;color:#475569}.dropzone-sub{font-size:9px;color:#94a3b8;margin-top:4px;line-height:1.3}.action-btn-outline{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn-outline:hover{background-color:#f8fafc;color:#1e293b;border-color:#94a3b8}.action-btn-outline:disabled{opacity:.6;cursor:not-allowed}.toggle-switch-card{display:flex;align-items:center;justify-content:space-between;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.switch-icon-bg{width:32px;height:32px;border-radius:8px;background-color:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.switch-title{font-size:11px;font-weight:700;color:#1e293b;line-height:1.3}.switch-desc{font-size:9px;color:#64748b;margin-top:2px}.switch-container{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.switch-container input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.2s;border-radius:20px}.switch-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.switch-container input:checked+.switch-slider{background-color:#4f46e5}.switch-container input:checked+.switch-slider:before{transform:translate(16px)}.switch-container input:disabled+.switch-slider{opacity:.5;cursor:not-allowed}.styled-search-input{position:relative;display:flex;align-items:center}.styled-search-input input{width:100%;padding:8px 36px 8px 12px;border:1px solid #e2e8f0;border-radius:8px;outline:none;font-size:12px;color:#475569}.search-input-btn,.search-input-btn-plus{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:none;background:none;color:#94a3b8;padding:6px;cursor:not-allowed;display:flex;align-items:center}.doc-item-row-advanced{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:6px;transition:all .2s}.doc-item-row-advanced:hover{background-color:#f1f5f9;border-color:#cbd5e1}.doc-item-left{display:flex;align-items:center;gap:8px;max-width:75%;overflow:hidden}.doc-type-icon{color:#4f46e5;flex-shrink:0}.doc-item-title{font-size:11px;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-item-right{display:flex;align-items:center;gap:4px}.doc-icon-btn-preview,.doc-icon-btn-delete{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .15s}.doc-icon-btn-preview:hover{background-color:#e2e8f0;color:#1e293b}.doc-icon-btn-delete:hover{background-color:#fee2e2;color:#ef4444}.ai-disclaimer{padding:10px;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;display:flex;gap:8px;align-items:flex-start}.disclaimer-icon{width:16px;height:16px;color:#64748b;flex-shrink:0;margin-top:1px}.ai-disclaimer p{font-size:10px;color:#64748b;line-height:1.4;margin:0}.law-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.law-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.law-modal-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.law-modal-header h3{margin:0;font-size:15px;font-weight:700;color:#1e293b}.close-modal-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center}.close-modal-btn:hover{background-color:#f1f5f9;color:#475569}.law-modal-search-bar{padding:12px 20px;border-bottom:1px solid #e2e8f0;position:relative;display:flex;align-items:center}.law-modal-search-bar input{width:100%;padding:8px 12px 8px 36px;border:1px solid #cbd5e1;border-radius:8px;outline:none;font-size:13px}.law-modal-search-bar input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.search-icon-inside{position:absolute;left:32px;color:#94a3b8}.law-modal-body{flex:1;overflow-y:auto;padding:20px;background-color:#f8fafc}.law-items-grid{display:flex;flex-direction:column;gap:12px}.law-item-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;box-shadow:0 1px 2px #00000005}.law-card-info{flex:1;display:flex;flex-direction:column}.law-badge-type{align-self:flex-start;background-color:#f5f3ff;color:#4f46e5;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;margin-bottom:6px}.law-card-title{font-size:13px;font-weight:700;color:#1e293b;margin:0 0 4px}.law-card-desc{font-size:11px;font-weight:600;color:#4f46e5;margin:0 0 8px}.law-card-preview{font-size:11px;color:#64748b;line-height:1.4;margin:0;font-style:italic}.law-add-btn{background-color:#4f46e5;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.law-add-btn:hover{background-color:#4338ca}.law-add-btn.added{background-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.status-loading-text{display:flex;align-items:center;gap:8px;font-size:11px;color:#4f46e5;margin-top:8px}.spin-slow{animation:spin 3s linear infinite;display:inline-block}@media(max-width:768px){.ai-chat-layout{flex-direction:column;height:auto;overflow:visible}.chat-suggestions-panel{width:100%;height:auto}}.ai-message-bubble h1,.ai-message-bubble h2,.ai-message-bubble h3,.ai-message-bubble h4,.ai-message-bubble h5,.ai-message-bubble h6{margin:12px 0 6px;line-height:1.4}.ai-message-bubble h1:first-child,.ai-message-bubble h2:first-child,.ai-message-bubble h3:first-child,.ai-message-bubble h4:first-child{margin-top:0}.ai-message-bubble p{margin:6px 0}.ai-message-bubble p:first-child{margin-top:0}.ai-message-bubble p:last-child{margin-bottom:0}.ai-message-bubble ul,.ai-message-bubble ol{margin:8px 0;padding-left:20px}.ai-message-bubble li{margin-bottom:4px}.ai-message-bubble strong{font-weight:700}.ai-message-bubble blockquote{margin:8px 0;padding:6px 12px;border-left:3px solid #4f46e5;background-color:#f8fafc;border-radius:0 6px 6px 0;color:#475569}.ai-message-bubble pre{margin:8px 0;padding:10px 14px;background-color:#1e293b;color:#e2e8f0;border-radius:8px;overflow-x:auto;font-size:12px;line-height:1.5}.ai-message-bubble code{font-family:Consolas,Monaco,monospace;font-size:12px}.ai-message-bubble :not(pre)>code{background-color:#f1f5f9;padding:1px 5px;border-radius:4px;color:#c7254e}.citation-link{display:inline-flex;align-items:center;justify-content:center;padding:1.5px 6px;border-radius:12px;background-color:#eef2ff;color:#4f46e5;font-size:11px;font-weight:600;margin:0 3px;cursor:pointer;vertical-align:middle;position:relative;transition:all .2s cubic-bezier(.34,1.56,.64,1);border:1px solid #c7d2fe;text-decoration:none;z-index:50;-webkit-user-select:none;user-select:none}.citation-link:hover,.citation-link.active{background-color:#4f46e5;color:#fff;border-color:#4f46e5;transform:scale(1.08) translateY(-.5px);box-shadow:0 4px 8px #4f46e540;z-index:1001}.citation-popover{width:340px;max-width:90vw;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 15px 35px -5px #00000026,0 5px 15px -2px #00000014;z-index:10000;display:flex;flex-direction:column;text-align:left;overflow:hidden;animation:popIn .2s cubic-bezier(.16,1,.3,1);pointer-events:auto;opacity:1}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popover-header{background:#4f46e5;padding:10px 14px;font-size:13px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(0,0,0,.05)}.popover-body{padding:14px;max-height:250px;overflow-y:auto;background-color:#fff}.popover-body::-webkit-scrollbar{width:6px}.popover-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.popover-label{font-size:10px;text-transform:uppercase;color:#94a3b8;font-weight:700;margin-bottom:6px;letter-spacing:.5px}.popover-text{font-size:12.5px;color:#334155;line-height:1.6;background:#f8fafc;border-left:3.5px solid #4f46e5;padding:10px 12px;border-radius:4px;font-style:italic;white-space:pre-wrap}[data-theme=dark] .ai-module-container{background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}[data-theme=dark] .ai-action-bar{background-color:var(--bg-secondary);border-bottom-color:var(--border-color)}[data-theme=dark] .ai-title h3{color:var(--text-primary)}[data-theme=dark] .ai-title p{color:var(--text-muted)}[data-theme=dark] .active-model-tag{background-color:#6366f126;border-color:#6366f14d;color:var(--color-primary)}[data-theme=dark] .right-panel-toggle-btn,[data-theme=dark] .history-menu-toggle-btn{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .right-panel-toggle-btn:hover,[data-theme=dark] .history-menu-toggle-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .chat-window-panel{background-color:var(--bg-primary)}[data-theme=dark] .history-drawer{background:var(--bg-secondary);border-right:1px solid var(--border-color);box-shadow:10px 0 30px #00000080}[data-theme=dark] .drawer-header{border-bottom-color:var(--border-color)}[data-theme=dark] .drawer-header h4{color:var(--text-primary)}[data-theme=dark] .chat-suggestions-panel{background-color:var(--bg-secondary);border-left-color:var(--border-color)}[data-theme=dark] .panel-section-title span{color:var(--text-primary)}[data-theme=dark] .docs-upload-dropzone{background-color:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .docs-upload-dropzone:hover{border-color:var(--color-primary)}[data-theme=dark] .dropzone-title{color:var(--text-secondary)}[data-theme=dark] .dropzone-sub{color:var(--text-muted)}[data-theme=dark] .action-btn-outline{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .action-btn-outline:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .toggle-switch-card{background-color:var(--bg-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .switch-icon-bg{background-color:var(--bg-tertiary)!important;color:var(--color-primary)!important}[data-theme=dark] .switch-title{color:var(--text-primary)!important}[data-theme=dark] .switch-desc{color:var(--text-muted)!important}[data-theme=dark] .doc-item{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .doc-info span,[data-theme=dark] .remove-doc-btn{color:var(--text-muted)}[data-theme=dark] .remove-doc-btn:hover{color:var(--color-danger)}[data-theme=dark] .chat-messages-container{background-color:var(--bg-primary)}[data-theme=dark] .welcome-guide-panel{background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .guide-card{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .guide-card p{color:var(--text-muted)}[data-theme=dark] .chat-input-container{background-color:var(--bg-secondary);border-top-color:var(--border-color)}[data-theme=dark] .chat-input-wrapper{background-color:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .chat-input-wrapper textarea{color:var(--text-primary)}[data-theme=dark] .chat-input-wrapper textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .message-bubble.assistant{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .message-bubble.user{background-color:var(--color-primary-hover);color:#fff}[data-theme=dark] .popover-body{background-color:var(--bg-secondary)}[data-theme=dark] .popover-text{background-color:var(--bg-primary);color:var(--text-secondary)}[data-theme=dark] .session-item{color:var(--text-secondary)}[data-theme=dark] .session-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .session-item.active{background-color:var(--bg-tertiary);color:var(--color-primary)}.profile-selector-dropdown{transition:all .2s ease}.profile-selector-dropdown:hover{border-color:#a5b4fc!important;box-shadow:0 0 0 2px #a5b4fc33}.profile-selector-dropdown:focus{border-color:#4f46e5!important;box-shadow:0 0 0 2px #4f46e540}.profile-locked-banner{box-shadow:0 1px 2px #0000000d}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.consent-section{box-shadow:0 1px 3px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.consent-section:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.rbac-container{display:grid;grid-template-columns:340px 1fr;gap:20px;min-height:500px}.rbac-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary)}.rbac-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top:3px solid #6366f1;border-radius:50%;animation:rbac-spin .8s linear infinite;margin-bottom:16px}@keyframes rbac-spin{to{transform:rotate(360deg)}}.rbac-roles-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.rbac-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-color)}.rbac-panel-header h3{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.rbac-admin-notice{font-size:.78rem;color:var(--text-secondary);margin:4px 0 0;font-style:italic;opacity:.8}.rbac-add-btn{background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:8px;color:#6366f1;padding:6px 8px;cursor:pointer;transition:all .2s;display:flex;align-items:center}.rbac-add-btn:hover{background:#6366f133;transform:scale(1.05)}.rbac-role-list{flex:1;overflow-y:auto;padding:8px}.rbac-role-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;cursor:pointer;transition:all .2s;margin-bottom:4px;border:1px solid transparent}.rbac-role-item:hover{background:var(--bg-primary);border-color:var(--border-color)}.rbac-role-item.active{background:#6366f10f;border-color:#6366f133}.rbac-role-info{flex:1;min-width:0;text-align:left}.rbac-role-name{font-size:.88rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin-bottom:2px}.rbac-role-desc{font-size:.76rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.rbac-role-meta{font-size:.72rem;color:var(--text-secondary);opacity:.85;display:flex;align-items:center;gap:6px;transition:opacity .2s}.rbac-role-item:hover .rbac-role-meta{opacity:1!important}.rbac-perm-count{margin-left:6px;padding:1px 6px;background:#6366f11a;border-radius:4px;color:#6366f1;font-size:.7rem;font-weight:600}.rbac-badge{font-size:.65rem;padding:2px 7px;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.rbac-badge.system{background:#6366f114;color:#6366f1;border:1px solid rgba(99,102,241,.15)}.rbac-badge.custom{background:#22c55e14;color:#16a34a;border:1px solid rgba(34,197,94,.15)}.rbac-role-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.rbac-delete-btn{background:transparent;border:none;color:var(--text-secondary);opacity:.6;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s;display:flex;align-items:center}.rbac-delete-btn:hover{color:#ef4444;opacity:1;background:#ef444414}.rbac-chevron{color:var(--text-secondary);opacity:.5;transition:transform .2s}.rbac-role-item.active .rbac-chevron{color:#6366f1;opacity:1}.rbac-new-role-form{padding:12px 14px;border-bottom:1px solid var(--border-color);background:#6366f108;display:flex;flex-direction:column;gap:8px}.rbac-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:.85rem;outline:none;transition:border-color .2s}.rbac-input:focus{border-color:#6366f1}.rbac-input::placeholder{color:var(--text-secondary);opacity:.5}.rbac-new-role-actions{display:flex;gap:8px}.rbac-btn-save,.rbac-btn-cancel{padding:6px 14px;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;border:1px solid transparent}.rbac-btn-save{background:#6366f1;color:#fff}.rbac-btn-save:hover{background:#4f46e5}.rbac-btn-cancel{background:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-color)}.rbac-btn-cancel:hover{background:var(--bg-secondary)}.rbac-perms-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.rbac-save-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;white-space:nowrap;box-shadow:0 2px 8px #6366f140}.rbac-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}.rbac-save-btn:disabled{opacity:.6;cursor:not-allowed}.rbac-perm-matrix{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.rbac-perm-category{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.rbac-category-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border-color)}.rbac-category-header:hover{background:var(--bg-secondary)}.rbac-category-icon{display:flex;align-items:center;justify-content:center;color:#6366f1}.rbac-category-label{font-size:.88rem;font-weight:600;color:var(--text-primary);flex:1;text-align:left}.rbac-toggle-all,.rbac-toggle{width:38px;height:20px;border-radius:12px;background:var(--border-color);position:relative;transition:all .3s;flex-shrink:0;cursor:pointer}.rbac-toggle-all.on,.rbac-toggle.on{background:linear-gradient(135deg,#6366f1,#4f46e5)}.rbac-toggle-all.partial{background:#6366f166}.rbac-toggle-thumb{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:all .3s;box-shadow:0 1px 4px #00000026}.rbac-toggle-all.on .rbac-toggle-thumb,.rbac-toggle.on .rbac-toggle-thumb{left:calc(100% - 18px)}.rbac-toggle-all.partial .rbac-toggle-thumb{left:calc(50% - 8px)}.rbac-perm-items{padding:4px 8px}.rbac-perm-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .15s}.rbac-perm-item:hover:not(.disabled){background:var(--bg-secondary)}.rbac-perm-item.disabled{cursor:default}.rbac-perm-item.disabled .rbac-perm-code,.rbac-perm-item.disabled span,.rbac-perm-item.disabled .rbac-toggle{opacity:.5}.rbac-perm-label{display:flex;flex-direction:column;gap:2px;text-align:left}.rbac-perm-label span{font-size:.82rem;color:var(--text-primary)}.rbac-perm-code{font-size:.72rem;color:var(--text-secondary);opacity:.8;font-family:JetBrains Mono,Fira Code,monospace}.rbac-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:60px 20px;color:var(--text-secondary);text-align:center;opacity:.8}.rbac-empty-state p{margin-top:16px;max-width:300px;line-height:1.6}.rbac-label-with-hint{display:flex;align-items:center;gap:6px}.rbac-hint-container{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:help}.rbac-hint-icon{color:var(--text-secondary);opacity:.5;transition:opacity .2s,color .2s}.rbac-hint-container:hover .rbac-hint-icon{color:#6366f1;opacity:1}.rbac-perm-label span.rbac-hint-tooltip{color:#fff!important;opacity:1!important}.rbac-hint-tooltip{visibility:hidden;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#1e293b!important;border:1px solid #334155!important;color:#fff!important;text-align:left;padding:8px 12px;border-radius:8px;font-size:.75rem;line-height:1.4;white-space:normal;width:220px;box-shadow:0 4px 20px #00000059;z-index:100;opacity:0;transition:opacity .2s,visibility .2s;pointer-events:none}.rbac-hint-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1e293b transparent transparent transparent}.rbac-hint-container:hover .rbac-hint-tooltip{visibility:visible;opacity:1}.rbac-employee-count-container{position:relative;cursor:help;display:inline-flex;align-items:center;gap:4px}.rbac-employee-tooltip{position:absolute;bottom:100%;left:0;margin-bottom:8px;background-color:#fff!important;color:#1e293b!important;border:1px solid #cbd5e1!important;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important;padding:12px;min-width:200px;max-width:280px;z-index:9999!important;opacity:0;transform:translateY(4px) scale(.95);transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none}html[data-theme=dark] .rbac-employee-tooltip{background-color:#1e293b!important;color:#f1f5f9!important;border-color:#334155!important}html[data-theme=dark] .rbac-employee-tooltip .rbac-tooltip-header{color:#94a3b8!important;border-bottom-color:#334155!important}html[data-theme=dark] .rbac-employee-tooltip .rbac-tooltip-item{color:#e2e8f0!important}html[data-theme=dark] .rbac-employee-tooltip .rbac-tooltip-emp-id{color:#818cf8!important}.rbac-employee-count-container:hover .rbac-employee-tooltip{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.rbac-tooltip-header{font-size:.725rem;font-weight:700;color:var(--text-secondary, #64748b);border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:4px;margin-bottom:6px;white-space:nowrap}.rbac-tooltip-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.rbac-tooltip-item{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.75rem;color:var(--text-primary, #0f172a)}.rbac-tooltip-emp-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rbac-tooltip-emp-id{color:var(--color-primary, #4f46e5);font-family:monospace;font-size:.7rem;font-weight:600}.rbac-role-item:first-child .rbac-employee-tooltip{bottom:auto;top:100%;margin-top:8px;margin-bottom:0;transform:translateY(-4px) scale(.95)}.rbac-role-item:first-child .rbac-employee-count-container:hover .rbac-employee-tooltip{transform:translateY(0) scale(1)}@media(max-width:900px){.rbac-container{grid-template-columns:1fr}.rbac-roles-panel{max-height:250px}}.company-settings-container{display:flex;flex-direction:column;gap:24px;width:100%;padding:8px}.company-settings-header{display:flex;align-items:center;gap:16px;text-align:left}.company-settings-header .header-icon-wrapper{background-color:#6366f11a;color:var(--color-primary);width:48px;height:48px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.company-settings-header h1{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 4px}.company-settings-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.tab-menu-bar{display:flex;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:8px;margin-bottom:8px}.tab-btn-item{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:none;color:var(--text-secondary);font-weight:600;font-size:.875rem;cursor:pointer;border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.tab-btn-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.tab-btn-item.active{background-color:#6366f11a;color:var(--color-primary)}.company-settings-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:32px;box-shadow:var(--shadow-sm)}.company-settings-form{display:flex;flex-direction:column;gap:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group-full{grid-column:span 2;display:flex;flex-direction:column;gap:8px;text-align:left}.form-group-half{grid-column:span 1;display:flex;flex-direction:column;gap:8px;text-align:left}.form-select{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem;transition:all var(--transition-normal);outline:none;width:100%;cursor:pointer}.form-select:focus{border-color:var(--color-primary);background-color:var(--bg-secondary);box-shadow:0 0 0 3px #6366f11a}@media(max-width:600px){.form-group-half{grid-column:span 2}}.company-settings-form label{font-size:.775rem;font-weight:750;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.company-settings-form input{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem;transition:all var(--transition-normal);outline:none;width:100%}.company-settings-form input:focus{border-color:var(--color-primary);background-color:var(--bg-secondary);box-shadow:0 0 0 3px #6366f11a}.company-settings-form input.disabled-input{background-color:var(--bg-tertiary);border-style:dashed;cursor:not-allowed;color:var(--text-muted)}.field-note{font-size:.725rem;color:var(--text-muted);margin-top:-2px}.form-actions-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--border-color);padding-top:20px}.save-settings-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--border-radius-md);background-color:var(--color-primary);color:#fff;font-weight:700;font-size:.875rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 6px #6366f11a}.save-settings-btn:hover:not(:disabled){background-color:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 12px #6366f126}.save-settings-btn:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.saas-dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:24px;width:100%;align-items:stretch}@media(max-width:1200px){.saas-dashboard-grid{grid-template-columns:1.3fr 1fr}}@media(max-width:1024px){.saas-dashboard-grid{grid-template-columns:1fr}}.saas-list-card,.saas-form-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px;text-align:left;height:100%}.card-header-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.card-header-title h3{font-size:1.1rem;font-weight:750;margin:0;color:var(--text-primary)}.saas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:12px;color:var(--text-secondary)}.saas-table-wrapper{flex:1;min-height:480px;max-height:calc(100vh - 280px);overflow-y:auto;overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-tertiary)}.saas-table{width:100%;border-collapse:collapse;font-size:.85rem}.saas-table th,.saas-table td{padding:12px 14px;border-bottom:1px solid var(--border-color);text-align:left;vertical-align:middle}.saas-table th{position:sticky;top:0;z-index:1;background-color:var(--bg-secondary);color:var(--text-secondary);font-weight:700;text-transform:uppercase;font-size:.725rem;letter-spacing:.03em}.saas-table tr:last-child td{border-bottom:none}.saas-table tr:hover{background-color:var(--bg-secondary)}.saas-table tr.active-row{background-color:#6366f10a}.comp-name-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.active-badge{font-size:.65rem;background-color:#10b98126;color:#10b981;padding:2px 6px;border-radius:4px;font-weight:700}.comp-meta-cell{display:flex;flex-direction:column;gap:4px}.comp-meta-cell small{color:var(--text-muted)}.action-buttons-group{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease;height:32px;box-sizing:border-box;min-width:75px;flex-shrink:0;white-space:nowrap}.action-btn.edit-btn{border:1px solid rgba(99,102,241,.2);background-color:#6366f10d;color:var(--color-primary)}.action-btn.edit-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 6px #6366f133}.action-btn.switch-btn{border:1px solid rgba(16,185,129,.2);background-color:#10b9810d;color:#10b981}.action-btn.switch-btn:hover{background-color:#10b981;color:#fff;border-color:#10b981;box-shadow:0 2px 6px #10b98133}.active-workspace-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background-color:#10b9811a;color:#10b981;font-size:.8rem;font-weight:600;height:32px;box-sizing:border-box;border:1px solid rgba(16,185,129,.15);flex-shrink:0;white-space:nowrap}.dot-blink{width:6px;height:6px;background-color:#10b981;border-radius:50%;display:inline-block;animation:dot-blink-animation 1.5s infinite}@keyframes dot-blink-animation{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.6}}.saas-create-form{display:flex;flex-direction:column;gap:20px}.saas-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.saas-form-group{display:flex;flex-direction:column;gap:6px;text-align:left}.saas-form-group-full{grid-column:span 2;display:flex;flex-direction:column;gap:6px;text-align:left}.saas-form-group label,.saas-form-group-full label{font-size:.75rem;font-weight:700;color:var(--text-secondary)}.saas-create-form input,.saas-create-form select{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem;outline:none;width:100%;transition:all var(--transition-fast)}.saas-create-form input:focus,.saas-create-form select:focus{border-color:var(--color-primary);background-color:var(--bg-secondary);box-shadow:0 0 0 3px #6366f114}.saas-create-form input.disabled-input{background-color:var(--bg-tertiary);border-style:dashed;color:var(--text-muted);cursor:not-allowed}.password-highlight-group{border-top:1px dashed var(--border-color);padding-top:12px;margin-top:6px}.saas-form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border-color);padding-top:16px;margin-top:8px}.saas-cancel-btn{padding:10px 18px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:transparent;color:var(--text-secondary);font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.saas-cancel-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.saas-submit-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--border-radius-md);background-color:var(--color-primary);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.saas-submit-btn:hover:not(:disabled){background-color:#4f46e5;transform:translateY(-1px)}.saas-submit-btn:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.saas-access-warning{display:flex;align-items:center;gap:8px;background-color:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:#d97706;padding:10px 14px;border-radius:var(--border-radius-md);font-size:.75rem}.spinner-small{width:18px;height:18px;border:2px solid var(--border-color);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.auto-id-hint{font-style:italic;color:var(--text-muted)!important;background-color:var(--bg-tertiary)!important;border-style:dashed!important}.field-note{font-size:.72rem;color:var(--text-muted);line-height:1.3}.required-star{color:var(--color-danger);margin-left:2px;font-weight:700}.section-divider{grid-column:span 2;font-size:.95rem;font-weight:750;color:var(--text-primary);margin-top:16px;margin-bottom:4px;border-bottom:1px solid var(--border-color);padding-bottom:8px;text-align:left}.collapsible-advanced-config{grid-column:span 2;margin-top:12px;border-top:1px dashed var(--border-color);padding-top:16px}.collapsible-trigger-btn{width:100%;display:flex;justify-content:space-between;align-items:center;background:#6366f10a;border:1px solid rgba(99,102,241,.15);padding:10px 14px;border-radius:var(--border-radius-md);cursor:pointer;font-weight:600;font-size:.8rem;color:var(--color-primary);outline:none;transition:all var(--transition-fast);text-align:left}.collapsible-trigger-btn:hover{background:#6366f114;border-color:var(--color-primary)}.collapsible-content{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;padding:4px;animation:slideDownCompanySettings .2s ease-out}@keyframes slideDownCompanySettings{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cashbook-container{display:flex;flex-direction:column;gap:24px}.cashbook-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:16px;flex-wrap:wrap;gap:16px}.cashbook-header h1{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.cashbook-header p{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.filter-panel{display:flex;align-items:center;gap:8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:6px 12px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.filter-icon{width:16px;height:16px;color:var(--text-secondary)}.filter-select{background:transparent;border:none;font-size:.85rem;font-weight:600;color:var(--text-primary);outline:none;cursor:pointer;padding-right:8px}.month-input-filter{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:4px 8px;background-color:var(--bg-tertiary);font-size:.8rem;color:var(--text-primary);outline:none;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stats-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stats-icon-bg{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-info-light{background-color:#4f46e514}.bg-danger-light{background-color:#ef444414}.bg-success-light{background-color:#10b98114}.bg-warning-light{background-color:#f59e0b14}.text-info{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-warning-dark{color:#d97706}.stats-details{display:flex;flex-direction:column}.stats-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stats-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-top:4px}.cashflow-risk-row{display:grid;grid-template-columns:1fr 2fr;gap:16px}@media(max-width:900px){.cashflow-risk-row{grid-template-columns:1fr}}.net-cash-card{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:var(--shadow-md);min-height:140px}.net-cash-header{display:flex;justify-content:space-between;align-items:flex-start;z-index:1}.net-cash-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.net-cash-value{font-size:1.6rem;font-weight:800;margin-top:4px}.net-cash-icon{opacity:.2;color:var(--text-primary)}.net-cash-splits{display:flex;align-items:center;gap:16px;border-top:1px solid var(--border-color);padding-top:12px;margin-top:12px;z-index:1}.split-item{flex:1;display:flex;flex-direction:column}.split-label{font-size:.65rem;text-transform:uppercase;color:var(--text-muted)}.split-val{font-size:.85rem;font-weight:700;margin-top:2px}.split-divider{width:1px;height:24px;background-color:#ffffff26}.text-light{color:#e2e8f0}.risk-status-card{border-radius:var(--border-radius-lg);padding:20px;display:flex;align-items:flex-start;gap:16px;box-shadow:var(--shadow-sm);border:1px solid transparent}.risk-safe{background-color:var(--color-success-bg);border-color:#10b98133}.risk-alert{background-color:var(--color-danger-bg);border-color:#ef444433}.risk-safe .risk-icon-box{color:var(--color-success);background-color:#10b9811f}.risk-alert .risk-icon-box{color:var(--color-danger);background-color:#ef44441f}.risk-icon-box{padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.risk-details{display:flex;flex-direction:column}.risk-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}.risk-status-text{font-size:1.1rem;font-weight:700;margin-top:4px;color:var(--text-primary)}.risk-help{font-size:.8rem;color:var(--text-secondary);margin-top:6px;line-height:1.4}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media(max-width:800px){.charts-grid{grid-template-columns:1fr}}.chart-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.chart-card h3{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:16px;display:flex;align-items:center;gap:6px}.inline-icon{flex-shrink:0}.empty-chart-msg{text-align:center;padding:36px 0;color:var(--text-muted);font-size:.85rem;border:1px dashed var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-primary)}.horizontal-bars-container{display:flex;flex-direction:column;gap:12px}.bar-row{display:flex;flex-direction:column;gap:4px}.bar-labels{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.bar-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.bar-value{color:var(--text-primary)}.progress-bar-track{height:8px;background-color:var(--bg-tertiary);border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.progress-bar-fill{height:100%;border-radius:4px;transition:width .8s ease-out}.bg-primary{background-color:var(--color-primary)}.bg-info{background-color:#818cf8}.bg-warning{background-color:var(--color-warning)}.bg-muted{background-color:var(--text-muted)}.cashflow-panel{display:flex;flex-direction:column;gap:16px}.cf-summary-row{display:flex;align-items:center;gap:12px}.cf-summary-item{display:flex;align-items:center;gap:10px;flex:1;padding:10px 12px;border-radius:var(--border-radius-md);background-color:var(--bg-primary);border:1px solid var(--border-color)}.cf-summary-icon-wrap{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-success-light{background-color:#10b9811a}.bg-primary-light{background-color:#4f46e51a}.cf-summary-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cf-summary-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.cf-summary-value{font-size:.95rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-comparison-bar-wrapper{display:flex;flex-direction:column;gap:8px}.cf-comparison-bar{display:flex;height:10px;border-radius:10px;overflow:hidden;background-color:var(--bg-tertiary);gap:2px}.cf-bar-income{background:linear-gradient(90deg,#34d399,#10b981);border-radius:10px 0 0 10px;min-width:2px;transition:width .8s cubic-bezier(.16,1,.3,1)}.cf-bar-expense{background:linear-gradient(90deg,#818cf8,#4f46e5);border-radius:0 10px 10px 0;min-width:2px;transition:width .8s cubic-bezier(.16,1,.3,1)}.cf-bar-legends{display:flex;justify-content:center;gap:16px}.cf-legend{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.cf-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.cf-breakdown{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}.cf-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.75rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);transition:background-color .15s ease}.cf-breakdown-row:last-child{border-bottom:none}.cf-breakdown-row:hover{background-color:var(--bg-tertiary)}.cf-breakdown-label{font-weight:600;color:var(--text-secondary)}.cf-breakdown-val{font-weight:700;font-variant-numeric:tabular-nums}.cf-net-result{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:var(--border-radius-md);border:1px solid}.cf-net-positive{background-color:#10b9810f;border-color:#10b98140}.cf-net-negative{background-color:#ef44440f;border-color:#ef444440}.cf-net-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--text-primary)}.cf-net-positive .cf-net-label{color:#059669}.cf-net-negative .cf-net-label{color:#dc2626}.cf-net-value{font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums}.cf-net-positive .cf-net-value{color:#059669}.cf-net-negative .cf-net-value{color:#dc2626}.text-info{color:#818cf8}.bg-success{background:linear-gradient(180deg,#34d399,#10b981)}.bg-primary-dark{background:linear-gradient(180deg,#818cf8,#4f46e5)}.main-content-split{display:grid;grid-template-columns:1fr;gap:24px}.timeline-section{display:flex;flex-direction:column;gap:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.timeline-header{display:flex;justify-content:space-between;align-items:center}.timeline-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.hint-text{font-size:.75rem;color:var(--text-muted)}.timeline-loading,.timeline-empty{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:48px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary)}.timeline-list{display:flex;flex-direction:column;gap:12px;max-height:620px;overflow-y:auto;padding:4px 10px 4px 4px}.timeline-list::-webkit-scrollbar{width:6px}.timeline-list::-webkit-scrollbar-track{background:transparent}.timeline-list::-webkit-scrollbar-thumb{background:var(--border-color, #e2e8f0);border-radius:10px}.timeline-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #94a3b8)}.timeline-item{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:16px;box-shadow:var(--shadow-sm);cursor:pointer;position:relative;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:10px}.timeline-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.hover-actions{position:absolute;right:16px;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;display:flex;align-items:center;gap:8px;transition:opacity var(--transition-fast);z-index:10}.timeline-item:hover .hover-actions{opacity:1;pointer-events:auto}.delete-action-btn{background-color:#fee2e2;border:1px solid #fecaca;color:var(--color-danger);padding:6px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.delete-action-btn:hover{background-color:#fca5a5;color:#7f1d1d}.details-action-btn{background-color:var(--color-success-bg);border:1px solid var(--border-color);color:var(--color-success);font-size:.75rem;font-weight:700;padding:6px 12px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;align-items:center;gap:4px}.details-action-btn:hover{background-color:var(--color-success);color:#fff}.txn-row-main{display:flex;justify-content:space-between;align-items:center;padding-right:0}@media(max-width:600px){.txn-row-main{flex-direction:column;gap:8px;padding-right:0}}.txn-icon-container{display:flex;align-items:flex-start;gap:12px}.txn-type-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-tertiary{background-color:var(--bg-tertiary)}.txn-desc h4{font-size:.9rem;font-weight:700;color:var(--text-primary);line-height:1.2}.txn-reason-text{font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-top:4px}.txn-meta-text{font-size:.7rem;color:var(--text-muted);margin-top:4px}.txn-amount-tax{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.txn-amount{font-size:.95rem;font-weight:700}.txn-tax-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.tax-badge{font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:4px;border:1px solid rgba(0,0,0,.05)}.bg-system-light{background-color:#6366f114;color:var(--color-primary)}.txn-row-compliance{border-top:1px dashed var(--border-color);padding-top:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.compliance-alert-text{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--color-danger)}.compliance-safe-text{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:var(--color-success)}.attached-files-row{display:flex;flex-wrap:wrap;gap:4px}.file-tag-badge{font-size:.65rem;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);padding:2px 6px;border-radius:4px;display:flex;align-items:center;gap:4px}.transaction-form-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px;box-shadow:var(--shadow-md);align-self:flex-start}.transaction-form-card h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;text-align:center}.cashbook-form{display:flex;flex-direction:column;gap:16px}.form-toggle-switch{display:flex;background-color:var(--bg-tertiary);padding:4px;border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.toggle-btn{flex:1;text-align:center;padding:8px 0;font-size:.8rem;font-weight:600;color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;justify-content:center;align-items:center}.hidden-radio{display:none}.toggle-btn.active{background-color:var(--bg-secondary);box-shadow:var(--shadow-sm)}.active-expense{color:var(--color-danger)}.active-income{color:var(--color-success)}.form-group label{font-size:.775rem;font-weight:600;color:var(--text-secondary)}.text-right-label{text-align:right}.money-input-wrapper{display:flex;align-items:center;border-bottom:2px solid var(--border-color);padding-bottom:4px;transition:border-color var(--transition-fast)}.money-input-wrapper:focus-within{border-color:var(--color-primary)}.currency-prefix{font-size:1.25rem;font-weight:700;color:var(--text-muted);margin-right:8px}.giant-money-input{background:transparent;border:none;outline:none;font-size:1.6rem;font-weight:700;color:var(--text-primary);width:100%;text-align:right;padding:0}.giant-money-input::placeholder{color:var(--text-muted)}.form-row-taxes{display:flex;gap:12px;align-items:center}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-control{padding:8px 12px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.85rem;outline:none;transition:border-color var(--transition-fast);width:100%}.form-control:focus{border-color:var(--color-primary)}.checkbox-control-wrapper{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer;height:38px;padding-top:14px}.checkbox-input{width:16px;height:16px;cursor:pointer}.payment-summary-block{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:14px;box-shadow:var(--shadow-sm)}.payment-summary-block h5{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:8px}.summary-lines{display:flex;flex-direction:column;gap:6px}.summary-line{display:flex;justify-content:space-between;font-size:.8rem;color:#cbd5e1}.text-blue{color:#93c5fd}.text-orange{color:#fdba74}.summary-divider{height:1px;background-color:#334155;margin:6px 0}.total-line{font-weight:700;color:#fff;align-items:flex-end}.net-total-value{font-size:1.2rem;color:#fff}.compliance-checklist-block{background-color:var(--color-primary-hover);background-opacity:.05;background-color:#4f46e50a;border:1px solid rgba(79,70,229,.15);border-radius:var(--border-radius-md);padding:14px}.checklist-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.checklist-title-row h5{font-size:.8rem;font-weight:700;color:var(--text-primary)}.tax-requirement-label{font-size:.65rem;font-weight:700;text-transform:uppercase;background-color:#4f46e51f;color:var(--color-primary);padding:2px 6px;border-radius:4px}.checklist-subtext{font-size:.725rem;color:var(--text-secondary);margin-bottom:12px}.checklist-items{display:flex;flex-direction:column;gap:8px}.document-upload-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:var(--border-radius-sm);padding:8px 12px;transition:all var(--transition-fast)}.document-upload-row.highlight-required{background-color:var(--color-warning-bg);border-color:#f59e0b40}.document-upload-row.uploaded{background-color:var(--color-success-bg);border-color:#10b98140}.doc-meta-info{display:flex;flex-direction:column;gap:4px;flex:1;overflow:hidden;padding-right:8px}.doc-name{font-size:.775rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:4px}.badge-required{font-size:.55rem;font-weight:700;text-transform:uppercase;background-color:#fee2e2;color:var(--color-danger);padding:1px 4px;border-radius:3px}.badge-optional{font-size:.55rem;font-weight:500;text-transform:uppercase;color:var(--text-muted)}.file-uploaded-display{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;color:var(--color-success)}.uploaded-filename{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.remove-uploaded-file-btn{background:transparent;border:none;color:var(--color-danger);cursor:pointer;padding:2px;display:flex;align-items:center}.remove-uploaded-file-btn:hover{background-color:#ef44441a;border-radius:3px}.upload-trigger-btn-container{flex-shrink:0}.custom-upload-label{display:flex;align-items:center;gap:4px;font-size:.725rem;font-weight:700;background-color:#4f46e514;border:1px solid rgba(79,70,229,.15);color:var(--color-primary);padding:4px 8px;border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.custom-upload-label:hover{background-color:var(--color-primary);color:#fff}.hidden-file-input{display:none}.btn-submit-txn{background-color:var(--color-primary);color:#fff;border:none;font-size:.9rem;font-weight:700;padding:12px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast)}.btn-submit-txn:hover{background-color:#1f2937}.cashbook-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.cashbook-modal-card{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);width:90%;max-width:760px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;animation:modal-enter .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes modal-enter{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.modal-title-row{display:flex;align-items:center;gap:8px}.modal-header h3{font-size:1rem;font-weight:800;color:var(--text-primary)}.close-modal-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.close-modal-btn:hover{color:var(--color-danger)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;min-height:0}.txn-details-box{background-color:#4f46e50a;border:1px solid rgba(79,70,229,.15);border-radius:var(--border-radius-md);padding:14px}.details-header-row{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-bottom:8px}.details-tax-line{display:flex;justify-content:space-between;font-size:.75rem;margin-top:4px}.details-divider{height:1px;background-color:#4f46e526;margin:10px 0}.details-total-row{display:flex;justify-content:space-between;font-weight:700;font-size:.85rem;color:var(--text-primary);align-items:flex-end}.details-net-value{font-size:1.3rem;color:var(--text-primary)}.details-info-lines{margin-top:14px;display:flex;flex-direction:column;gap:4px}.info-partner-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.info-reason-desc{font-size:.85rem;color:var(--text-secondary)}.info-category-tag{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.attachments-title{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin-top:4px}.empty-attachments-msg{text-align:center;font-size:.8rem;color:var(--text-muted);background-color:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--border-radius-sm);padding:16px}.attachments-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.attachment-item-card{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:10px 12px;border-radius:var(--border-radius-sm);transition:border-color var(--transition-fast)}.attachment-item-card:hover{border-color:var(--color-primary)}.attachment-meta{display:flex;align-items:center;gap:10px;overflow:hidden}.attachment-icon-wrapper{background-color:#4f46e514;border:1px solid rgba(79,70,229,.15);color:var(--color-primary);padding:6px;border-radius:8px;display:flex;align-items:center}.attachment-names{display:flex;flex-direction:column;overflow:hidden}.attachment-doc-title{font-size:.8rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-file-subtitle{font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-attachment-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.725rem;font-weight:700;padding:6px 12px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;align-items:center;gap:4px;transition:all var(--transition-fast)}.download-attachment-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.form-modal-card{width:calc(100% - 40px);max-width:1200px;height:auto;max-height:calc(100vh - 40px);display:flex;flex-direction:column;animation:modal-enter .25s cubic-bezier(.16,1,.3,1) forwards}.cashbook-form-modal-body{flex:1;min-height:0;overflow-y:auto;padding:24px}.cashbook-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.form-grid-column{display:flex;flex-direction:column}@media(max-width:768px){.cashbook-form-grid{grid-template-columns:1fr;gap:12px}}.add-txn-btn{display:flex;align-items:center;gap:8px;background-color:var(--color-primary, #4f46e5);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-md);font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.add-txn-btn:hover{background-color:var(--color-primary-hover, #4338ca);transform:translateY(-1px)}.add-txn-btn:active{transform:translateY(0)}.export-txn-btn{display:flex;align-items:center;gap:6px;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 14px;border-radius:var(--border-radius-md);font-weight:700;font-size:.82rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);flex-shrink:0}.export-txn-btn:hover{background-color:var(--bg-tertiary);border-color:var(--text-muted);transform:translateY(-1px)}.export-txn-btn:active{transform:translateY(0)}.custom-dropdown-container{position:relative;display:inline-block;z-index:50}.custom-dropdown-trigger{display:flex;align-items:center;gap:8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:8px 16px;border-radius:var(--border-radius-md);font-size:.85rem;font-weight:600;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);outline:none;transition:all var(--transition-fast)}.custom-dropdown-trigger:hover{border-color:var(--color-primary)}.custom-dropdown-trigger .arrow-icon{margin-left:4px;transition:transform var(--transition-fast);color:var(--text-secondary)}.custom-dropdown-trigger .arrow-icon.open{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:210px;padding:4px 0;display:flex;flex-direction:column;animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{padding:10px 16px;font-size:.825rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);text-align:left}.dropdown-option:hover{background-color:var(--bg-tertiary);color:var(--color-primary)}.dropdown-option.active{background-color:#4f46e50f;color:var(--color-primary)}.active-filter-banner{background-color:var(--color-danger-bg);border:1px solid rgba(239,68,68,.15);padding:10px 16px;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;color:var(--color-danger);margin-bottom:16px;animation:filter-banner-slide .2s ease-out}@keyframes filter-banner-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.clear-filter-btn{background:transparent;border:none;color:var(--color-danger);font-weight:700;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:background-color var(--transition-fast)}.clear-filter-btn:hover{background-color:#ef444414}.preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.preview-modal-card{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);width:90%;max-width:900px;height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);overflow:hidden;animation:modal-enter .25s cubic-bezier(.16,1,.3,1) forwards}.preview-modal-card .modal-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:16px 20px;color:var(--text-primary)}.preview-modal-card .modal-header h3{color:var(--text-primary);font-size:1rem}.preview-modal-card .close-modal-btn{color:var(--text-secondary);background:transparent;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all var(--transition-fast)}.preview-modal-card .close-modal-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:rotate(90deg)}.preview-modal-body{flex:1;background-color:#0f172a;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.preview-image-wrapper{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;background-color:#1e293b;border-radius:var(--border-radius-md);padding:10px;box-shadow:var(--shadow-lg)}.preview-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--border-radius-sm)}.preview-pdf-iframe{width:100%;height:100%;border:none;background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg)}.preview-unsupported{text-align:center;color:#94a3b8}.preview-modal-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:12px 20px;display:flex;justify-content:flex-end}.btn-close-preview{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:.825rem;font-weight:600;padding:8px 20px;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-close-preview:hover{background-color:var(--border-color);border-color:var(--text-secondary);transform:translateY(-1px)}.cashbook-modal-two-columns{display:grid;grid-template-columns:7fr 3fr;gap:24px;align-items:stretch}.modal-left-column,.modal-right-column{display:flex;flex-direction:column}@media(max-width:768px){.cashbook-modal-two-columns{grid-template-columns:1fr;gap:16px}}.timeline-delete-btn{background-color:var(--color-danger-bg, #fee2e2);border:1px solid rgba(239,68,68,.15);color:var(--color-danger, #ef4444);padding:6px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.timeline-delete-btn:hover{background-color:var(--color-danger, #ef4444);color:#fff;border-color:var(--color-danger, #ef4444);transform:scale(1.08)}.view-original-payroll-btn{margin-top:12px;padding:8px 16px;background-color:#4f46e514;border:1px solid rgba(79,70,229,.15);border-radius:6px;font-size:.75rem;font-weight:700;color:var(--color-primary, #4f46e5);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:max-content;transition:all var(--transition-fast)}.view-original-payroll-btn:hover{background-color:var(--color-primary, #4f46e5);color:#fff;border-color:var(--color-primary, #4f46e5);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.preview-attachment-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.preview-attachment-btn:hover{background-color:var(--bg-tertiary);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px)}.attachment-actions{display:flex;gap:8px}.download-attachment-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--border-radius-sm);border:1px solid var(--color-primary);background-color:transparent;color:var(--color-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.download-attachment-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px)}.close-modal-btn{transition:all var(--transition-fast)}.close-modal-btn:hover{color:var(--color-danger);transform:rotate(90deg)}.add-category-modal-card{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);width:90%;max-width:480px;box-shadow:var(--shadow-2xl);overflow:hidden;animation:modal-enter .25s cubic-bezier(.16,1,.3,1) forwards}.ins-calc-root{display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto;padding-bottom:24px}.ins-calc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:200px;color:var(--text-secondary)}.ins-calc-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px 24px}.ins-calc-title{display:flex;align-items:center;gap:10px;margin-bottom:6px}.ins-calc-title h2{font-size:1.15rem;font-weight:700}.ins-calc-icon{color:#818cf8;flex-shrink:0}.ins-calc-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0;padding-left:34px}.ins-calc-layout{display:grid;grid-template-columns:420px 1fr;gap:20px;align-items:start}@media(max-width:1100px){.ins-calc-layout{grid-template-columns:1fr}}.ins-calc-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.ins-calc-panel:hover{box-shadow:0 8px 30px #00000014}.ins-panel-header{display:flex;align-items:center;gap:10px;padding:16px 24px;background:linear-gradient(to right,#818cf81a,#a78bfa0d);border-bottom:1px solid var(--border-color);font-size:1rem;font-weight:700;color:var(--text-primary)}.ins-panel-header svg{color:#818cf8;flex-shrink:0}.ins-calc-config-panel{padding:20px}.ins-config-grid{display:flex;flex-direction:column;gap:20px;margin-top:16px}.ins-config-section{padding-bottom:16px;border-bottom:1px solid var(--border-color)}.ins-config-section:last-child{border-bottom:none;padding-bottom:0}.ins-config-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:12px}.ins-form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.ins-form-group:last-child{margin-bottom:0}.ins-form-group label{font-size:.8rem;font-weight:600;color:var(--text-primary)}.ins-input-with-suffix{display:flex;align-items:center;gap:0;position:relative}.ins-input-with-suffix input{flex:1;padding:10px 48px 10px 14px;border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease;font-size:.95rem;background:var(--bg-primary)}.ins-input-with-suffix input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833;outline:none}.ins-input-suffix{position:absolute;right:12px;font-size:.8rem;font-weight:600;color:var(--text-secondary);pointer-events:none;background:transparent}.ins-input-row{display:flex;align-items:center;gap:8px}.ins-input-row input{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease;font-size:.95rem;background:var(--bg-primary);color:var(--text-primary)}.ins-input-row input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833;outline:none}.ins-input-label-inline{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.ins-input-small{width:80px!important;flex:0 0 80px!important}.ins-input-lg{font-size:1rem!important;font-weight:600}.ins-hint{font-size:.72rem;color:var(--text-secondary);font-style:italic}.ins-cap-preview{font-size:.78rem;color:#818cf8;font-weight:600;margin-top:2px}.ins-rate-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.ins-select{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all .2s ease}.ins-select:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.ins-config-actions{margin-top:16px;display:flex;justify-content:flex-end}.ins-btn-ins{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.ins-btn-ins:disabled{opacity:.6;cursor:not-allowed}.ins-btn-ins:not(:disabled):hover{opacity:.85}.ins-calc-calc-panel{padding:20px}.ins-calc-form{margin-top:16px;display:flex;flex-direction:column;gap:16px}.ins-calc-form-actions{display:flex;gap:10px;align-items:center}.ins-btn-calc{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:12px 24px;font-size:.95rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #6366f14d}.ins-btn-calc:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.ins-btn-calc:active{transform:translateY(1px)}.ins-btn-secondary{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:transparent;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.ins-btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ins-warning-box{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--border-radius);color:#92400e;font-size:.8rem;margin-top:4px}.ins-result{margin-top:24px;display:flex;flex-direction:column;gap:16px}.ins-result-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.ins-result-badge{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--border-radius);font-size:.8rem}.ins-result-badge svg{flex-shrink:0}.ins-result-badge span{opacity:.8}.ins-result-badge strong{font-size:1.1rem;font-weight:700}.ins-badge-employee{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.ins-badge-employer{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.ins-badge-total{background:#818cf8;border:1px solid #818cf8;color:#fff}.ins-cap-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--border-radius);color:#9a3412;font-size:.8rem;line-height:1.5}.ins-cap-warning svg{flex-shrink:0;margin-top:2px;color:#ea580c}.ins-result-detail{display:flex;flex-direction:column;gap:12px}.ins-result-table{width:100%;border-collapse:collapse;font-size:.85rem}.ins-result-table th{background:var(--bg-tertiary);padding:10px 12px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:2px solid var(--border-color);text-align:left}.ins-result-table th:not(:first-child){text-align:right}.ins-result-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.ins-result-table tfoot td{border-bottom:none;border-top:2px solid var(--border-color);padding-top:12px;background:var(--bg-tertiary)}.ins-total-label{font-weight:700;text-transform:uppercase;font-size:.8rem;color:var(--text-secondary)}.ins-employee-cell{color:#1e40af;font-weight:600}.ins-employer-cell{color:#166534;font-weight:600}.ins-total-employee{color:#1e40af!important;font-size:.95rem}.ins-total-employer{color:#166534!important;font-size:.95rem}.ins-bh-tag{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.ins-bh-tag.bhxh{background:#dbeafe;color:#1e40af}.ins-bh-tag.bhyt{background:#dcfce7;color:#166534}.ins-bh-tag.bhtn{background:#fef3c7;color:#92400e}.ins-salary-info{display:flex;flex-direction:column;gap:4px}.spinner-xs{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{display:inline-block;width:20px;height:20px;border:2px solid rgba(129,140,248,.3);border-top-color:#818cf8;border-radius:50%;animation:spin .7s linear infinite}.text-red{color:var(--color-danger)}.text-right{text-align:right!important}.text-orange{color:#ea580c!important}[data-theme=dark] .ins-calc-header,[data-theme=dark] .ins-calc-panel,[data-theme=dark] .ins-calc-config-panel,[data-theme=dark] .ins-calc-calc-panel{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .ins-panel-header{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .ins-input-with-suffix input,[data-theme=dark] .ins-form-group input,[data-theme=dark] .ins-form-group select{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .ins-input-suffix{background:var(--bg-tertiary)!important;color:var(--text-secondary)!important}[data-theme=dark] .ins-calc-panel input:disabled,[data-theme=dark] .ins-calc-panel select:disabled{background-color:#ffffff0d!important;color:var(--text-secondary)!important}.ca-container{padding:24px;max-width:1200px;margin:0 auto}.ca-header{margin-bottom:24px}.ca-title{font-size:20px;font-weight:700;color:var(--text-primary, #111827);margin:0 0 4px}.ca-subtitle{font-size:13px;color:var(--text-muted, #6b7280);margin:0}.ca-controls{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:16px;margin-bottom:20px}.ca-controls-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.ca-control-group{display:flex;flex-direction:column;gap:4px;min-width:200px;flex:1}.ca-label{font-size:12px;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px}.ca-input,.ca-select{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:14px;background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #111827);outline:none;transition:border-color .2s}.ca-input:focus,.ca-select:focus{border-color:var(--primary, #3b82f6)}.ca-select--sm{padding:4px 8px;font-size:13px;min-width:unset}.ca-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;white-space:nowrap}.ca-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ca-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ca-spin{animation:ca-spin 1s linear infinite}@keyframes ca-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ca-summary{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.ca-summary-card{display:flex;align-items:center;gap:12px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:14px 18px;flex:1;min-width:140px}.ca-summary-icon{color:var(--text-muted, #6b7280)}.ca-summary-num{font-size:22px;font-weight:700;color:var(--text-primary, #111827);line-height:1}.ca-summary-label{font-size:12px;color:var(--text-muted, #6b7280);margin-top:2px}.ca-stat-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-left:3px solid var(--ca-color, #6b7280);border-radius:12px;padding:14px 18px;text-align:center;flex:1;min-width:140px}.ca-stat-count{font-size:28px;font-weight:700;line-height:1}.ca-stat-label{font-size:11px;color:var(--text-muted, #6b7280);margin-top:4px}.ca-rule-breakdown{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:16px;margin-bottom:20px}.ca-section-heading{font-size:13px;font-weight:600;color:var(--text-primary, #111827);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.ca-rule-grid{display:flex;flex-wrap:wrap;gap:8px}.ca-rule-item{display:flex;align-items:center;gap:8px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:6px 12px}.ca-rule-name{font-size:13px;color:var(--text-primary, #111827)}.ca-rule-count{background:var(--primary, #3b82f6);color:#fff;border-radius:10px;font-size:11px;font-weight:700;padding:1px 7px}.ca-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:10px 14px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px}.ca-filter-group{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted, #6b7280)}.ca-filter-count{margin-left:auto;font-size:13px;color:var(--text-muted, #6b7280);font-weight:500}.ca-results{display:flex;flex-direction:column;gap:16px}.ca-group{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;overflow:hidden}.ca-group-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb)}.ca-group-name{font-size:13px;font-weight:600;color:var(--text-primary, #111827)}.ca-group-count{font-size:12px;color:var(--text-muted, #6b7280);margin-left:auto}.ca-violation-list{display:flex;flex-direction:column}.ca-violation{border-bottom:1px solid var(--border-color, #e5e7eb);transition:background .15s}.ca-violation:last-child{border-bottom:none}.ca-violation:hover{background:var(--bg-secondary, #f9fafb)}.ca-violation--high{border-left:3px solid #ef4444}.ca-violation--medium{border-left:3px solid #f59e0b}.ca-violation--low{border-left:3px solid #3b82f6}.ca-violation__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;gap:12px}.ca-violation__left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ca-violation__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.ca-violation__meta{padding:0 16px 8px;font-size:12px;color:var(--text-muted, #6b7280)}.ca-violation__body{padding:0 16px 16px;border-top:1px solid var(--border-color, #e5e7eb);display:flex;flex-direction:column;gap:12px}.ca-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.ca-rule-tag{display:inline-flex;align-items:center;padding:2px 8px;background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827);border-radius:6px;font-size:12px;font-weight:500;border:1px solid var(--border-color, #e5e7eb)}.ca-category-tag{display:inline-flex;align-items:center;padding:2px 8px;background:#f0fdf4;color:#15803d;border-radius:6px;font-size:11px;font-weight:500;border:1px solid #bbf7d0}.ca-emp-name{font-size:13px;font-weight:600;color:var(--text-primary, #111827)}.ca-detail-text{font-size:13px;color:var(--text-primary, #111827);line-height:1.5;padding:8px 10px;background:var(--bg-secondary, #f9fafb);border-radius:6px;border-left:3px solid var(--border-color, #e5e7eb)}.ca-value-row{display:flex;align-items:center;gap:6px;font-size:13px;flex-wrap:wrap}.ca-value-label{font-weight:600;color:var(--text-muted, #6b7280)}.ca-value-num{font-weight:700;font-size:14px}.ca-value-sep{color:var(--text-muted, #6b7280)}.ca-value-threshold{font-weight:600;color:var(--text-primary, #111827)}.ca-value-limit{font-size:12px;color:var(--text-muted, #6b7280)}.ca-section{display:flex;flex-direction:column;gap:6px}.ca-section-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px}.ca-legal-ref{font-size:13px;color:var(--text-primary, #111827);line-height:1.5;padding:6px 10px;background:#eff6ff;border-radius:6px;border-left:3px solid #3b82f6;font-style:italic}.ca-action{font-size:13px;color:var(--text-primary, #111827);line-height:1.5;padding:6px 10px;background:#f0fdf4;border-radius:6px;border-left:3px solid #22c55e}.ca-meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.ca-meta-item{display:flex;flex-direction:column;gap:2px}.ca-meta-key{font-size:11px;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.3px}.ca-meta-val{font-size:13px;color:var(--text-primary, #111827);font-weight:500;font-family:monospace}.ca-ai-summary{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:12px;padding:14px 16px;margin-top:20px}.ca-ai-summary-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--primary, #3b82f6);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.ca-ai-summary-text{font-size:13px;color:var(--text-primary, #111827);line-height:1.6;margin:0}.ca-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;text-align:center}.ca-empty p{margin:0;font-size:14px;color:var(--text-muted, #6b7280)}.ca-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;padding:64px 24px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;text-align:center}.ca-placeholder-text{font-size:14px;color:var(--text-muted, #6b7280);max-width:400px;margin:0}.ca-placeholder-rules{text-align:left;max-width:560px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:16px 20px;width:100%}.ca-placeholder-rules h4{font-size:13px;font-weight:700;color:var(--text-primary, #111827);margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.ca-placeholder-rules ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.ca-placeholder-rules li{font-size:13px;color:var(--text-primary, #111827);line-height:1.5}.ca-placeholder-rules li strong{color:var(--primary, #3b82f6)}@media(max-width:768px){.ca-container{padding:16px}.ca-summary,.ca-controls-row{flex-direction:column}.ca-control-group{min-width:unset}}[data-theme=dark] .ca-container{background:#0f172a;color:#e2e8f0}[data-theme=dark] .ca-title{color:#f1f5f9}[data-theme=dark] .ca-subtitle{color:#94a3b8}[data-theme=dark] .ca-summary-card{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .ca-summary-icon{opacity:.9}[data-theme=dark] .ca-filter-bar{background:#1e293b;border-color:#334155}[data-theme=dark] .ca-filter-group label{color:#94a3b8}[data-theme=dark] .ca-filter-select{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .ca-filter-count{color:#94a3b8}[data-theme=dark] .ca-group-header{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .ca-item{background:#1e293b;border-color:#334155}[data-theme=dark] .ca-item:hover{background:#273548}[data-theme=dark] .ca-rule-badge{background:#334155;color:#e2e8f0}[data-theme=dark] .ca-rule-name{color:#e2e8f0}[data-theme=dark] .ca-severity-badge{border-color:#334155}[data-theme=dark] .ca-severity-high,[data-theme=dark] .ca-severity-medium,[data-theme=dark] .ca-severity-low{border-color:transparent}[data-theme=dark] .ca-meta-key{color:#94a3b8}[data-theme=dark] .ca-meta-val{color:#e2e8f0}[data-theme=dark] .ca-action-box{background:#0f172a;border-color:#334155}[data-theme=dark] .ca-action-box h4{color:#f1f5f9}[data-theme=dark] .ca-action-box p{color:#94a3b8}[data-theme=dark] .ca-btn-primary{background:#3b82f6;color:#fff}[data-theme=dark] .ca-btn-primary:hover{background:#2563eb}[data-theme=dark] .ca-btn-secondary{background:#334155;color:#e2e8f0;border-color:#475569}[data-theme=dark] .ca-btn-secondary:hover{background:#475569}[data-theme=dark] .ca-btn-export{background:#334155;color:#e2e8f0;border-color:#475569}[data-theme=dark] .ca-btn-export:hover{background:#475569}[data-theme=dark] .ca-section-title{color:#f1f5f9}[data-theme=dark] .ca-section-divider{border-color:#334155}[data-theme=dark] .ca-rule-item{background:#1e293b;border-color:#334155}[data-theme=dark] .ca-void-reason{background:#0f172a;border-color:#334155;color:#94a3b8}[data-theme=dark] .ca-legend-item,[data-theme=dark] .ca-empty-state{color:#94a3b8}[data-theme=dark] .ca-meta-key{color:#64748b}[data-theme=dark] .ca-meta-val,[data-theme=dark] .ca-severity-badge span{color:#e2e8f0}[data-theme=dark] .ca-legal-text,[data-theme=dark] .ca-recommend{color:#cbd5e1}[data-theme=dark] .ca-recommend strong{color:#e2e8f0}[data-theme=dark] .ca-btn-text{color:#94a3b8}[data-theme=dark] .ca-btn-text:hover{color:#e2e8f0}[data-theme=dark] .ca-ai-summary{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}[data-theme=dark] .ca-ai-summary p{color:#cbd5e1}[data-theme=dark] .ca-void-reason p,[data-theme=dark] .ca-item-meta{color:#94a3b8}[data-theme=dark] .ca-description{color:#cbd5e1}[data-theme=dark] .ca-employee-link{color:#93c5fd}[data-theme=dark] .ca-employee-link:hover{color:#bfdbfe}[data-theme=dark] .ca-employee-name{color:#e2e8f0}[data-theme=dark] .ca-legal-ref{background:#3b82f626!important;color:#93c5fd!important;border-left-color:#3b82f6!important}[data-theme=dark] .ca-action{background:#22c55e26!important;color:#86efac!important;border-left-color:#22c55e!important}[data-theme=dark] .ca-container,[data-theme=dark] .ca-card,[data-theme=dark] .ca-item,[data-theme=dark] .ca-meta-grid{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .ca-meta-item{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important}[data-theme=dark] .ca-meta-key{color:var(--text-secondary)!important}[data-theme=dark] .ca-meta-val{color:var(--text-primary)!important}[data-theme=dark] .ca-value-row{background:var(--bg-tertiary)!important}.dt-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.dt-header{padding:20px 24px 16px;flex-shrink:0;border-bottom:1px solid var(--border-color)}.dt-layout{display:flex;flex:1;overflow:hidden;gap:0}.dt-sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.dt-btn-new{width:100%;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;border-radius:6px;border:1px dashed var(--border-color);background:transparent;color:var(--primary);cursor:pointer}.dt-btn-new:hover{background:#4f46e50d;border-color:var(--primary)}.dt-search-wrap{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-muted)}.dt-search{border:none;outline:none;background:transparent;font-size:12px;color:var(--text-primary);width:100%}.dt-saved-list{flex:1;overflow-y:auto;padding:8px}.dt-saved-item{display:flex;align-items:flex-start;gap:6px;padding:8px;border-radius:6px;cursor:pointer;margin-bottom:2px;transition:background .15s}.dt-saved-item:hover{background:var(--bg-tertiary)}.dt-saved-item.active{background:#4f46e51a}.dt-saved-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-saved-meta{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-saved-date{font-size:10px;color:var(--text-muted);margin-top:2px}.dt-saved-delete{flex-shrink:0;padding:2px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:4px}.dt-saved-delete:hover{color:#dc2626;background:#dc26261a}.dt-main{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.dt-type-tabs{display:flex;gap:0;padding:12px 20px 0;border-bottom:1px solid var(--border-color);flex-shrink:0}.dt-type-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:6px 6px 0 0}.dt-type-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.dt-type-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.dt-content-grid{display:grid;grid-template-columns:320px 1fr;gap:20px;padding:20px;flex:1;min-height:0;overflow:hidden;align-items:start}.dt-form-panel{overflow-y:auto;min-height:0}.dt-form-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.dt-form-field{margin-bottom:14px}.dt-form-field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:var(--text-primary)}.dt-select,.dt-input,.dt-textarea{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;outline:none;background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;font-family:inherit}.dt-input{cursor:pointer}.dt-textarea{resize:vertical}.dt-radio-group{display:flex;gap:16px}.dt-radio{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;color:var(--text-primary)}.dt-checkbox-group{display:flex;flex-direction:column;gap:6px}.dt-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;color:var(--text-primary)}.dt-error{padding:8px 12px;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:6px;color:#dc2626;font-size:12px;margin-bottom:12px}.dt-btn-primary{width:100%;padding:10px;font-size:13px;font-weight:600;border-radius:6px;border:none;background:var(--primary);color:#fff;cursor:pointer}.dt-btn-primary:disabled{opacity:.6;cursor:not-allowed}.dt-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.dt-result-panel{overflow-y:auto;min-height:0}.dt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--text-muted);text-align:center;font-size:13px}.dt-result{display:flex;flex-direction:column;gap:14px}.dt-result-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#d977061a;border:1px solid rgba(217,119,6,.3);border-radius:8px;font-size:14px;font-weight:600;color:#92400e}.dt-summary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.dt-summary-card{padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.dt-summary-warm{background:#fde68a14;border-color:#fde68a4d}.dt-summary-green{background:#dcfce714;border-color:#dcfce74d}.dt-summary-label{font-size:10px;font-weight:700;color:var(--text-muted);margin-bottom:3px}.dt-summary-value{font-size:14px;font-weight:700;color:var(--text-primary)}.dt-summary-sub{font-size:10px;color:var(--text-muted);margin-top:2px;line-height:1.4}.dt-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 14px}.dt-section-title{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.dt-step-card{display:flex;gap:8px;margin-bottom:8px;padding:8px;background:var(--bg-tertiary);border-radius:6px}.dt-step-card:last-child{margin-bottom:0}.dt-step-number{width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.dt-step-content{flex:1}.dt-step-header{display:flex;align-items:center;gap:6px;margin-bottom:3px;flex-wrap:wrap}.dt-phase-badge{font-size:9px;font-weight:700;color:#fff;background:#d97706;padding:1px 5px;border-radius:3px}.dt-step-title{font-size:12px;font-weight:600;color:var(--text-primary)}.dt-step-desc{font-size:11px;color:var(--text-muted)}.dt-step-legal{font-size:10px;color:#4f46e5;margin-top:3px;font-style:italic}.dt-step-docs{margin-top:3px;display:flex;flex-wrap:wrap;gap:3px}.dt-doc-tag{font-size:9px;padding:1px 5px;background:#eef2ff;color:#4f46e5;border-radius:3px}.dt-doc-item{display:flex;align-items:flex-start;gap:7px;padding:5px 0;border-bottom:1px solid var(--border-color);font-size:12px;color:var(--text-primary)}.dt-doc-item:last-child{border-bottom:none}.dt-doc-item svg{color:#4f46e5;flex-shrink:0;margin-top:2px}.dt-mistake{padding:6px 10px;background:#fee2e280;border-left:3px solid #dc2626;border-radius:0 4px 4px 0;font-size:11px;color:#991b1b;margin-bottom:3px}.dt-appeal{padding:10px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px}.dt-appeal-title{font-size:10px;font-weight:700;color:#1e40af;margin-bottom:4px}.dt-sc-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border-color);font-size:12px}.dt-sc-row:last-child{border-bottom:none}.dt-sc-label{color:var(--text-muted)}.dt-sc-value{font-weight:600;color:var(--text-primary)}.dt-result-footer{display:flex;gap:10px;align-items:center;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:10px}.dt-name-input{flex:1;padding:7px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:12px;background:var(--bg-primary);color:var(--text-primary);outline:none}.dt-btn-save{display:flex;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;border-radius:6px;border:none;background:#16a34a;color:#fff;cursor:pointer;white-space:nowrap}.dt-btn-save:disabled{opacity:.6;cursor:not-allowed}.dt-btn-save:hover:not(:disabled){background:#15803d}[data-theme=dark] .dt-container{background:#0f172a}[data-theme=dark] .dt-header{border-color:#334155}[data-theme=dark] .dt-title{color:#f1f5f9}[data-theme=dark] .dt-subtitle{color:#94a3b8}[data-theme=dark] .dt-sidebar{background:#1e293b;border-color:#334155}[data-theme=dark] .dt-type-tab{color:#64748b}[data-theme=dark] .dt-type-tab:hover{color:#e2e8f0;background:#1e293b}[data-theme=dark] .dt-type-tab.active{color:#818cf8;border-bottom-color:#818cf8}[data-theme=dark] .dt-content-grid{background:#0f172a}[data-theme=dark] .dt-form-card{background:#1e293b;border-color:#334155}[data-theme=dark] .dt-select,[data-theme=dark] .dt-input,[data-theme=dark] .dt-textarea{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .dt-search-wrap{background:#0f172a;border-color:#334155;color:#64748b}[data-theme=dark] .dt-search{color:#e2e8f0}[data-theme=dark] .dt-saved-item:hover{background:#0f172a}[data-theme=dark] .dt-saved-item.active{background:#818cf826}[data-theme=dark] .dt-summary-card{background:#1e293b;border-color:#334155}[data-theme=dark] .dt-summary-value{color:#e2e8f0}[data-theme=dark] .dt-section{background:#1e293b;border-color:#334155}[data-theme=dark] .dt-section-title{color:#f1f5f9}[data-theme=dark] .dt-step-card{background:#0f172a}[data-theme=dark] .dt-step-title{color:#e2e8f0}[data-theme=dark] .dt-step-desc{color:#94a3b8}[data-theme=dark] .dt-doc-item{color:#e2e8f0;border-color:#334155}[data-theme=dark] .dt-doc-tag{background:#1e293b;color:#93c5fd}[data-theme=dark] .dt-mistake{background:#7f1d1d66;color:#fca5a5}[data-theme=dark] .dt-appeal{background:#1e3a8a4d;border-color:#1e3a8a}[data-theme=dark] .dt-appeal-title{color:#93c5fd}[data-theme=dark] .dt-result-footer{background:#1e293b;border-color:#334155}[data-theme=dark] .dt-name-input{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .dt-btn-new{color:#818cf8;border-color:#334155}[data-theme=dark] .dt-btn-new:hover{background:#818cf81a;border-color:#818cf8}[data-theme=dark] .dt-result-header{background:#92400e4d;border-color:#92400e66;color:#fde68a}[data-theme=dark] .dt-empty{color:#64748b}.workspace-select-container{display:flex;flex-direction:column;gap:14px;margin-top:10px;width:100%}.workspace-select-title{font-size:1.15rem;font-weight:700;color:var(--color-primary);text-align:center;margin:0 0 4px;display:flex;align-items:center;justify-content:center;gap:8px}.workspace-select-desc{font-size:.825rem;color:var(--text-secondary);text-align:center;margin:0 0 10px;line-height:1.4}.workspace-list{display:flex;flex-direction:column;gap:8px;max-height:212px;overflow-y:auto;padding:6px;margin:-6px}.workspace-select-btn{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:12px;border:1px solid var(--border-color, #e2e8f0);background:linear-gradient(135deg,var(--bg-tertiary, #f8fafc) 0%,var(--bg-secondary, #ffffff) 100%);color:var(--text-primary, #0f172a);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:600;text-align:left;box-shadow:0 2px 4px #00000005}.workspace-select-btn:hover{border-color:var(--color-primary, #4f46e5);background:linear-gradient(135deg,#4f46e50a,#4f46e503);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e514}.workspace-item-left{display:flex;align-items:center;gap:12px}.workspace-icon-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background-color:#4f46e514;color:var(--color-primary, #4f46e5);flex-shrink:0;transition:all .25s ease}.workspace-select-btn:hover .workspace-icon-avatar{background-color:var(--color-primary, #4f46e5);color:#fff}.workspace-name-info{font-size:.925rem;font-weight:700;color:var(--text-primary, #0f172a)}.workspace-role-info{margin-top:2px;display:flex}.role-badge-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:.68rem;font-weight:600}.role-badge-pill.admin{background-color:#4f46e514;color:var(--color-primary, #4f46e5)}.role-badge-pill.employee{background-color:#10b98114;color:#10b981}.workspace-enter-arrow{font-size:.8rem;color:var(--text-secondary, #64748b);font-weight:700;transition:all .25s ease}.workspace-select-btn:hover .workspace-enter-arrow{transform:translate(4px);color:var(--color-primary, #4f46e5)}.workspace-back-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;margin-top:10px;border-radius:8px;border:1px solid var(--border-color, #e2e8f0);background-color:transparent;color:var(--text-secondary, #64748b);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease}.workspace-back-btn:hover{background-color:#64748b0d;color:var(--text-primary, #0f172a);border-color:#cbd5e1}.auth-grid-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left;margin-bottom:20px}@media(max-width:600px){.auth-grid-inputs{grid-template-columns:1fr;gap:12px}}.auth-form-column{display:flex;flex-direction:column;gap:12px}.auth-section-title{font-size:.775rem;font-weight:700;color:var(--color-primary);letter-spacing:.05em;margin-bottom:4px}.auth-otp-form{width:100%;text-align:center}.auth-otp-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);text-align:center;margin:0 0 8px}.auth-otp-desc{font-size:.8rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.4}.auth-otp-email{color:var(--text-primary)}.auth-otp-actions{margin-top:14px;display:flex;justify-content:center;gap:12px}.auth-otp-actions button{background:none;border:none;cursor:pointer;font-size:.775rem;font-weight:600}.auth-otp-resend{color:var(--color-primary)}.auth-otp-change{color:var(--text-secondary)}.auth-otp-divider{color:var(--border-color)}.auth-register-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);text-align:center;margin:0 0 20px;display:flex;align-items:center;justify-content:center;gap:8px}.auth-register-back-btn-container{margin-top:14px;text-align:center}.auth-register-back-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.8rem;font-weight:600}.auth-login-register-btn-container{margin-top:16px;text-align:center}.auth-login-register-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.825rem;font-weight:600}.auth-forgot-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.825rem;font-weight:600;padding:0;transition:opacity .2s}.auth-forgot-link:hover{opacity:.8;text-decoration:underline}.auth-divider{display:flex;align-items:center;text-align:center;margin:16px 0;color:var(--text-secondary, #94a3b8);font-size:.75rem;font-weight:600;letter-spacing:.05em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color, #e2e8f0)}.auth-divider:not(:empty):before{margin-right:.5em}.auth-divider:not(:empty):after{margin-left:.5em}.google-btn-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:8px}#google-signin-btn{display:flex;justify-content:center;align-items:center;width:100%}.google-simulated-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px;border-radius:8px;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);cursor:pointer;font-size:.875rem;font-weight:600;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.google-simulated-btn:hover{background-color:var(--bg-tertiary, #f8fafc);border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d;transform:translateY(-1px)}[data-theme=dark] .google-simulated-btn:hover{border-color:var(--border-color);background-color:var(--bg-tertiary)}.google-simulated-btn svg{flex-shrink:0}.sim-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.sim-modal{background-color:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:24px;width:90%;max-width:420px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:scaleUp .25s cubic-bezier(.34,1.56,.64,1)}.sim-modal-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:8px}.sim-modal-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-bottom:20px}.sim-modal-close-btn{background-color:transparent;border:1px solid var(--border-color, #e2e8f0);color:var(--text-secondary);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.sim-modal-close-btn:hover{background-color:var(--bg-tertiary, #f8fafc);color:var(--text-primary)}.sim-modal-submit-btn{background-color:var(--color-primary, #4f46e5);border:none;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.sim-modal-submit-btn:hover{background-color:var(--color-primary-hover, #4338ca)}.sim-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.audit-logs-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px;text-align:left;width:100%;height:calc(100vh - 64px);box-sizing:border-box}.audit-logs-card .saas-table-wrapper{flex:1;max-height:none}.audit-logs-card .saas-loading,.audit-logs-card .empty-audit-logs{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.audit-filter-bar{display:flex;gap:16px;width:100%;flex-wrap:wrap}.audit-filter-bar .search-wrapper{display:flex;align-items:center;gap:10px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:0 14px;flex:1;min-width:250px}.audit-filter-bar .search-wrapper input{border:none;background:none;color:var(--text-primary);width:100%;padding:10px 0;outline:none;font-size:.875rem}.audit-filter-bar .filter-wrapper{display:flex;align-items:center;gap:10px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:0 14px}.audit-filter-bar .filter-select{border:none;background:none;color:var(--text-primary);padding:10px 0;outline:none;font-size:.875rem;cursor:pointer}.refresh-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.refresh-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--color-primary)}.spin{animation:spin-anim 1s linear infinite}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.badge-create{background-color:#10b9811a;color:#10b981}.badge-update{background-color:#3b82f61a;color:#3b82f6}.badge-delete{background-color:#ef44441a;color:#ef4444}.badge-sensitive{background-color:#f59e0b1a;color:#f59e0b}.badge-payroll{background-color:#8b5cf61a;color:#8b5cf6}.badge-default{background-color:var(--bg-tertiary);color:var(--text-secondary)}.cell-flex-container{display:flex;align-items:center;gap:8px}.user-info-cell{align-items:flex-start}.user-info-cell>div{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.table-cell code{background-color:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-size:.8rem}.desc-cell{max-width:300px;word-wrap:break-word;white-space:normal;line-height:1.4}.empty-audit-logs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:12px;color:var(--text-secondary)}.audit-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);flex-wrap:wrap;gap:12px}.audit-pagination-info{font-size:.85rem;color:var(--text-secondary)}.audit-pagination-controls{display:flex;align-items:center;gap:4px}.audit-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--border-radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.audit-page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background-color:#6366f10d}.audit-page-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.audit-page-btn:disabled{opacity:.4;cursor:not-allowed}.audit-page-dots{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:var(--text-muted);font-size:.85rem}.billing-page-container{display:flex;flex-direction:column;gap:24px;padding:8px 4px;animation:fadeIn .35s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.billing-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;color:var(--text-secondary)}.billing-loading-spinner .spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.1);border-radius:50%;border-top-color:var(--primary-color, #6366f1);animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.billing-alert-card{display:flex;gap:16px;padding:16px 20px;border-radius:12px;align-items:flex-start;box-shadow:0 4px 12px #0000000d}.billing-alert-card.expired{background-color:#fef2f2;border:1px solid #fee2e2;color:#991b1b}.billing-alert-card.expired .alert-icon{color:#dc2626;flex-shrink:0}.billing-alert-card.warning{background-color:#fffbef;border:1px solid #fef3c7;color:#92400e}.billing-alert-card.warning .alert-icon{color:#d97706;flex-shrink:0}.alert-text h3{margin:0 0 4px;font-size:16px;font-weight:600}.alert-text p{margin:0;font-size:14px;line-height:1.5}.billing-section-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000005,0 8px 24px #94a3b80d;display:flex;flex-direction:column;gap:20px;transition:border-color .2s,box-shadow .2s}.billing-section-card:hover{box-shadow:0 4px 6px #00000005,0 10px 30px #94a3b814}.section-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:14px;margin-bottom:4px}.title-icon{color:var(--primary-color, #6366f1)}.section-title h2{font-size:18px;font-weight:600;margin:0;color:var(--text-primary, #0f172a)}.billing-dashboard-grid{display:grid;grid-template-columns:300px 1fr;gap:32px}@media(max-width:900px){.billing-dashboard-grid{grid-template-columns:1fr;gap:24px}}.dashboard-status-card{background:linear-gradient(135deg,#6366f10a,#8b5cf605);border:1px dashed rgba(99,102,241,.2);border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px}.status-label{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #64748b);font-weight:500}.plan-badge-large{font-size:20px;font-weight:700;margin:4px 0;padding:8px 16px;border-radius:9999px;display:inline-block;box-shadow:0 4px 10px #00000008}.plan-badge-large.trial{background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.plan-badge-large.basic{background-color:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.plan-badge-large.pro{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none}.status-detail-item{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text-secondary, #64748b)}.detail-icon{color:var(--text-secondary, #64748b)}.dashboard-usage-meters{display:flex;flex-direction:column;justify-content:center;gap:18px}.usage-meter-item{display:flex;flex-direction:column;gap:8px}.meter-header{display:flex;justify-content:space-between;align-items:center}.meter-title{font-size:14px;font-weight:500;color:var(--text-primary, #1e293b);display:flex;align-items:center;gap:6px}.meter-icon{color:#64748b}.meter-value{font-size:13.5px;font-weight:600;color:var(--text-secondary, #475569)}.meter-bar-container{height:8px;background-color:var(--border-color, #e2e8f0);border-radius:9999px;overflow:hidden;position:relative}.meter-bar-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .6s cubic-bezier(.4,0,.2,1)}.meter-bar-fill.full{background:linear-gradient(90deg,#ef4444,#f43f5e)}.billing-grid-split{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}@media(max-width:1024px){.billing-grid-split{grid-template-columns:1fr}}.justify-between{justify-content:space-between}.packages-pricing-list{display:flex;flex-direction:column;gap:16px}.pricing-card-item{border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease-in-out;position:relative}.pricing-card-item:hover{border-color:#6366f166;background-color:#6366f103}.pricing-card-item.selected{border-color:var(--primary-color, #6366f1);background-color:#6366f108;box-shadow:0 0 0 3px #6366f126}.pricing-card-item.active{border-color:#10b981;background-color:#10b98105}.active-badge-pill{background-color:#10b981;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:9999px;text-transform:uppercase}.pricing-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.pricing-card-header h3{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--text-primary, #0f172a)}.pkg-desc{font-size:13px;color:var(--text-secondary, #64748b);margin:0;max-width:320px}.pkg-price-tag{text-align:right;display:flex;flex-direction:column}.price-num{font-size:18px;font-weight:700;color:var(--primary-color, #6366f1)}.pricing-card-item.active .price-num{color:#10b981;font-size:13px;font-weight:600;letter-spacing:.05em;background:#10b9811a;padding:4px 10px;border-radius:4px}.price-unit{font-size:11px;color:var(--text-secondary, #64748b);text-transform:uppercase}.pkg-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;border-top:1px solid var(--border-color, #f1f5f9);padding-top:12px}.spec-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary, #475569)}.spec-check{color:#10b981;flex-shrink:0}.payment-checkout-summary{display:flex;flex-direction:column;gap:16px}.checkout-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary, #475569)}.checkout-row strong{color:var(--text-primary, #0f172a)}.checkout-voucher-section{display:flex;flex-direction:column;gap:8px;margin:8px 0}.checkout-voucher-section label{font-size:13.5px;font-weight:500;color:var(--text-primary, #334155)}.voucher-input-group{display:flex;gap:8px}.voucher-input-group input{flex:1;padding:10px 14px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:13.5px;background-color:var(--input-bg, #ffffff)}.voucher-input-group button{padding:0 16px;background-color:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:opacity .2s}.voucher-input-group button:hover{opacity:.9}.voucher-input-group button:disabled{background-color:#cbd5e1;cursor:not-allowed}.active-voucher-badge{display:flex;align-items:center;justify-content:space-between;background-color:#10b98114;border:1px dashed rgba(16,185,129,.3);padding:8px 12px;border-radius:8px;font-size:13px;color:#065f46}.remove-v-btn{background:none;border:none;color:#dc2626;font-size:18px;font-weight:700;cursor:pointer;line-height:1}.checkout-divider{border-top:1px solid var(--border-color, #cbd5e1);margin:4px 0}.checkout-row.final-row{align-items:center;margin-top:4px}.checkout-row.final-row span{font-size:15px;font-weight:600;color:var(--text-primary, #0f172a)}.final-price{font-size:22px!important;font-weight:800!important;color:var(--primary-color, #6366f1)!important}.no-pkg-selected-info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px;color:var(--text-secondary)}.billing-checkout-submit-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;padding:14px;font-size:15px;font-weight:600;cursor:pointer;width:100%;box-shadow:0 4px 12px #6366f133;transition:all .2s;margin-top:24px}.billing-checkout-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.billing-checkout-submit-btn:disabled{background:#cbd5e1;color:#94a3b8;box-shadow:none;cursor:not-allowed}.topup-ai-form{display:flex;flex-direction:column;gap:12px}.topup-desc{font-size:13.5px;color:var(--text-secondary, #64748b);margin:0;line-height:1.5}.topup-form-group{display:flex;gap:12px}@media(max-width:600px){.topup-form-group{flex-direction:column}}.topup-form-group input{flex:1;padding:12px 16px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:14px;background-color:var(--input-bg, #ffffff)}.topup-submit-btn{background-color:#0f172a;color:#fff;font-weight:500;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.topup-submit-btn:hover{background-color:#1e293b}.topup-submit-btn:disabled{background-color:#cbd5e1;cursor:not-allowed}.no-transactions-placeholder{text-align:center;padding:40px;color:var(--text-secondary);font-size:14px}.transactions-table-wrapper{overflow-x:auto;max-height:400px;overflow-y:auto}.billing-tx-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.billing-tx-table th,.billing-tx-table td{padding:14px 16px;border-bottom:1px solid var(--border-color, #cbd5e1)}.billing-tx-table th{font-weight:600;color:var(--text-secondary, #475569);background-color:var(--table-th-bg, #f8fafc);position:sticky;top:0;z-index:10}.tx-code-cell code{background-color:var(--bg-secondary, #f1f5f9);padding:4px 8px;border-radius:4px;font-size:12.5px}.tx-pkg-badge{font-size:12px;font-weight:500;padding:3px 8px;border-radius:4px;display:inline-block}.tx-pkg-badge.trial{background-color:#f1f5f9;color:#475569}.tx-pkg-badge.basic{background-color:#3b82f61a;color:#2563eb}.tx-pkg-badge.pro{background-color:#7c3aed1a;color:#7c3aed}.tx-pkg-badge.topup_ai{background-color:#f59e0b1a;color:#d97706}.tx-amount{font-weight:600;color:var(--text-primary, #0f172a)}.tx-status-badge{font-size:12px;font-weight:500;padding:3px 8px;border-radius:9999px}.tx-status-badge.completed{background-color:#d1fae5;color:#065f46}.tx-status-badge.pending{background-color:#fef3c7;color:#92400e}.tx-status-badge.failed{background-color:#fee2e2;color:#991b1b}.tx-status-badge.expired{background-color:#f1f5f9;color:#64748b}.billing-tabs-nav{display:flex;gap:8px;border-bottom:1px solid var(--border-color, #cbd5e1);padding-bottom:2px;margin-bottom:20px;overflow-x:auto}.billing-tab-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #64748b);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.billing-tab-item:hover{color:var(--primary-color, #6366f1);background-color:var(--bg-hover, #f8fafc);border-radius:6px 6px 0 0}.billing-tab-item.active{color:var(--primary-color, #6366f1);border-bottom-color:var(--primary-color, #6366f1);font-weight:600}.packages-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,360px));gap:24px;margin-top:10px;max-width:100%;justify-content:center}.pricing-card-vertical{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #cbd5e1);border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d}.pricing-card-vertical:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #6366f11a;border-color:var(--primary-color, #6366f1)}.pricing-card-vertical.active{border-color:#10b981;background-color:#10b98103;box-shadow:0 4px 12px #10b98114}.pricing-card-vertical.active:hover{box-shadow:0 10px 20px #10b98126}.pricing-card-vertical .card-badge-pill{position:absolute;top:16px;right:16px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px}.pricing-card-vertical .card-badge-pill.active-badge{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.card-header-vertical{text-align:center;margin-bottom:24px;width:100%}.card-header-vertical .icon-wrapper{width:56px;height:56px;border-radius:12px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#64748b;transition:all .2s ease}.pricing-card-vertical:hover .icon-wrapper{background-color:#6366f11a;color:var(--primary-color, #6366f1)}.pricing-card-vertical.active .icon-wrapper{background-color:#10b9811a;color:#10b981}.card-header-vertical h3{font-size:20px;font-weight:700;color:var(--text-primary, #0f172a);margin-bottom:8px}.card-header-vertical .pkg-desc{font-size:13.5px;color:var(--text-secondary, #64748b);line-height:1.5;height:60px;overflow:hidden;text-overflow:ellipsis}.price-tag-vertical{display:flex;align-items:baseline;justify-content:center;margin-bottom:28px;color:var(--text-primary, #0f172a)}.price-tag-vertical .currency-symbol{font-size:16px;font-weight:600;margin-right:2px}.price-tag-vertical .price-val{font-size:32px;font-weight:800;letter-spacing:-.5px}.price-tag-vertical .price-period{font-size:13.5px;color:var(--text-secondary, #64748b);margin-left:4px}.specs-list-vertical{width:100%;border-top:1px solid var(--border-color, #cbd5e1);border-bottom:1px solid var(--border-color, #cbd5e1);padding:24px 0;margin-bottom:28px;display:flex;flex-direction:column;gap:14px}.spec-item-v{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-secondary, #475569);line-height:1.4}.spec-item-v .check-icon{color:#10b981;flex-shrink:0;margin-top:2px}.card-action-btn{width:100%;padding:12px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid var(--primary-color, #6366f1);background-color:transparent;color:var(--primary-color, #6366f1)}.card-action-btn:hover{background-color:var(--primary-color, #6366f1);color:#fff}.card-action-btn.active-btn{border-color:#10b981;color:#10b981}.card-action-btn.active-btn:hover{background-color:#10b981;color:#fff}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.payment-modal-container{background:var(--card-bg, #ffffff);border-radius:16px;width:100%;max-width:720px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.payment-modal-header{padding:16px 20px;border-bottom:1px solid var(--border-color, #cbd5e1);display:flex;align-items:center;justify-content:space-between}.payment-modal-header h3{font-size:18px;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.payment-modal-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:9999px;transition:all .15s}.payment-modal-close-btn:hover{background-color:#f1f5f9;color:#475569}.payment-modal-body{padding:16px 20px;max-height:70vh;overflow-y:auto}.payment-modal-footer{padding:12px 20px;border-top:1px solid var(--border-color, #cbd5e1);display:flex;justify-content:flex-end;gap:12px;background-color:#f8fafc}.payment-modal-footer button{padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.payment-modal-footer .cancel-btn{background-color:#fff;border:1px solid var(--border-color, #cbd5e1);color:var(--text-secondary, #475569)}.payment-modal-footer .cancel-btn:hover{background-color:#f1f5f9}.payment-modal-footer .submit-btn{background-color:var(--primary-color, #6366f1);border:1px solid var(--primary-color, #6366f1);color:#fff;flex-grow:1}.payment-modal-footer .submit-btn:hover{background-color:#4f46e5}.payment-modal-footer .submit-btn:disabled{background-color:#94a3b8;border-color:#94a3b8;cursor:not-allowed}.invoice-checkbox-group{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border-radius:8px;background-color:#f8fafc;border:1px dashed var(--border-color, #cbd5e1)}.invoice-checkbox-group input{cursor:pointer}.invoice-checkbox-group label{font-size:13.5px;font-weight:600;color:var(--text-primary, #1e293b);cursor:pointer;-webkit-user-select:none;user-select:none}.invoice-form-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px;padding:16px;background-color:#fff;border:1px solid var(--border-color, #cbd5e1);border-radius:10px;animation:fadeIn .2s ease-out}.invoice-form-grid .form-field{display:flex;flex-direction:column;gap:6px}.invoice-form-grid .form-field label{font-size:12.5px;font-weight:500;color:var(--text-secondary, #475569)}.invoice-form-grid .form-field input{padding:8px 12px;border-radius:6px;border:1px solid var(--border-color, #cbd5e1);font-size:13.5px;transition:border-color .15s}.invoice-form-grid .form-field input:focus{outline:none;border-color:var(--primary-color, #6366f1)}.guidelines-tooltip-container .info-icon-btn:hover{background-color:#dbeafe!important;color:#1d4ed8!important}.sysadmin-page-container{display:flex;flex-direction:column;gap:16px;box-sizing:border-box;overflow:visible;animation:fadeIn .3s ease-out;padding-bottom:32px;width:100%}.sysadmin-tabs-nav{display:flex;gap:8px;border-bottom:1px solid var(--border-color, #cbd5e1);padding-bottom:2px;overflow-x:auto;flex-shrink:0}.tab-nav-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #64748b);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.tab-nav-item:hover{color:var(--primary-color, #6366f1);background-color:var(--bg-hover, #f8fafc);border-radius:6px 6px 0 0}.tab-nav-item.active{color:var(--primary-color, #6366f1);border-bottom-color:var(--primary-color, #6366f1);font-weight:600}.sysadmin-control-bar{display:flex;justify-content:space-between;align-items:center;gap:16px}@media(max-width:600px){.sysadmin-control-bar{flex-direction:column;align-items:stretch}}.search-input-wrapper{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input-wrapper input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:13.5px;background-color:var(--input-bg, #ffffff)}.add-btn-primary{display:flex;align-items:center;gap:8px;background-color:var(--primary-color, #6366f1);color:#fff;padding:10px 18px;border:none;border-radius:8px;font-weight:500;font-size:13.5px;cursor:pointer;transition:opacity .2s}.add-btn-primary:hover{opacity:.9}.sysadmin-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;color:var(--text-secondary)}.sysadmin-table-card{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;box-shadow:0 1px 3px #00000005;overflow:visible}.table-wrapper{flex:1;overflow-x:auto;overflow-y:auto;max-height:none}.sysadmin-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.sysadmin-data-table th,.sysadmin-data-table td{padding:12px 16px;border-bottom:1px solid var(--border-color, #cbd5e1)}.sysadmin-data-table th{font-weight:600;color:var(--text-secondary, #475569);background-color:var(--table-th-bg, #f8fafc);white-space:nowrap;position:sticky;top:0;z-index:10}.sysadmin-data-table tbody tr:hover{background-color:var(--table-row-hover, #f8fafc)}.plan-badge{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase;background-color:#6366f11a;color:var(--primary-color, #6366f1)}.plan-badge.trial{background-color:#f1f5f9;color:var(--text-secondary)}.plan-badge.basic{background-color:#3b82f61a;color:#2563eb}.plan-badge.pro{background-color:#7c3aed1a;color:#7c3aed}.status-pill{font-size:11px;font-weight:500;padding:2px 6px;border-radius:9999px;display:inline-flex;align-items:center;gap:4px}.status-pill.active{background-color:#d1fae5;color:#065f46}.status-pill.inactive{background-color:#fee2e2;color:#991b1b}.status-pill.pending{background-color:#fef3c7;color:#92400e}.voucher-type-badge{font-size:11.5px;font-weight:500;padding:2px 6px;border-radius:4px}.voucher-type-badge.discount{background-color:#10b9811a;color:#059669}.voucher-type-badge.topup_ai{background-color:#f59e0b1a;color:#d97706}.workspace-badge{font-size:11px;background-color:#f1f5f9;border:1px solid #cbd5e1;padding:1px 6px;border-radius:4px;color:var(--text-secondary)}.workspace-badge strong.admin{color:#dc2626}.workspace-badge strong.employee{color:var(--text-primary)}.user-info-cell{display:flex;flex-direction:column;gap:6px}.user-primary-details{display:flex;flex-direction:column}.user-id-sub{font-size:11px;color:var(--text-secondary, #94a3b8)}.linked-workspaces-badges{display:flex;flex-wrap:wrap;gap:4px}.action-buttons-group{display:flex;gap:6px}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-color, #cbd5e1);border-radius:6px;background:var(--btn-bg, #ffffff);color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s}.action-btn:hover{background-color:var(--bg-hover, #f1f5f9)}.action-btn.edit:hover{color:var(--primary-color, #6366f1);border-color:var(--primary-color, #6366f1)}.action-btn.delete:hover{color:#ef4444;border-color:#ef4444}.toggle-status-btn{background:none;border:none;padding:0;cursor:pointer}.sysadmin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInModal .25s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.sysadmin-modal-card{background-color:var(--card-bg, #ffffff);border-radius:16px;width:100%;max-width:550px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;border:1px solid var(--border-color, #e2e8f0)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #f8fafc)}.modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #0f172a)}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%}.close-btn:hover{background-color:#cbd5e1;color:var(--text-secondary)}.modal-form{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:500px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--text-primary, #334155)}.form-group input,.form-group select{padding:10px 12px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:13.5px;background-color:var(--input-bg, #ffffff)}.form-group.checkbox-group{grid-column:1 / -1;flex-direction:row;align-items:center;gap:8px;margin-top:8px}.form-group.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.form-group.checkbox-group label{font-weight:400;font-size:13px;cursor:pointer}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;border-top:1px solid var(--border-color, #e2e8f0);padding-top:16px}.btn-secondary{padding:10px 18px;background:var(--btn-bg, #ffffff);border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:13.5px;font-weight:500;cursor:pointer;color:var(--text-secondary, #475569)}.btn-secondary:hover{background-color:var(--bg-hover, #f1f5f9)}.btn-primary{padding:10px 18px;background-color:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:13.5px;font-weight:500;cursor:pointer}.btn-primary:hover{opacity:.9}.sysadmin-modal-card.billing-manage-modal{max-width:680px}.billing-metrics-container{display:flex;gap:12px;margin-bottom:20px;padding:0 20px}.billing-metric-card{flex:1;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:12px;background:var(--bg-primary, #f8fafc);text-align:left}.billing-metric-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px}.billing-metric-value{font-size:16px;font-weight:700;color:var(--text-primary)}.active-plans-section{margin-bottom:20px;text-align:left;padding:0 20px}.active-plans-section h4{font-size:13.5px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin-bottom:10px}.active-plan-card{border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary, #ffffff)}.active-plan-details{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.active-plan-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;color:#fff}.active-plan-badge.trial{background-color:#ea580c}.active-plan-badge.basic{background-color:#2563eb}.active-plan-badge.pro{background-color:#7c3aed}.active-plan-badge.custom{background-color:#0d9488}.active-plan-badge.dynamic{background-color:var(--color-primary, #6366f1)}.active-plan-info{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.active-plan-expiry{font-size:12.5px;color:var(--text-muted)}.active-plan-actions{display:flex;gap:8px}.active-plan-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.active-plan-btn.edit{color:#2563eb}.active-plan-btn.edit:hover{background-color:#2563eb1a}.active-plan-btn.delete{color:#dc2626}.active-plan-btn.delete:hover{background-color:#dc26261a}.provision-package-section{border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:16px;background:var(--bg-secondary, #ffffff);margin:0 20px 20px;text-align:left}.provision-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:8px}.provision-section-header h4{font-size:13.5px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin:0}.btn-add-package{border:1px dashed var(--color-primary, #6366f1);background:none;border-radius:6px;padding:4px 10px;font-size:12.5px;color:var(--color-primary, #6366f1);cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:500}.package-pills-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:16px}.package-pill-btn{border:1px solid var(--border-color, #cbd5e1);border-radius:20px;padding:6px 14px;background:var(--btn-bg, #ffffff);font-size:12.5px;font-weight:500;cursor:pointer;color:var(--text-secondary, #64748b);transition:all .2s}.package-pill-btn:hover{border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}.package-pill-btn.selected{color:#fff;font-weight:600}.package-pill-btn.selected.trial{background-color:#ea580c;border-color:#ea580c}.package-pill-btn.selected.basic{background-color:#2563eb;border-color:#2563eb}.package-pill-btn.selected.pro{background-color:#7c3aed;border-color:#7c3aed}.package-pill-btn.selected.custom{background-color:#0d9488;border-color:#0d9488}.package-pill-btn.selected.dynamic{background-color:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1)}.package-preview-box{background-color:var(--color-warning-bg, #fffbeb);border:1px solid var(--border-color, #fef3c7);border-radius:6px;padding:8px 12px;margin-top:12px;display:inline-flex;align-items:center;gap:8px}.package-preview-text{font-size:12px;font-weight:600;color:#ea580c;display:flex;align-items:center;gap:6px}.sysadmin-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:var(--card-bg, #ffffff);border-top:1px solid var(--border-color, #e5e7eb);margin-top:auto}.sysadmin-pagination-info{font-size:13px;color:#4b5563}.sysadmin-pagination-controls{display:flex;align-items:center;gap:4px}.sysadmin-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:1px solid var(--border-color, #d1d5db);background-color:var(--btn-bg, #ffffff);color:var(--text-secondary, #4b5563);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.sysadmin-page-btn:hover:not(:disabled){border-color:#4f46e5;color:#4f46e5;background-color:#f5f3ff}.sysadmin-page-btn.active{background-color:#4f46e5;color:#fff;border-color:#4f46e5}.sysadmin-page-btn:disabled{opacity:.4;cursor:not-allowed}.sysadmin-page-dots{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:#9ca3af;font-size:13px}[data-theme=dark]{--card-bg: var(--bg-secondary);--table-th-bg: var(--bg-primary);--table-row-hover: var(--bg-tertiary);--btn-bg: var(--bg-tertiary);--input-bg: var(--bg-tertiary);--border-color: var(--border-color);--text-primary: var(--text-primary);--text-secondary: var(--text-secondary);--bg-secondary: var(--bg-secondary);--bg-hover: var(--bg-tertiary)}[data-theme=dark] .sysadmin-pagination-container{background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}[data-theme=dark] .sysadmin-page-btn{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .sysadmin-page-btn:hover:not(:disabled){background-color:var(--bg-primary);color:var(--color-primary);border-color:var(--color-primary)}[data-theme=dark] .action-btn{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .action-btn:hover{background-color:var(--bg-primary)}[data-theme=dark] .package-pill-btn{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .package-pill-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .sysadmin-pagination-info{color:var(--text-secondary)}@media(max-width:1200px){.stats-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-kpi-grid{grid-template-columns:1fr}}.stats-kpi-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.stats-kpi-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stats-kpi-value{font-size:28px;font-weight:800;color:var(--text-primary);line-height:1}.stats-kpi-sub{font-size:12px;color:var(--text-secondary)}.stats-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:900px){.stats-charts-grid{grid-template-columns:1fr}}.stats-chart-title{font-size:14px;font-weight:600;color:var(--text-primary)}.stats-period-toggle{display:flex;gap:4px}.stats-period-btn{padding:4px 12px;border:1px solid #e2e8f0;background:var(--input-bg, #ffffff);border-radius:6px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.stats-period-btn.active{background:var(--primary-color, #6366f1);color:#fff;border-color:var(--primary-color, #6366f1)}.stats-period-btn:hover:not(.active){background:var(--input-bg, #ffffff);color:var(--text-primary)}.brand-section-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:24px;margin-bottom:20px}.brand-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e2e8f0)}.brand-section-header h3{margin:0;font-size:15px;font-weight:700;color:var(--text-primary)}.brand-section-header p{margin:2px 0 0 34px;font-size:12px;color:var(--text-secondary)}.brand-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:640px){.brand-form-row{grid-template-columns:1fr}}.brand-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.brand-form-group label{font-size:12.5px;font-weight:600;color:var(--text-primary)}.brand-form-group input[type=text],.brand-form-group input[type=number],.brand-form-group textarea,.brand-form-group select{padding:9px 12px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:13.5px;background:var(--input-bg, #ffffff);color:var(--text-primary);outline:none;transition:border-color .2s;width:100%;box-sizing:border-box;font-family:inherit}.brand-form-group input:focus,.brand-form-group textarea:focus,.brand-form-group select:focus{border-color:var(--primary-color, #6366f1)}.brand-form-group textarea{resize:vertical;min-height:80px}.brand-logo-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.brand-logo-preview{width:64px;height:64px;border-radius:12px;border:2px solid var(--border-color, #e2e8f0);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--input-bg, #ffffff);flex-shrink:0}.brand-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.brand-color-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.brand-color-group{display:flex;flex-direction:column;gap:6px}.brand-color-group label{font-size:12.5px;font-weight:600;color:var(--text-primary)}.brand-color-picker input[type=color]{width:40px;height:40px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;cursor:pointer;background:none;padding:2px}.brand-color-picker input[type=text]{flex:1;padding:8px 12px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:13px;font-family:monospace;background:var(--input-bg, #ffffff);color:var(--text-primary);outline:none}.brand-preset-colors{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.brand-preset-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s}.brand-preset-swatch.selected{border-color:var(--text-primary);transform:scale(1.15)}.brand-toggle-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}.brand-toggle-row:last-child{border-bottom:none}.brand-toggle-label{flex:1}.brand-toggle-label span{font-size:13.5px;font-weight:500;color:var(--text-primary);display:block}.brand-toggle-label small{font-size:12px;color:var(--text-secondary)}.brand-save-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;border:none;background:var(--primary-color, #6366f1);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:opacity .2s}.brand-save-btn:hover{opacity:.9}.brand-save-btn:disabled{opacity:.5;cursor:not-allowed}.brand-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.brand-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:24px;transition:.3s}.brand-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #00000026}.brand-toggle-switch input:checked+.brand-toggle-slider{background:#10b981}.brand-toggle-switch input:checked+.brand-toggle-slider:before{transform:translate(20px)}.pages-editor-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:24px}.pages-editor-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.pages-editor-icon{width:42px;height:42px;border-radius:50%;background:#f3e8ff;display:flex;align-items:center;justify-content:center;color:#7c3aed}.pages-editor-form{display:flex;flex-direction:column;gap:18px}.pages-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.pages-editor-grid{grid-template-columns:1fr}}.pages-slug-preview{font-size:11px;color:var(--text-secondary);margin-top:4px}.pages-slug-preview a{color:var(--primary-color, #6366f1);text-decoration:none}.pages-editor-grid textarea{width:100%;padding:12px 14px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:13px;font-family:Fira Code,Cascadia Code,monospace;background:var(--input-bg, #ffffff);color:var(--text-primary);line-height:1.6;resize:vertical;min-height:200px;outline:none;box-sizing:border-box}.pages-editor-grid textarea:focus{border-color:var(--primary-color, #6366f1)}.pages-actions{display:flex;gap:10px;justify-content:flex-end}.pages-cancel-btn{padding:10px 20px;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background:var(--input-bg, #ffffff);color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer}.pages-save-btn{padding:10px 24px;border-radius:8px;border:none;background:var(--primary-color, #6366f1);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}.pages-save-btn:disabled{opacity:.5;cursor:not-allowed}.sysadmin-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.sysadmin-confirm-card{background:var(--input-bg, #ffffff);border-radius:16px;padding:28px;max-width:400px;width:100%;box-shadow:0 20px 60px #00000026;text-align:center;animation:fadeInModal .2s ease-out}.sysadmin-confirm-icon{width:52px;height:52px;border-radius:50%;background:#fee2e2;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#dc2626}.sysadmin-confirm-card h3{font-size:17px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.sysadmin-confirm-card p{font-size:13.5px;color:var(--text-secondary);margin:0 0 24px;line-height:1.6}.sysadmin-confirm-actions{display:flex;gap:10px;justify-content:center}.sysadmin-confirm-cancel{padding:8px 20px;border-radius:8px;border:1px solid #e2e8f0;background:var(--input-bg, #ffffff);color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer}.sysadmin-confirm-ok{padding:8px 20px;border-radius:8px;border:none;background:#dc2626;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer}.sysadmin-confirm-ok:hover{background:#b91c1c}.stats-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stats-kpi-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px}.stats-kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.stats-kpi-label{font-size:12px;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px}.stats-kpi-value{font-size:28px;font-weight:800;color:var(--text-primary, #0f172a);line-height:1}.stats-kpi-sub{font-size:12px;color:var(--text-secondary, #94a3b8)}.stats-chart-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:20px}.stats-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stats-chart-title{font-size:14px;font-weight:700;color:var(--text-primary, #0f172a)}.stats-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.stats-kpi-grid{grid-template-columns:repeat(2,1fr)}.stats-charts-grid{grid-template-columns:1fr}}.brand-section-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:20px;margin-bottom:20px}.brand-section-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e2e8f0)}.brand-section-header>div>h3{margin:0;font-size:15px;font-weight:700;color:var(--text-primary, #0f172a)}.brand-section-header>div>p{margin:3px 0 0;font-size:12.5px;color:var(--text-secondary, #64748b)}.brand-form-group{margin-bottom:14px}.brand-form-group label{display:block;font-size:12.5px;font-weight:700;color:var(--text-secondary, #334155);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.brand-form-group input,.brand-form-group textarea{width:100%;padding:9px 12px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:13.5px;color:var(--text-primary, #0f172a);background:var(--card-bg, #ffffff);outline:none;transition:border-color .2s;box-sizing:border-box}.brand-form-group input:focus,.brand-form-group textarea:focus{border-color:var(--primary-color, #6366f1);box-shadow:0 0 0 3px #6366f11a}.brand-form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.brand-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brand-logo-row{display:flex;align-items:center;gap:16px;margin-bottom:14px}.brand-logo-preview{width:80px;height:80px;border:2px dashed var(--border-color, #cbd5e1);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-secondary, #f8fafc);flex-shrink:0}.brand-color-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}.brand-color-group label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary, #334155);margin-bottom:6px}.brand-color-picker{display:flex;gap:8px;align-items:center}.brand-color-picker input[type=color]{width:44px;height:38px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;cursor:pointer;padding:2px}.brand-color-picker input[type=text]{flex:1;padding:8px 10px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:13px;font-family:monospace;outline:none}.brand-preset-colors{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.brand-preset-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s}.brand-preset-swatch:hover{transform:scale(1.15)}.brand-preset-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px #fff inset}.brand-save-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.brand-save-btn:hover{background:var(--primary-color-dark, #4f46e5);transform:translateY(-1px)}.brand-save-btn:active{transform:translateY(0)}.brand-toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.brand-toggle-switch input{opacity:0;width:0;height:0}.brand-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:22px;transition:background .3s}.brand-toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .3s}.brand-toggle-switch input:checked+.brand-toggle-slider{background:var(--primary-color, #6366f1)}.brand-toggle-switch input:checked+.brand-toggle-slider:before{transform:translate(18px)}.um-container{flex:1;min-height:0;max-height:calc(100vh - 180px);background-color:var(--bg-primary, #f1f5f9);padding:1.5rem;box-sizing:border-box;font-family:Inter,sans-serif;color:var(--text-primary);display:flex;flex-direction:column;overflow:visible;width:100%}.um-content{width:100%;max-width:100%;margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:visible}.um-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-shrink:0}.um-title h1{font-size:1.4rem;font-weight:700;margin:0;color:var(--text-primary)}.um-title p{color:var(--text-secondary);font-size:.875rem;margin:0}.as-container{flex:1;min-height:0;max-height:calc(100vh - 180px);background-color:var(--bg-primary, #f1f5f9);padding:1rem;font-family:Inter,sans-serif;color:var(--text-primary);display:flex;flex-direction:column;width:100%;overflow:visible;box-sizing:border-box}.as-content{width:100%;max-width:100%;margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:visible}.as-header{margin-bottom:1rem;flex-shrink:0}.as-header h1{font-size:1.3rem;font-weight:700;margin:0 0 4px;color:var(--text-primary)}.as-header p{color:var(--text-secondary);font-size:.85rem;margin:0}.as-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem;flex-shrink:0}.as-kpi-card{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #00000014;border:1px solid #e8ecf0}.as-kpi-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem}.as-kpi-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.3rem}.as-kpi-sub{font-size:.75rem;color:var(--text-secondary)}.as-kpi-sub strong{color:#059669;font-weight:600}.as-bottom-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:1rem;overflow:visible}.as-monitor-card{background:#fff;border-radius:10px;padding:1rem 1.25rem;box-shadow:0 1px 3px #00000014;border:1px solid #e8ecf0;overflow:visible}.as-monitor-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.as-m-row{display:flex;align-items:center;gap:.75rem}.as-m-row+.as-m-row{margin-top:.5rem}.as-m-label{font-size:.75rem;font-weight:700;color:var(--text-primary);width:36px;flex-shrink:0}.as-m-bar-wrap{flex:1;min-width:0}.as-m-bar{height:5px;background:#f1f5f9;border-radius:3px;overflow:hidden;margin-bottom:.15rem}.as-m-fill{height:100%;border-radius:3px;transition:width .5s ease}.as-m-fill.cpu{background:#3b82f6}.as-m-fill.ram{background:#8b5cf6}.as-m-fill.disk{background:#10b981}.as-m-detail{font-size:.68rem;color:var(--text-secondary)}.as-m-pct{font-size:.85rem;font-weight:700;color:var(--text-primary);width:42px;text-align:right;flex-shrink:0}.as-chart-card{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #00000014;border:1px solid #e8ecf0;display:flex;flex-direction:column;overflow:visible}.as-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-shrink:0}.as-chart-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.as-period-toggle{display:flex;gap:4px}.as-period-btn{padding:.25rem .6rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;font-size:.72rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.as-period-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.as-period-btn:hover:not(.active){background:var(--input-bg, #ffffff);color:var(--text-primary)}.as-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);font-size:.9rem;flex-direction:column;gap:.5rem}.as-spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:as-spin .7s linear infinite}@keyframes as-spin{to{transform:rotate(360deg)}}.animate-spin{animation:as-spin 1s linear infinite}.um-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex:1;min-height:0;display:flex;flex-direction:column;overflow:visible}.admin-table-wrapper{overflow-x:auto;overflow-y:visible;flex:1;min-height:0}.config-form{margin-top:1.5rem;animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}.config-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:900px){.config-cards-grid{grid-template-columns:1fr}}.config-card{background:#ffffffe6;border:1px solid rgba(226,232,240,.8);border-radius:14px;box-shadow:0 2px 8px #0f172a0f;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:visible}.config-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1a;border-color:#3b82f64d}.config-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #2563eb4d;transition:all .3s}.config-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.config-save-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.as-kpi-grid{grid-template-columns:repeat(3,1fr)}.as-bottom-grid,.config-cards-grid{grid-template-columns:1fr}}@media(max-width:480px){.as-kpi-grid{grid-template-columns:repeat(2,1fr)}}.pages-editor-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:20px;margin-bottom:16px}.pages-editor-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e2e8f0)}.pages-editor-icon{width:40px;height:40px;background:#6366f11a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0}.pages-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pages-slug-preview{margin-top:5px;font-size:11.5px;color:var(--text-secondary)}.pages-slug-preview a{color:var(--primary-color, #6366f1);text-decoration:none;font-family:monospace}.pages-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid var(--border-color, #e2e8f0)}.pages-cancel-btn{padding:9px 16px;background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #475569);border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .2s}.pages-cancel-btn:hover{background:#e2e8f0}.pages-save-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .2s}.pages-save-btn:hover{background:var(--primary-color-dark, #4f46e5)}@media(max-width:900px){.pages-editor-grid,.brand-form-row,.brand-color-row{grid-template-columns:1fr}}[data-theme=dark] .plan-badge.trial{background-color:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .plan-badge.basic{background-color:#3b82f633;color:#60a5fa}[data-theme=dark] .plan-badge.pro{background-color:#7c3aed33;color:#a78bfa}[data-theme=dark] .workspace-badge{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .workspace-badge strong.employee{color:var(--text-primary)}[data-theme=dark] .status-pill.active{background-color:#10b98133;color:#34d399}[data-theme=dark] .status-pill.inactive{background-color:#ef444433;color:#f87171}[data-theme=dark] .status-pill.pending{background-color:#f59e0b33;color:#fbbf24}[data-theme=dark] .status-pill{border:1px solid transparent}[data-theme=dark] .voucher-type-badge.discount{background-color:#10b98133;color:#34d399}[data-theme=dark] .voucher-type-badge.topup_ai{background-color:#f59e0b33;color:#fbbf24}[data-theme=dark] .sysadmin-confirm-icon{background-color:#ef444433;color:#f87171}[data-theme=dark] .um-container,[data-theme=dark] .as-container,[data-theme=dark] .um-content,[data-theme=dark] .sysadmin-page-container{background-color:transparent!important;color:var(--text-primary)!important}[data-theme=dark] .as-kpi-card,[data-theme=dark] .as-monitor-card,[data-theme=dark] .as-chart-card,[data-theme=dark] .um-table-container,[data-theme=dark] .config-card,[data-theme=dark] .brand-section-card,[data-theme=dark] .sysadmin-card,[data-theme=dark] .sysadmin-table-card,[data-theme=dark] .sysadmin-control-bar,[data-theme=dark] .brand-form-group,[data-theme=dark] .provision-package-section{background:var(--bg-secondary)!important;background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .as-m-bar{background:var(--bg-tertiary)!important}[data-theme=dark] .admin-table-wrapper table{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .admin-table-wrapper table th{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .admin-table-wrapper table td{border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .admin-table-wrapper table tr:hover{background:var(--bg-tertiary)!important}[data-theme=dark] .as-header h1,[data-theme=dark] .um-title h1,[data-theme=dark] .as-monitor-title,[data-theme=dark] .as-chart-title,[data-theme=dark] .as-kpi-value,[data-theme=dark] .as-m-label,[data-theme=dark] .as-m-pct{color:var(--text-primary)!important}[data-theme=dark] .as-header p,[data-theme=dark] .um-title p,[data-theme=dark] .as-kpi-label,[data-theme=dark] .as-kpi-sub,[data-theme=dark] .as-m-detail{color:var(--text-secondary)!important}.spr-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f8fafc;color:#64748b;font-family:Inter,Segoe UI,sans-serif}.spr-spinner{width:42px;height:42px;border:4px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spr-spin .8s linear infinite}@keyframes spr-spin{to{transform:rotate(360deg)}}.spr-error-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#faf5ff);padding:24px}.spr-error-card{background:#fff;border-radius:20px;padding:56px 48px;text-align:center;box-shadow:0 20px 60px #6366f11f;max-width:480px;width:100%}.spr-error-code{font-size:96px;font-weight:800;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:16px}.spr-error-card h1{font-size:24px;color:#1e293b;margin-bottom:12px;font-weight:700}.spr-error-card p{color:#64748b;margin-bottom:32px;font-size:15px}.spr-header{position:sticky;top:0;z-index:100;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 8px #0000000f}.spr-header-inner{max-width:900px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.spr-brand{font-weight:800;font-size:18px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.spr-back-btn-sm{background:none;border:1px solid #e2e8f0;color:#64748b;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}.spr-back-btn-sm:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.spr-wrapper{min-height:100vh;background:#f8fafc;font-family:Inter,Segoe UI,sans-serif}.spr-main{max-width:900px;margin:0 auto;padding:48px 24px 80px}.spr-article{background:#fff;border-radius:16px;padding:48px 56px;box-shadow:0 4px 24px #0000000f}.spr-title{font-size:36px;font-weight:800;color:#0f172a;line-height:1.25;margin:0 0 16px}.spr-description{color:#64748b;font-size:17px;line-height:1.7;margin:0 0 4px}.spr-divider{border:none;border-top:2px solid #f1f5f9;margin:28px 0 32px}.spr-content{color:#334155;font-size:16px;line-height:1.8}.spr-content h1,.spr-content h2,.spr-content h3,.spr-content h4{color:#0f172a;margin:1.5em 0 .5em;line-height:1.3}.spr-content p{margin:0 0 1em}.spr-content ul,.spr-content ol{padding-left:1.6em;margin:0 0 1em}.spr-content li{margin-bottom:.4em}.spr-content a{color:#6366f1;text-decoration:underline}.spr-content a:hover{color:#4f46e5}.spr-content img{max-width:100%;border-radius:8px;margin:12px 0}.spr-content blockquote{border-left:4px solid #6366f1;margin:1.2em 0;padding:12px 20px;background:#f8f7ff;border-radius:0 8px 8px 0;color:#475569}.spr-content pre,.spr-content code{background:#f1f5f9;border-radius:6px;font-size:14px}.spr-content pre{padding:16px;overflow-x:auto;margin:1em 0}.spr-content code{padding:2px 6px}.spr-content table{width:100%;border-collapse:collapse;margin:1em 0}.spr-content th,.spr-content td{border:1px solid #e2e8f0;padding:10px 14px;text-align:left}.spr-content th{background:#f8fafc;font-weight:600}.spr-back-btn{padding:12px 28px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.spr-back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}@media(max-width:640px){.spr-article{padding:28px 20px}.spr-title{font-size:26px}}.app-init-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--text-secondary);background-color:var(--bg-primary)}.auth-fullscreen-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at 0% 0%,#6366f10a,#fff0 50%),radial-gradient(circle at 100% 100%,#10b9810a,#fff0 50%),#f3f4f6;padding:24px}[data-theme=dark] .auth-fullscreen-container{background:radial-gradient(circle at 0% 0%,#6366f114,#0f172a00 50%),radial-gradient(circle at 100% 100%,#34d39914,#0f172a00 50%),var(--bg-primary)}.auth-glass-panel{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:100%;max-width:520px;padding:40px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:24px}[data-theme=dark] .auth-glass-panel{background:var(--bg-secondary);border-color:var(--border-color)}.auth-brand{text-align:center}.auth-logo{width:48px;height:48px;color:var(--color-primary);margin-bottom:12px}.auth-brand h1{font-size:1.5rem;font-weight:800;letter-spacing:-.025em;color:var(--text-primary);margin-bottom:6px}.auth-brand p{font-size:.85rem;color:var(--text-secondary)}.auth-error-banner{background-color:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--color-danger);padding:12px 16px;border-radius:var(--border-radius-md);font-size:.8rem;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-input-group,.auth-input-group-full{display:flex;flex-direction:column;gap:6px}.auth-grid-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(max-width:500px){.auth-grid-inputs{grid-template-columns:1fr}}.auth-input-group-full{grid-column:span 2}@media(max-width:500px){.auth-input-group-full{grid-column:span 1}}.auth-form label{font-size:.775rem;font-weight:600;color:var(--text-secondary)}.auth-form input,.auth-form select{padding:12px;background-color:#fff;border:1px solid #d1d5db;border-radius:var(--border-radius-md);color:var(--text-primary);font-size:.875rem;outline:none;transition:all var(--transition-fast)}.auth-form input:focus,.auth-form select:focus{border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #4f46e51a}.auth-form select{cursor:pointer}.auth-form select option{background-color:#fff;color:var(--text-primary)}.auth-form input:-webkit-autofill,.auth-form input:-webkit-autofill:hover,.auth-form input:-webkit-autofill:focus,.auth-form input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #ffffff inset!important;-webkit-text-fill-color:var(--text-primary)!important}[data-theme=dark] .auth-form input,[data-theme=dark] .auth-form select{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .auth-form input:focus,[data-theme=dark] .auth-form select:focus{background-color:var(--bg-primary);border-color:var(--color-primary)}[data-theme=dark] .auth-form select option{background-color:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .auth-form input:-webkit-autofill,[data-theme=dark] .auth-form input:-webkit-autofill:hover,[data-theme=dark] .auth-form input:-webkit-autofill:focus,[data-theme=dark] .auth-form input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-primary) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.auth-glass-panel.register-mode{max-width:680px}.auth-section-title{font-size:.8rem;font-weight:700;color:var(--color-primary);margin:4px 0 12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding-bottom:6px;text-align:left}.auth-submit-btn{background-color:var(--color-primary);color:#fff;border:none;padding:12px;border-radius:var(--border-radius-md);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background var(--transition-fast)}.auth-submit-btn:hover{background-color:var(--color-primary-hover)}.btn-icon-small{width:16px;height:16px}.auth-switch-prompt{text-align:center;font-size:.8rem;color:var(--text-secondary);margin-top:10px}.auth-switch-prompt button{background:transparent;border:none;color:var(--color-primary);font-weight:600;cursor:pointer}.auth-switch-prompt button:hover{text-decoration:underline}.app-layout-root{display:flex;width:100vw;height:100vh;overflow:hidden}.app-main-content{flex:1;height:100vh;overflow-y:auto;padding:32px;background-color:var(--bg-primary)}.toast-notification{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:12px;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:14px 20px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:9999;min-width:320px;max-width:480px;animation:toast-slide-in .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes toast-slide-in{0%{transform:translate(120%) translateY(0);opacity:0}to{transform:translate(0) translateY(0);opacity:1}}.toast-notification.success{border-left:4px solid var(--color-success);background-color:#f0fdf4}.toast-notification.success .toast-icon{color:var(--color-success)}.toast-notification.error{border-left:4px solid var(--color-danger);background-color:#fef2f2}.toast-notification.error .toast-icon{color:var(--color-danger)}.toast-notification.warning{border-left:4px solid var(--color-warning);background-color:#fffbeb}.toast-notification.warning .toast-icon{color:var(--color-warning)}[data-theme=dark] .toast-notification.success{background-color:var(--color-success-bg);border-color:#34d3994d}[data-theme=dark] .toast-notification.error{background-color:var(--color-danger-bg);border-color:#f871714d}[data-theme=dark] .toast-notification.warning{background-color:var(--color-warning-bg);border-color:#fbbf244d}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{font-size:.85rem;font-weight:500;color:var(--text-primary);flex:1;word-break:break-word;overflow-wrap:break-word}.toast-close-btn{background:transparent;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:4px;line-height:1;transition:color var(--transition-fast)}.toast-close-btn:hover{color:var(--text-primary)}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:confirm-fade-in .2s ease-out forwards}.confirm-modal-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:440px;padding:24px;display:flex;flex-direction:column;gap:16px;animation:confirm-scale-up .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-scale-up{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.confirm-modal-header{display:flex;align-items:center;gap:12px;color:var(--text-primary)}.confirm-icon{color:var(--color-warning);flex-shrink:0}.confirm-modal-header h3{font-size:1.125rem;font-weight:700;margin:0}.confirm-modal-body p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0;text-align:left}.confirm-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:4px}.confirm-btn-cancel,.confirm-btn-ok{padding:9px 18px;font-size:.85rem;font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.confirm-btn-cancel{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.confirm-btn-cancel:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.confirm-btn-ok{background-color:var(--color-primary);border:none;color:#fff}.confirm-btn-ok:hover{background-color:var(--color-primary-hover)}.otp-inputs-container{display:flex;justify-content:center;gap:12px;margin:20px 0}.otp-box-input{width:46px;height:48px;font-size:1.5rem;font-weight:700;text-align:center;background-color:#fff!important;border:2px solid #d1d5db!important;border-radius:var(--border-radius-md);color:var(--text-primary)!important;outline:none;transition:all var(--transition-fast);padding:0!important;line-height:44px!important}.otp-box-input:focus{border-color:var(--color-primary)!important;background-color:#fff!important;box-shadow:0 0 0 3px #4f46e51a}.workspace-lockout-container{display:flex;align-items:center;justify-content:center;min-height:400px;height:100%;padding:40px;animation:fadeIn .4s ease-out}.lockout-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:40px;max-width:480px;text-align:center;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;align-items:center;gap:16px}.lockout-icon{color:#ef4444;margin-bottom:8px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.lockout-card h2{font-size:1.3rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.lockout-card p{font-size:.95rem;color:var(--text-secondary, #64748b);line-height:1.6;margin:0}.lockout-actions{display:flex;gap:12px;margin-top:8px;width:100%;justify-content:center}.lockout-btn{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:opacity .2s}.lockout-btn.logout-btn{background-color:#0f172a;color:#fff}.lockout-btn:hover{opacity:.9}.lockout-workspace-switcher{margin-top:16px;width:100%}.lockout-workspace-switcher label{display:block;font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;text-align:left}.lockout-workspace-list{display:flex;flex-direction:column;gap:8px;width:100%;max-height:160px;overflow-y:auto;padding-right:4px}.lockout-workspace-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-secondary, #f8fafc);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;width:100%;text-align:left;transition:all .2s}.lockout-workspace-item:hover{background-color:var(--bg-tertiary, #f1f5f9);border-color:var(--color-primary);color:var(--color-primary)}.lockout-workspace-item.locked{border-color:#fee2e2;background-color:#fffafb}.lockout-workspace-item.locked:hover{border-color:#fca5a5;background-color:#fef2f2}.lockout-badge-expired{color:#ef4444;font-size:.68rem;font-weight:700;background-color:#fef2f2;padding:2px 8px;border-radius:4px;border:1px solid #fee2e2}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}:root{--bg-primary: #f9fafb;--bg-secondary: #ffffff;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-success: #10b981;--color-success-bg: #ecfdf5;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-danger: #ef4444;--color-danger-bg: #fef2f2;--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--border-color: #e5e7eb;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--font-family: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .03);--shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .04), 0 2px 6px -1px rgba(15, 23, 42, .02);--shadow-lg: 0 12px 24px -4px rgba(15, 23, 42, .06), 0 4px 12px -2px rgba(15, 23, 42, .02);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}html[data-theme=dark],:root[data-theme=dark],[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--color-primary: #818cf8;--color-primary-hover: #a5b4fc;--color-success: #34d399;--color-success-bg: rgba(52, 211, 153, .15);--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .15);--color-danger: #f87171;--color-danger-bg: rgba(248, 113, 113, .15);--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--border-color: #334155;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .6), 0 2px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .7), 0 4px 12px -2px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}select option{background-color:var(--bg-secondary);color:var(--text-primary)}input,textarea,select{color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .as-container,[data-theme=dark] .um-table-container,[data-theme=dark] .config-card,[data-theme=dark] .sysadmin-card,[data-theme=dark] .stats-kpi-card,[data-theme=dark] .ca-summary-card,[data-theme=dark] .ca-stat-card,[data-theme=dark] .ca-section,[data-theme=dark] .ins-calc-panel,[data-theme=dark] .ins-calc-config-panel,[data-theme=dark] .ins-calc-calc-panel,[data-theme=dark] .page-editor-container{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] input[type=text],[data-theme=dark] input[type=number],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=search],[data-theme=dark] input[type=date],[data-theme=dark] input[type=tel],[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .ca-legal-ref{background:#3b82f61a!important;color:var(--text-primary)!important}[data-theme=dark] .ca-action{background:#10b9811a!important;color:var(--text-primary)!important}[data-theme=dark] .ins-input-suffix{color:var(--text-secondary)!important}[data-theme=dark] .stats-kpi-card{background-color:var(--bg-secondary)!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--bg-tertiary, #1e293b)!important;color:var(--text-primary, #f8fafc)!important;border-color:var(--border-color, #334155)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-secondary, #94a3b8)!important;opacity:.7}[data-theme=dark] button.btn-secondary,[data-theme=dark] button.page-link{background-color:var(--bg-tertiary, #1e293b)!important;color:var(--text-primary, #f8fafc)!important;border-color:var(--border-color, #334155)!important}