.header{background-color:#14a83c;color:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000;height:64px;min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:16px}.header-brand{flex:1}.header-brand-text{font-size:18px;font-weight:600;letter-spacing:-.02em}.header-actions{position:relative}.header-user-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:#ffffff26;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.header-user-btn:hover,.header-user-btn[aria-expanded=true]{background:#ffffff40}.header-user-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-chevron{width:20px;height:20px;transition:transform .2s}.header-user-btn[aria-expanded=true] .header-user-chevron{transform:rotate(180deg)}.header-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;border:1px solid #e2e8f0;padding:4px 0;z-index:1100}.header-user-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:none;color:#475569;font-size:14px;cursor:pointer;text-align:left;transition:background .2s}.header-user-dropdown-item:hover{background:#f1f5f9;color:#14a83c}.header-user-dropdown-item svg{width:18px;height:18px;flex-shrink:0}.sidebar{height:100%;min-height:0;max-height:100%;background:#f8fafc;border-right:1px solid #e2e8f0;padding:0;overflow:hidden;position:relative;box-shadow:2px 0 8px #0000000a;flex-shrink:0;z-index:100;display:flex;flex-direction:column}.sidebar.collapsed{width:80px}.sidebar-header{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.sidebar.collapsed .sidebar-header{justify-content:center;padding:16px 8px}.sidebar-toggle{width:32px;height:32px;min-width:32px;border:none;background:#fff;color:#64748b;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #00000014;border:1px solid #e2e8f0}.sidebar-toggle-desktop{display:flex}.sidebar-close-mobile{display:none;width:32px;height:32px;min-width:32px;border:none;background:#fff;color:#64748b;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;border:1px solid #e2e8f0;font-size:20px}.sidebar-close-mobile:hover{background:#f8fafc;color:#14a83c}.toggle-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.toggle-icon svg{width:20px;height:20px}.sidebar-toggle:hover{background:#f8fafc;color:#14a83c}.sidebar-nav-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.sidebar-nav-scroll::-webkit-scrollbar{width:6px}.sidebar-nav-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sidebar-nav-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-nav{display:flex;flex-direction:column;padding:0 0 24px;min-height:-moz-min-content;min-height:min-content}.sidebar-divider{height:1px;background:#e2e8f0;margin:12px 16px}.sidebar-section-title{display:block;width:100%;background:transparent;border:none;padding:0;margin:0 0 4px;cursor:pointer;transition:all .2s ease;position:relative;border-radius:8px;text-align:left}.sidebar-section-title.has-active .sidebar-section-header{color:#14a83c;font-weight:600}.sidebar-section-header{display:flex;align-items:center;padding:10px 16px;margin:0 12px;color:#64748b;font-size:13px;font-weight:600;width:calc(100% - 24px);border-radius:8px;text-transform:uppercase;letter-spacing:.05em}.sidebar-nav>.sidebar-section-title:first-child .sidebar-section-header{margin-top:12px}.sidebar-section-title:hover .sidebar-section-header{color:#475569;background:#f1f5f9}.sidebar.collapsed .sidebar-section-header{justify-content:center;padding:12px;margin:0 8px;width:calc(100% - 16px)}.sidebar-section-title .sidebar-icon{font-size:20px;min-width:20px;width:20px;height:20px;color:inherit;display:flex;align-items:center;justify-content:center}.sidebar-section-title .sidebar-label{font-size:13px;margin-left:10px;flex:1;color:inherit;font-weight:600;text-align:left;text-transform:uppercase;letter-spacing:.05em}.sidebar-chevron{display:flex;align-items:center;justify-content:center;font-size:18px;color:#94a3b8;margin-left:auto;transition:transform .22s cubic-bezier(.4,0,.2,1),color .2s ease}.sidebar-chevron svg{width:18px;height:18px}.sidebar-chevron.expanded{transform:rotate(180deg);color:#14a83c}.sidebar-submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.4,0,.2,1)}.sidebar-submenu.expanded{grid-template-rows:1fr}.sidebar-submenu-inner{min-height:0;overflow:hidden;padding:0 12px}.sidebar-submenu.expanded .sidebar-submenu-inner{padding-top:4px;padding-bottom:8px;margin-bottom:8px}.sidebar-submenu .sidebar-item{margin:0 0 2px;padding-left:48px;font-size:14px;font-weight:400}.sidebar-item{display:flex;align-items:center;padding:10px 16px;margin:0 12px;color:#475569;text-decoration:none;border-radius:8px;transition:all .2s ease;position:relative;font-weight:500;font-size:14px;background:transparent;border:1px solid transparent}.sidebar-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:#14a83c;border-radius:0 2px 2px 0;transition:height .2s ease}.sidebar-item:hover{color:#1e293b;background:#f1f5f9}.sidebar-item:hover:before{height:60%}.sidebar.collapsed .sidebar-item{justify-content:center;padding:12px;margin:2px 8px}.sidebar.collapsed .sidebar-item:before{display:none}.sidebar-item.active{background:linear-gradient(135deg,#14a83c,#0d8a30);color:#fff;box-shadow:0 2px 8px #14a83c40;font-weight:600;border-color:transparent}.sidebar-item.active:before{display:none}.sidebar-item.active:hover{background:linear-gradient(135deg,#16b842,#14a83c)}.sidebar-icon{font-size:22px;min-width:22px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:inherit}.sidebar-icon svg{width:100%;height:100%}.sidebar-item.active .sidebar-icon{color:#fff}.sidebar-label{font-size:14px;margin-left:12px;white-space:nowrap;flex:1}.sidebar.collapsed .sidebar-label{opacity:0;width:0;margin-left:0;overflow:hidden}.sidebar.collapsed .sidebar-item:hover:after,.sidebar.collapsed .sidebar-section-title:hover:after{content:attr(title);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:8px 12px;background:#1e293b;color:#fff;font-size:13px;font-weight:500;border-radius:6px;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #0003;pointer-events:none}.sidebar.collapsed .sidebar-item,.sidebar.collapsed .sidebar-section-title{position:relative}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:64px;bottom:0;z-index:999;transform:translate(-100%);box-shadow:4px 0 24px #00000026;transition:transform .3s ease;height:calc(100vh - 64px)}.sidebar.mobile-open{transform:translate(0);width:280px!important}.sidebar-toggle-desktop{display:none!important}.sidebar-close-mobile{display:flex}}.layout{height:100vh;display:flex;flex-direction:column;background:#f8fafc;overflow:hidden}.layout-content{display:flex;flex:1;position:relative;overflow:hidden;min-height:0}.layout-content .sidebar{min-height:0;flex:0 0 auto}.main-content{flex:1;height:100%;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow-y:auto;overflow-x:hidden}@media (max-width: 768px){.main-content{padding:16px}}.hr-page .btn-primary{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(20 168 60 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hr-page .btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(0 153 70 / var(--tw-bg-opacity, 1))}.hr-page .btn-secondary{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hr-page .btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.hr-page .btn-danger{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hr-page .btn-danger:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hr-page table{width:100%;border-collapse:collapse}.hr-page th{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.hr-page td{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1));padding:.75rem 1rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.hr-page tbody tr:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hr-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:#00000080;padding:1rem}.hr-page .modal-content{max-height:90vh;width:100%;max-width:32rem;overflow-y:auto;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hr-page .modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));padding:1rem}.hr-page .modal-body{padding:1rem}.hr-page .form-group{margin-bottom:1rem}.hr-page .form-group label{margin-bottom:.25rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.hr-page .form-group input,.hr-page .form-group select{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));padding:.5rem .75rem}.hr-page .form-group input:focus,.hr-page .form-group select:focus{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1))}.hr-page .position-system-tabs+section th[role=button]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hr-page .position-system-tabs+section th[role=button]:hover{background:#e2e8f0}.hr-page .position-system-tabs{margin-bottom:1.5rem;display:flex;gap:0px;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.hr-page .position-system-tabs button{border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hr-page .position-system-tabs button[aria-selected=false]{background-color:transparent;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.hr-page .position-system-tabs button[aria-selected=false]:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.hr-page .position-system-tabs button[aria-selected=true]{margin-bottom:-1px;border-width:1px;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-bottom-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(0 153 70 / var(--tw-text-opacity, 1))}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#14a83c,#009946);border-radius:12px 12px 0 0}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;font-size:1.5rem;line-height:1;border-radius:.5rem}.modal-close:hover{background:#fff3}.schedule-approval-modal-hint{margin:0 1.5rem 1rem;font-size:.875rem;color:#64748b}.modal-form{padding:1.5rem}.modal-form .form-group{margin-bottom:1.25rem}.modal-form .form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.modal-form .form-input,.modal-form .form-select,.modal-form .form-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem}.modal-form .form-textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-primary{padding:.5rem 1.25rem;background:linear-gradient(135deg,#14a83c,#009946);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;font-size:.875rem}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-secondary{padding:.5rem 1.25rem;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-weight:500;cursor:pointer;font-size:.875rem}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500}.status-badge.status-active{background:#d1fae5;color:#065f46}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-rejected{background:#fee2e2;color:#991b1b}.status-badge.status-warning{background:#fef3c7;color:#92400e}.status-badge.status-approved{background:#d1fae5;color:#065f46}.status-badge.status-cancelled{background:#f3f4f6;color:#6b7280}.form-select,.form-input,.form-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem}.form-help-text{margin-top:.25rem;font-size:.8125rem;color:#6b7280}.required{color:#ef4444}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#14a83c;border-radius:50%;animation:spin .8s linear infinite}.attendance-stats-section{margin-bottom:2rem}.attendance-stats-date-info{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.25rem;font-size:.875rem;color:#374151}.attendance-stats-date-info svg{color:#14a83c;flex-shrink:0}.attendance-stats-date-label{font-weight:600;color:#6b7280}.attendance-stats-date-value{font-weight:600;color:#111827}.attendance-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.attendance-stat-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;transition:all .3s ease}.attendance-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#14a83c}.attendance-stat-icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.attendance-stat-content{display:flex;flex-direction:column;gap:.5rem}.attendance-stat-label{font-size:.875rem;font-weight:500;color:#6b7280}.attendance-stat-value{font-size:2rem;font-weight:700;color:#111827;display:flex;align-items:baseline;gap:.25rem;flex-wrap:wrap}.attendance-stat-unit{font-size:1rem;font-weight:500;color:#6b7280}.attendance-stat-split{gap:.5rem}.attendance-stat-separator{font-size:1.25rem;color:#9ca3af;margin:0 .25rem}.attendance-advanced-filter{position:relative;margin-bottom:1.5rem}.filter-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-trigger-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer}.filter-trigger-btn:hover{background:#f9fafb;border-color:#14a83c;color:#14a83c}.filter-trigger-btn.active{background:#ecfdf5;border-color:#14a83c;color:#14a83c}.filter-badge{margin-left:.25rem;padding:.125rem .375rem;background:#14a83c;color:#fff;border-radius:4px;font-size:.6875rem;font-weight:600}.filter-reset-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer}.filter-reset-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.filter-popover{position:absolute;top:100%;left:0;margin-top:.5rem;min-width:420px;max-width:560px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0000001f;z-index:100;padding:1.25rem}.filter-popover-section{margin-bottom:1rem}.filter-popover-section:last-of-type{margin-bottom:0}.filter-popover-label{display:block;font-size:.8125rem;font-weight:600;color:#6b7280;margin-bottom:.5rem}.filter-popover-row{display:flex;flex-wrap:wrap;gap:1rem}.filter-popover-field{flex:1;min-width:120px}.filter-popover-field .filter-select{width:100%}.filter-popover-field-employee{position:relative}.filter-employee-selected{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:.875rem;color:#166534}.filter-employee-clear{display:flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:4px}.filter-employee-clear:hover{background:#dcfce7;color:#15803d}.filter-employee-search-wrap{position:relative;display:flex;align-items:center}.filter-employee-search-icon{position:absolute;left:.75rem;color:#9ca3af;pointer-events:none}.filter-employee-input{width:100%;padding-left:2.25rem;padding-right:.75rem}.filter-employee-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:2px;max-height:220px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:50}.filter-employee-dropdown-item{display:block;width:100%;padding:.5rem .75rem;text-align:left;font-size:.875rem;color:#374151;background:none;border:none;cursor:pointer}.filter-employee-dropdown-item:hover{background:#f0fdf4;color:#166534}.filter-employee-dropdown-empty{padding:.75rem 1rem;font-size:.8125rem;color:#6b7280}.date-range-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.date-range-row .date-input{flex:1;min-width:0;max-width:160px}.date-range-sep{color:#9ca3af;font-weight:500}.date-apply-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#14a83c;color:#fff;border:1px solid #14A83C;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap}.date-apply-btn:hover:not(:disabled){background:#0d7a2a;border-color:#0d7a2a}.date-apply-btn:disabled{opacity:.5;cursor:not-allowed}.filter-date-presets{display:flex;gap:.375rem;margin-bottom:.5rem}.filter-preset-btn{padding:.25rem .625rem;font-size:.75rem;border:1px solid #d1d5db;border-radius:4px;background:#f9fafb;color:#374151;cursor:pointer;transition:all .15s}.filter-preset-btn:hover:not(:disabled){background:#e0e7ff;border-color:#818cf8;color:#4338ca}.filter-preset-btn:disabled{opacity:.5;cursor:not-allowed}.filter-input,.filter-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff}.filter-input:focus,.filter-select:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 2px #14a83c26}.date-input{flex:1;min-width:0}.attendance-enhanced-table{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.table-action-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.table-info{font-size:.875rem;color:#6b7280}.table-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer}.table-action-btn:hover{background:#14a83c;border-color:#14a83c;color:#fff}.table-container{overflow-x:auto}.data-table.enhanced{width:100%;border-collapse:collapse}.data-table.enhanced thead{background:#f9fafb;position:sticky;top:0;z-index:10}.data-table.enhanced th{padding:1rem;text-align:center;font-weight:600;color:#374151;font-size:.875rem;border-bottom:2px solid #e5e7eb;white-space:nowrap}.data-table.enhanced th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table.enhanced th.sortable:hover{background:#f3f4f6}.sortable-header{display:flex;align-items:center;justify-content:center;gap:.5rem}.sort-icon{color:#9ca3af}.sort-icon.active{color:#14a83c}.data-table.enhanced td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#374151;text-align:center}.data-table.enhanced tbody tr:hover{background:#f9fafb}.data-table.enhanced tbody tr.selected{background:#ecfdf5}.select-column{width:48px;text-align:center}.select-all-btn,.select-row-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:#6b7280;border-radius:4px}.select-all-btn:hover,.select-row-btn:hover{color:#14a83c;background:#f3f4f6}.employee-cell{display:flex;flex-direction:column;align-items:center;gap:.25rem}.employee-number{font-size:.75rem;color:#6b7280}.time-cell{font-family:Courier New,monospace;font-weight:500}.duration-cell{font-weight:600;color:#14a83c}.notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.pagination-btn{padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#14a83c;color:#14a83c}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:center}.pagination-page-btn{min-width:40px;height:40px;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer}.pagination-page-btn:hover:not(.active){background:#f3f4f6;border-color:#14a83c;color:#14a83c}.pagination-page-btn.active{background:#14a83c;border-color:#14a83c;color:#fff}.pagination-ellipsis{padding:.5rem;color:#6b7280}.data-table.enhanced th.status-header-cell{display:flex;align-items:center;justify-content:center;gap:.375rem}.status-help-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;flex-shrink:0}.status-help-btn:hover{background:#e5e7eb;color:#14a83c;border-color:#14a83c}.status-help-modal .modal-body,.status-help-modal .status-help-body{padding:1.25rem 1.5rem}.status-help-intro{margin:0 0 1rem;font-size:.875rem;color:#6b7280}.status-help-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.status-help-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.status-help-item .status-badge{align-self:flex-start}.status-help-desc{margin:0;font-size:.8125rem;color:#4b5563;line-height:1.5}.no-data{padding:3rem;text-align:center;color:#6b7280}.btn-personal-attendance{padding:.625rem 1.25rem;background:#14a83c;color:#fff;border:1px solid #14A83C;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-personal-attendance:hover{background:#0d7a2a;border-color:#0d7a2a;color:#fff}.confirm-dialog-header{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.confirm-dialog-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.confirm-dialog-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 1rem;text-align:center}.confirm-dialog-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%}.confirm-dialog-icon-warning{color:#f59e0b;background:#fef3c7}.confirm-dialog-icon-error{color:#ef4444;background:#fee2e2}.confirm-dialog-icon-info{color:#3b82f6;background:#dbeafe}.confirm-dialog-icon-success{color:#10b981;background:#d1fae5}.confirm-dialog-message{font-size:.9375rem;line-height:1.5;color:#374151;white-space:pre-line}.confirm-dialog-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem;border-top:1px solid #e5e7eb}.confirm-dialog-btn-warning{background:#f59e0b;border-color:#f59e0b}.confirm-dialog-btn-error{background:#ef4444;border-color:#ef4444}.confirm-dialog-btn-info{background:#3b82f6;border-color:#3b82f6}.confirm-dialog-btn-success{background:#10b981;border-color:#10b981}.confirm-dialog-btn-warning:hover,.confirm-dialog-btn-error:hover,.confirm-dialog-btn-info:hover,.confirm-dialog-btn-success:hover{filter:brightness(1.05)}.enterprise-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.enterprise-modal-container{background:#fff;border-radius:12px;border:none!important;border-top:none!important;outline:none!important;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:95vw}.enterprise-modal-header,.enterprise-modal-tabs{border-top:none!important}.enterprise-modal-slate .enterprise-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0}.enterprise-modal-slate .enterprise-modal-title{color:#1e293b;font-size:1.125rem;font-weight:600}.enterprise-modal-slate .enterprise-modal-close-btn{background:transparent;color:#64748b;border-radius:.375rem}.enterprise-modal-slate .enterprise-modal-close-btn:hover:not(:disabled){background:#f1f5f9;color:#1e293b;transform:none}.enterprise-modal-slate .enterprise-modal-loading-indicator{color:#64748b}.enterprise-modal-slate .enterprise-modal-body{background:#fff;border-left:none;border-right:none}.enterprise-modal-slate .enterprise-modal-body>form,.enterprise-modal-slate .enterprise-modal-body>div:first-child{padding:1rem 1.5rem;background:#fff;border-top:none;box-shadow:none;border-left:none}.enterprise-modal-slate .enterprise-modal-tabs{background:#fff;border-bottom:1px solid #e2e8f0}.enterprise-modal-slate .enterprise-modal-tab{color:#64748b}.enterprise-modal-slate .enterprise-modal-tab:hover:not(:disabled){color:#334155;background:#f8fafc}.enterprise-modal-slate .enterprise-modal-tab.active{color:#334155;border-bottom-color:#334155;font-weight:600}.enterprise-modal-slate .enterprise-modal-tab.active:after{background:#334155}.enterprise-modal-slate .enterprise-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0}.enterprise-modal-medium{max-width:600px}.enterprise-modal-large{max-width:900px}.enterprise-modal-xlarge{max-width:1200px}.enterprise-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border:none;border-top:none!important;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#14a83c,#009946);border-radius:12px 12px 0 0}.enterprise-modal-header-content{display:flex;align-items:center;gap:1rem;flex:1}.enterprise-modal-title{margin:0;font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:-.02em;line-height:1.4}.enterprise-modal-loading-indicator{display:flex;align-items:center;gap:.5rem;color:#ffffffe6;font-size:.875rem}.enterprise-modal-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:enterpriseModalSpinner .8s linear infinite}@keyframes enterpriseModalSpinner{to{transform:rotate(360deg)}}.enterprise-modal-loading-text{font-weight:500}.enterprise-modal-close-btn{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;padding:0}.enterprise-modal-close-btn:hover:not(:disabled){background:#ffffff40;transform:scale(1.1)}.enterprise-modal-close-btn:active:not(:disabled){transform:scale(.95)}.enterprise-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.enterprise-modal-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#fff;padding:0 2rem;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;-ms-overflow-style:-ms-autohiding-scrollbar;position:relative}.enterprise-modal-tabs::-webkit-scrollbar{height:4px}.enterprise-modal-tabs::-webkit-scrollbar-track{background:transparent}.enterprise-modal-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px;-webkit-transition:background .2s ease;transition:background .2s ease}.enterprise-modal-tabs::-webkit-scrollbar-thumb:hover{background:#94a3b8}.enterprise-modal-tab{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:transparent;color:#6b7280;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:2px solid transparent;white-space:nowrap;position:relative;margin-bottom:-1px;min-height:48px;min-width:-moz-fit-content;min-width:fit-content;letter-spacing:-.01em;flex-shrink:0}.enterprise-modal-tab:hover:not(:disabled){color:#14a83c;background:#14a83c0a}.enterprise-modal-tab.active{color:#14a83c;background:transparent;border-bottom-color:#14a83c;font-weight:600;position:relative}.enterprise-modal-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#14a83c;border-radius:2px 2px 0 0}.enterprise-modal-tab:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.enterprise-modal-tab-icon{display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:color .2s ease}.enterprise-modal-tab-label{font-weight:inherit;transition:font-weight .2s ease}.enterprise-modal-body{padding:0;overflow-y:auto;overflow-x:hidden;flex:1 1 0;min-height:0;min-height:280px;min-height:min(280px,40vh);max-height:calc(90vh - 200px);background:linear-gradient(to bottom,#fff,#fafbfc 40px,#f8f9fa 80px,#f8f9fa),radial-gradient(circle at 2px 2px,rgba(0,0,0,.012) 1px,transparent 0),radial-gradient(circle at 18px 18px,rgba(20,168,60,.008) 1px,transparent 0);background-size:100% 100%,24px 24px,32px 32px;background-attachment:local,scroll,scroll;position:relative;scroll-behavior:smooth;border-left:1px solid rgba(229,231,235,.5);border-right:1px solid rgba(229,231,235,.5)}.enterprise-modal-body::-webkit-scrollbar{width:14px}.enterprise-modal-body::-webkit-scrollbar-track{background:linear-gradient(to right,#fafbfc,#f8f9fa 30%,#f1f5f9,#f8f9fa 70%,#fafbfc);border-radius:8px;margin:16px 6px;border:1px solid rgba(229,231,235,.8);box-shadow:inset 0 1px 2px #00000008,inset 0 -1px 2px #ffffffe6}.enterprise-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#cbd5e1 20%,#94a3b8,#cbd5e1 80%,#d1d5db);border-radius:8px;border:3px solid transparent;background-clip:padding-box;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #00000026,inset 0 -1px 2px #ffffff80,0 1px 1px #0000000d;position:relative}.enterprise-modal-body::-webkit-scrollbar-thumb:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,transparent 50%,rgba(0,0,0,.1) 100%);border-radius:2px;opacity:.7}.enterprise-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b,#475569,#64748b,#94a3b8);box-shadow:inset 0 1px 4px #0003,inset 0 -1px 2px #fff6,0 0 0 3px #14a83c1f,0 2px 4px #0000001a;border-color:#14a83c33}.enterprise-modal-body::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#64748b,#475569 30%,#334155,#475569 70%,#64748b);box-shadow:inset 0 2px 6px #0000004d,inset 0 -2px 4px #0000001a,0 0 0 3px #14a83c26;transform:scale(.98)}.enterprise-modal-body{scrollbar-width:thin;scrollbar-color:#94a3b8 #f8f9fa}@supports (scroll-behavior: smooth){.enterprise-modal-body{scroll-behavior:smooth;scroll-padding-top:1rem}}.enterprise-modal-body:before,.enterprise-modal-body:after{content:"";position:sticky;left:0;right:0;height:20px;pointer-events:none;z-index:1;transition:opacity .3s ease}.enterprise-modal-body:before{top:0;background:linear-gradient(to bottom,rgba(248,249,250,.95) 0%,rgba(248,249,250,.8) 50%,transparent 100%);opacity:0}.enterprise-modal-body:after{bottom:0;background:linear-gradient(to top,rgba(248,249,250,.95) 0%,rgba(248,249,250,.8) 50%,transparent 100%);opacity:0}.enterprise-modal-body.scrollable-top:before{opacity:1}.enterprise-modal-body.scrollable-bottom:after{opacity:1}.enterprise-modal-body>form,.enterprise-modal-body>div:first-child{padding:2.5rem 3rem;background:linear-gradient(to bottom,#fffffffa,#fffffffc 30px,#fff 60px,#fff);min-height:100%;border-top:1px solid rgba(229,231,235,.6);position:relative;box-shadow:0 -2px 8px #00000005,0 -1px 2px #00000003,inset 0 2px 4px #ffffffe6,inset 0 1px #fff;border-left:3px solid transparent;transition:border-left-color .3s ease}.enterprise-modal-body>form:focus-within,.enterprise-modal-body>div:first-child:focus-within{border-left-color:#14a83c4d}.enterprise-modal-body>form>*+*,.enterprise-modal-body>div:first-child>*+*{position:relative}.enterprise-modal-body>form>:first-child,.enterprise-modal-body>div:first-child>:first-child{margin-top:0}.enterprise-modal-body>form>:last-child,.enterprise-modal-body>div:first-child>:last-child{margin-bottom:0}.enterprise-modal-body .enterprise-modal-section-group{background:linear-gradient(to bottom,#fff,#fafbfc);border-radius:12px;border:1px solid #e5e7eb;border-top:3px solid #e5e7eb;margin-bottom:1.75rem;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000d,0 0 0 1px #ffffff80 inset,0 1px #fffc inset;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.enterprise-modal-body .enterprise-modal-section-group:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e5e7eb,#d1d5db,#e5e7eb);transition:all .3s cubic-bezier(.4,0,.2,1)}.enterprise-modal-body .enterprise-modal-section-group:hover{border-color:#d1d5db;border-top-color:#14a83c;box-shadow:0 4px 12px #00000014,0 0 0 1px #ffffff80 inset,0 1px #fffc inset,0 -1px #14a83c1a inset;transform:translateY(-1px)}.enterprise-modal-body .enterprise-modal-section-group:hover:before{background:linear-gradient(90deg,#14a83c,#009946,#14a83c);box-shadow:0 2px 8px #14a83c33}.enterprise-modal-body .enterprise-modal-section-group:last-child{margin-bottom:0}.enterprise-modal-section-title{font-size:1.1875rem;font-weight:600;color:#111827;margin:0 0 1.75rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb;letter-spacing:-.015em;position:relative;display:flex;align-items:center;gap:.875rem;line-height:1.4;text-shadow:0 1px 1px rgba(255,255,255,.8)}.enterprise-modal-section-title:before{content:"";width:5px;height:24px;background:linear-gradient(135deg,#14a83c,#009946,#14a83c);border-radius:3px;flex-shrink:0;box-shadow:0 2px 4px #14a83c33;position:relative;z-index:1}.enterprise-modal-section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#14A83C 0%,transparent 100%);border-radius:2px;transition:width .3s cubic-bezier(.4,0,.2,1)}.enterprise-modal-section-title:hover:after{width:100%}.enterprise-modal-section-title:first-child{margin-top:0}.enterprise-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.75rem}.enterprise-modal-grid-1{grid-template-columns:1fr}.enterprise-modal-grid-2{grid-template-columns:repeat(2,1fr)}.enterprise-modal-grid-3{grid-template-columns:repeat(3,1fr)}.enterprise-modal-body .form-group{position:relative;margin-bottom:0}.enterprise-modal-body .form-group+.form-group{margin-top:0}.enterprise-modal-body .form-label{display:inline-flex;align-items:center;justify-content:flex-start;margin-bottom:.625rem;font-weight:600;color:#374151;font-size:.9375rem;line-height:1.5;letter-spacing:-.01em}.enterprise-modal-body .form-label[data-required=true]:before{content:"*";color:#dc2626;margin-right:.125rem;font-weight:700}.enterprise-modal-body .form-group:has(input[required]) .form-label:before,.enterprise-modal-body .form-group:has(select[required]) .form-label:before,.enterprise-modal-body .form-group:has(textarea[required]) .form-label:before{content:"*";color:#dc2626;margin-right:.125rem;font-weight:700}.enterprise-modal-body .form-input,.enterprise-modal-body .form-select,.enterprise-modal-body .form-textarea{width:100%;padding:.75rem 1rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:.9375rem;color:#111827;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1.5}.enterprise-modal-body .form-input:hover,.enterprise-modal-body .form-select:hover,.enterprise-modal-body .form-textarea:hover{border-color:#9ca3af}.enterprise-modal-body .form-input:focus,.enterprise-modal-body .form-select:focus,.enterprise-modal-body .form-textarea:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 3px #14a83c1a;background:#fff}.enterprise-modal-body .form-select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:1.25rem!important;padding-right:2.75rem!important;cursor:pointer}.enterprise-modal-body .form-select::-moz-appearance{text-indent:.01px;text-overflow:""}.enterprise-modal-body .form-select::-ms-expand{display:none!important}.enterprise-modal-body .form-select:hover{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2314A83C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;border-color:#14a83c;background-color:#f9fafb}.enterprise-modal-body .form-select:focus{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2314A83C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}.enterprise-modal-body .form-select:active{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.5L10 7.5L15 12.5' stroke='%2314A83C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}.enterprise-modal-body .form-input:disabled,.enterprise-modal-body .form-select:disabled,.enterprise-modal-body .form-textarea:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.enterprise-modal-body .form-textarea{resize:vertical;min-height:100px;font-family:inherit}.enterprise-modal-body small,.enterprise-modal-body .form-hint{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.8125rem;margin-top:.5rem;line-height:1.5}.enterprise-modal-body small:before,.enterprise-modal-body .form-hint:before{content:"ℹ";font-size:.875rem;color:#14a83c;font-weight:600;flex-shrink:0}.enterprise-modal-body .enterprise-modal-section-title+*{margin-top:0}.enterprise-modal-body .enterprise-modal-section-title[style*=marginTop]{margin-top:2.5rem!important;padding-top:1.5rem;border-top:1px solid #f3f4f6}@media (min-width: 1536px){.enterprise-modal-body{min-height:500px}.enterprise-modal-tabs{padding:0 2.5rem}.enterprise-modal-tab{padding:1.125rem 2rem;font-size:1rem;min-height:52px}.enterprise-modal-body>form,.enterprise-modal-body>div:first-child{padding:3rem 3.5rem}.enterprise-modal-body{border-left-width:2px;border-right-width:2px}.enterprise-modal-body .enterprise-modal-section-group{padding:2rem 2.5rem;margin-bottom:2rem}.enterprise-modal-section-title{font-size:1.25rem;margin-bottom:2rem;padding-bottom:1.125rem}.enterprise-modal-grid-2{grid-template-columns:repeat(2,1fr);gap:2rem}.enterprise-modal-grid-3{grid-template-columns:repeat(3,1fr);gap:2rem}}.enterprise-modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end;gap:.75rem}.enterprise-modal-section-subtitle{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.enterprise-modal-overlay{padding:.5rem}.enterprise-modal-container{max-width:100%;max-height:95vh;border-radius:8px}.enterprise-modal-header{padding:1rem 1.25rem}.enterprise-modal-title{font-size:1.25rem}.enterprise-modal-tabs{padding:0 1rem}.enterprise-modal-tab{padding:.875rem 1.25rem;font-size:.875rem;min-height:44px}.enterprise-modal-body{padding:0;max-height:calc(95vh - 180px);min-height:0}.enterprise-modal-body>form,.enterprise-modal-body>div:first-child{padding:1.25rem 1.5rem}.enterprise-modal-body .enterprise-modal-section-group{padding:1.25rem;margin-bottom:1.25rem}.enterprise-modal-section-title{font-size:1rem;padding-bottom:.75rem}.enterprise-modal-grid,.enterprise-modal-grid-2,.enterprise-modal-grid-3{grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem}.enterprise-modal-body .form-input,.enterprise-modal-body .form-select,.enterprise-modal-body .form-textarea{font-size:16px}.enterprise-modal-footer{padding:1rem 1.25rem;flex-direction:column}.enterprise-modal-footer>*{width:100%}.enterprise-modal-grid,.enterprise-modal-grid-2,.enterprise-modal-grid-3{grid-template-columns:1fr;gap:1rem}}@media (prefers-color-scheme: dark){.enterprise-modal-container{background:#1f2937;color:#f9fafb}.enterprise-modal-header{background:linear-gradient(135deg,#009946,#007a3a)}.enterprise-modal-tabs{background:#1f2937;border-bottom-color:#374151}.enterprise-modal-tab{color:#9ca3af}.enterprise-modal-tab:hover:not(:disabled){color:#22c55e;background:#22c55e14}.enterprise-modal-tab.active{color:#22c55e;background:transparent;border-bottom-color:#22c55e}.enterprise-modal-tab.active:after{background:#22c55e}.enterprise-modal-body{background:linear-gradient(to bottom,#1f2937,#111827 50px,#111827);background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 0)}.enterprise-modal-body>form,.enterprise-modal-body>div:first-child{background:linear-gradient(to bottom,#1f2937fa,#1f2937 40px);border-top-color:#374151cc;box-shadow:0 -1px 3px #0003,inset 0 1px #ffffff0d}.enterprise-modal-body .enterprise-modal-section-group{background:linear-gradient(to bottom,#1f2937,#111827);border-color:#374151;border-top-color:#374151;box-shadow:0 1px 3px #0003,0 0 0 1px #ffffff0d inset,0 1px #ffffff0d inset}.enterprise-modal-body .enterprise-modal-section-group:before{background:linear-gradient(90deg,#374151,#4b5563,#374151)}.enterprise-modal-body .enterprise-modal-section-group:hover{border-color:#4b5563;border-top-color:#22c55e;box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff0d inset,0 1px #ffffff0d inset,0 -1px #22c55e26 inset}.enterprise-modal-body .enterprise-modal-section-group:hover:before{background:linear-gradient(90deg,#22c55e,#16a34a,#22c55e);box-shadow:0 2px 8px #22c55e40}.enterprise-modal-footer{background:#111827;border-top-color:#374151}.enterprise-modal-section-title{color:#f9fafb;border-bottom-color:#374151;text-shadow:0 1px 2px rgba(0,0,0,.3)}.enterprise-modal-section-title:before{background:linear-gradient(135deg,#22c55e,#16a34a,#22c55e);box-shadow:0 2px 4px #22c55e4d}.enterprise-modal-section-title:after{background:linear-gradient(90deg,#22c55e 0%,transparent 100%)}}.enterprise-history-container{padding:2rem 2.5rem;background:#fff}.enterprise-history-section{margin-bottom:3rem}.enterprise-history-section:last-child{margin-bottom:0}.enterprise-history-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.enterprise-history-section-icon{font-size:1.5rem;line-height:1}.enterprise-history-section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0;letter-spacing:-.01em}.enterprise-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#6b7280;gap:1rem}.enterprise-history-loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#14a83c;border-radius:50%;animation:enterpriseHistorySpinner .8s linear infinite}@keyframes enterpriseHistorySpinner{to{transform:rotate(360deg)}}.enterprise-history-timeline{position:relative;padding-left:2.5rem}.enterprise-history-item{position:relative;padding-bottom:2rem}.enterprise-history-item:not(:last-child):before{display:none}.enterprise-history-item.current:before{display:none}.enterprise-history-dot{position:absolute;left:-2rem;top:.5rem;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #14A83C;box-shadow:0 0 0 3px #14a83c1a,0 2px 4px #0000001a;z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.enterprise-history-item.current .enterprise-history-dot{width:16px;height:16px;border-width:4px;box-shadow:0 0 0 4px #14a83c26,0 4px 8px #14a83c33;animation:enterpriseHistoryDotPulse 2s ease-in-out infinite}@keyframes enterpriseHistoryDotPulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #14a83c26,0 4px 8px #14a83c33}50%{transform:scale(1.1);box-shadow:0 0 0 6px #14a83c1a,0 4px 12px #14a83c4d}}.enterprise-history-card{background:linear-gradient(to bottom,#fff,#fafbfc);border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.enterprise-history-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#14a83c,#009946);opacity:0;transition:opacity .3s ease}.enterprise-history-item.current .enterprise-history-card:before{opacity:1}.enterprise-history-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.enterprise-history-item.current .enterprise-history-card{border-color:#14a83c;box-shadow:0 4px 16px #14a83c26;background:linear-gradient(to bottom,#fff,#f0fdf4)}.enterprise-history-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.enterprise-history-date{font-size:.9375rem;font-weight:600;color:#111827;letter-spacing:-.01em}.enterprise-history-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:600;letter-spacing:.01em}.enterprise-history-badge-current{background:linear-gradient(135deg,#14a83c,#009946);color:#fff;box-shadow:0 2px 4px #14a83c33}.enterprise-history-card-body{display:flex;flex-direction:column;gap:1.25rem}.enterprise-history-change{display:flex;flex-direction:column;gap:.75rem}.enterprise-history-change-label{font-size:.8125rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.enterprise-history-change-value{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.enterprise-history-old-value{font-size:.9375rem;font-weight:600;color:#dc2626;text-decoration:line-through;padding:.5rem .75rem;background:#dc26260d;border-radius:6px}.enterprise-history-arrow{font-size:1.25rem;color:#9ca3af;font-weight:300}.enterprise-history-new-value{font-size:.9375rem;font-weight:600;color:#14a83c;padding:.5rem .75rem;background:#14a83c14;border-radius:6px}.enterprise-history-meta{display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:1rem;border-top:1px solid #f3f4f6}.enterprise-history-meta-item{display:flex;align-items:center;gap:.5rem}.enterprise-history-meta-label{font-size:.8125rem;color:#6b7280;font-weight:500}.enterprise-history-meta-value{font-size:.875rem;color:#111827;font-weight:500}.enterprise-history-reason{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;margin-top:.5rem}.enterprise-history-reason-label{font-size:.8125rem;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.05em}.enterprise-history-reason-value{font-size:.875rem;color:#78350f;line-height:1.5}.enterprise-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.enterprise-history-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.enterprise-history-empty-text{font-size:.9375rem;color:#6b7280;font-weight:500}@media (max-width: 768px){.enterprise-history-container{padding:1.5rem 1.25rem}.enterprise-history-timeline{padding-left:2rem}.enterprise-history-dot{left:-1.75rem}.enterprise-history-card{padding:1.25rem}.enterprise-history-meta{flex-direction:column;gap:1rem}.enterprise-history-change-value{flex-direction:column;align-items:flex-start;gap:.75rem}.enterprise-history-arrow{transform:rotate(90deg)}.enterprise-history-single-row{flex-direction:column;align-items:flex-start;gap:.5rem}.enterprise-history-spacer{display:none}.enterprise-history-changer{margin-left:0}.enterprise-history-change-compact{width:100%}.enterprise-history-reason-inline{width:100%;max-width:none}.enterprise-history-reason-inline .enterprise-history-reason-value{max-width:none;white-space:normal}}@media (min-width: 1536px){.enterprise-history-container{padding:2.5rem 3rem}.enterprise-history-section{margin-bottom:3.5rem}.enterprise-history-card{padding:2rem}}.enterprise-history-section-compact{margin-bottom:2rem}.enterprise-history-timeline-compact{padding-left:2rem}.enterprise-history-item-compact{padding-bottom:1.25rem}.enterprise-history-item-compact:not(:last-child):before{display:none}.enterprise-history-card-compact{padding:.75rem 1.25rem}.enterprise-history-card-header-compact{margin-bottom:.75rem;padding-bottom:.75rem}.enterprise-history-date-compact{font-size:.8125rem;color:#6b7280;font-weight:500;white-space:nowrap;flex-shrink:0}.enterprise-history-card-body-compact{gap:0;display:flex;flex-direction:column}.enterprise-history-single-row{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap;flex-direction:row!important}.enterprise-history-change-compact{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.enterprise-history-spacer{flex:1;min-width:1rem}.enterprise-history-meta-inline{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280;flex-shrink:0}.enterprise-history-meta-inline .enterprise-history-meta-label{font-size:.75rem;color:#9ca3af;font-weight:500}.enterprise-history-meta-inline .enterprise-history-meta-value{font-size:.75rem;color:#6b7280;font-weight:500}.enterprise-history-changer{margin-left:auto}.enterprise-history-reason-inline{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:#fef3c7;border-left:2px solid #f59e0b;border-radius:4px;font-size:.75rem;flex-shrink:0}.enterprise-history-reason-inline .enterprise-history-reason-label{font-size:.7rem;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.05em}.enterprise-history-reason-inline .enterprise-history-reason-value{font-size:.75rem;color:#78350f;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enterprise-history-old-value-compact{font-size:.875rem;font-weight:600;color:#dc2626;text-decoration:line-through;padding:.25rem .5rem;background:#dc262614;border-radius:4px}.enterprise-history-arrow-compact{font-size:.9375rem;color:#9ca3af;font-weight:300;margin:0 .25rem}.enterprise-history-new-value-compact{font-size:.875rem;font-weight:600;color:#14a83c;padding:.25rem .5rem;background:#14a83c1a;border-radius:4px}.enterprise-history-meta-compact{display:flex;flex-wrap:wrap;gap:1rem;flex:1;min-width:0}.enterprise-history-row-1,.enterprise-history-row-2{display:none}.enterprise-history-meta-inline{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem}.enterprise-history-meta-inline .enterprise-history-meta-label{font-size:.8125rem;color:#6b7280;font-weight:500}.enterprise-history-meta-inline .enterprise-history-meta-value{font-size:.8125rem;color:#111827;font-weight:500}.enterprise-history-reason-compact{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;flex-shrink:0}.enterprise-history-reason-compact .enterprise-history-reason-label{font-size:.75rem;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.enterprise-history-reason-compact .enterprise-history-reason-value{font-size:.8125rem;color:#78350f;line-height:1.4}@media (prefers-color-scheme: dark){.enterprise-history-container{background:#1f2937}.enterprise-history-section-header{border-bottom-color:#374151}.enterprise-history-section-title{color:#f9fafb}.enterprise-history-card{background:linear-gradient(to bottom,#1f2937,#111827);border-color:#374151}.enterprise-history-item.current .enterprise-history-card{background:linear-gradient(to bottom,#1f2937,#22c55e0d);border-color:#22c55e}.enterprise-history-card-header{border-bottom-color:#374151}.enterprise-history-date{color:#f9fafb}.enterprise-history-change-value{background:#111827;border-color:#374151}.enterprise-history-meta{border-top-color:#374151}.enterprise-history-meta-value{color:#f9fafb}.enterprise-history-empty{background:#111827;border-color:#374151}.enterprise-history-empty-text,.enterprise-history-date-compact,.enterprise-history-meta-inline{color:#9ca3af}.enterprise-history-meta-inline .enterprise-history-meta-label{color:#6b7280}.enterprise-history-meta-inline .enterprise-history-meta-value{color:#d1d5db}.enterprise-history-reason-inline{background:#f59e0b26;border-left-color:#f59e0b}.enterprise-history-reason-inline .enterprise-history-reason-label{color:#fbbf24}.enterprise-history-reason-inline .enterprise-history-reason-value{color:#fcd34d}}.leave-page{max-width:1600px;margin:0 auto}.leave-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.leave-stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:20px;border:1px solid #e5e7eb}.leave-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#14a83c,#009946);border-radius:12px 12px 0 0}.leave-stat-card.stat-primary:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.leave-stat-card.stat-success:before{height:0;background:transparent}.leave-stat-card.stat-warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#374151}.leave-stat-card.stat-primary .stat-icon{background:#dbeafe;color:#2563eb}.leave-stat-card.stat-success .stat-icon{background:#d1fae5;color:#14a83c}.leave-stat-card.stat-warning .stat-icon{background:#fef3c7;color:#f59e0b}.leave-stat-card.stat-danger .stat-icon{background:#fee2e2;color:#ef4444}.stat-content{flex:1;min-width:0}.stat-label{font-size:13px;font-weight:500;color:#6b7280;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700;color:#111827;line-height:1.1}.stat-detail{font-size:12px;color:#9ca3af;margin-top:4px}.leave-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:nowrap;align-items:center}.search-box{flex:1;min-width:0;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:#9ca3af}.search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff}.search-input:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 3px #14a83c1a}.leave-filters .filter-group{display:flex;flex-direction:row;gap:12px;align-items:center;flex-wrap:nowrap;flex-shrink:0}.leave-filters .filter-select{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;min-width:140px}.leave-table{font-size:14px}.leave-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.leave-table th{padding:16px;font-weight:600;color:#374151;text-align:center;white-space:nowrap}.leave-table th.sortable{cursor:pointer}.leave-table tbody tr:hover{background:#f9fafb}.leave-table td{padding:16px;border-bottom:1px solid #e5e7eb;vertical-align:middle;text-align:center}.no-data-cell{text-align:center;padding:3rem!important}.remaining-days{font-size:16px;font-weight:600;color:#111827;padding:6px 12px;background:#f3f4f6;border-radius:6px;display:inline-block}.usage-progress-container{display:flex;align-items:center;gap:12px}.usage-progress-bar{flex:1;height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden}.usage-progress-fill{height:100%;border-radius:12px;transition:width .3s}.usage-progress-fill.status-sufficient{background:linear-gradient(90deg,#10b981,#14a83c)}.usage-progress-fill.status-warning{background:linear-gradient(90deg,#f59e0b,#f97316)}.usage-progress-fill.status-critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.usage-rate-text{font-size:13px;font-weight:600;color:#6b7280;min-width:45px;text-align:right}.action-buttons{display:flex;gap:8px;align-items:center}.leave-traffic-light{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;justify-content:center}.traffic-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;opacity:.35;transition:opacity .2s}.traffic-dot.active{opacity:1;box-shadow:0 0 0 2px #0000001a}.traffic-dot.traffic-green{background:#22c55e}.traffic-dot.traffic-yellow{background:#eab308}.traffic-dot.traffic-red{background:#ef4444}.leave-table th .th-with-help{margin-right:4px}.traffic-help-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;margin:0;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:6px;vertical-align:middle}.traffic-help-btn:hover{color:#14a83c;background:#f0fdf4}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;min-height:400px}.loading-container p{margin-top:16px;color:#6b7280;font-size:14px}.payroll-stats-grid{margin-bottom:24px}.payroll-table-container{margin-top:0}.loading{padding:2rem;text-align:center;color:#6b7280}.schedule-filters{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.schedule-filter-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.schedule-filter-bar::-webkit-scrollbar{display:none}.schedule-dept-select{min-width:160px;flex-shrink:0}.schedule-holiday-source{margin:0 0 0 auto;font-size:.75rem;color:#94a3b8;white-space:nowrap;flex-shrink:0}.schedule-control-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.schedule-view-tabs{display:flex;gap:.25rem}.schedule-view-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.8125rem;color:#64748b;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.schedule-view-tab:hover{background:#f8fafc;color:#334155}.schedule-view-tab.active{background:#14a83c;border-color:#14a83c;color:#fff}.schedule-week-nav{display:flex;align-items:center;gap:.5rem}.schedule-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:1.25rem;color:#475569;cursor:pointer;transition:background .2s,border-color .2s}.schedule-nav-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#14a83c}.schedule-week-label{min-width:200px;font-size:.9375rem;font-weight:500;color:#334155}.schedule-search-icon{position:absolute;left:.5rem;font-size:1rem;color:#94a3b8;pointer-events:none}.schedule-add-employees{margin-top:1.5rem;padding:1.25rem;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px}.schedule-add-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#334155;margin-bottom:.35rem}.schedule-add-icon{font-size:1.2rem;color:#14a83c}.schedule-add-hint{font-size:.8125rem;color:#64748b;margin-bottom:1rem}.schedule-add-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start}.schedule-add-search-wrap{position:relative;flex:1;min-width:220px}.schedule-add-search-wrap .schedule-search-icon{left:.6rem;top:50%;transform:translateY(-50%)}.schedule-add-input{padding-left:2.25rem;width:100%;max-width:320px}.schedule-add-dropdown{position:absolute;top:100%;left:0;right:0;max-width:320px;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001f;z-index:10;margin-top:2px}.schedule-add-dropdown-item{display:block;width:100%;padding:.5rem .75rem;text-align:left;font-size:.875rem;color:#334155;background:none;border:none;cursor:pointer;transition:background .15s}.schedule-add-dropdown-item:hover{background:#f1f5f9}.schedule-add-dropdown-more{padding:.5rem .75rem;font-size:.75rem;color:#94a3b8}.schedule-add-dropdown-empty{padding:.75rem 1rem;font-size:.8125rem;color:#64748b;line-height:1.4}.schedule-add-actions{display:flex;gap:.5rem;flex-shrink:0}.schedule-added-summary{margin-top:.75rem;font-size:.8125rem;color:#64748b}.schedule-blocks-wrap{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:auto}.schedule-blocks-wrap .loading{padding:2rem;text-align:center;color:#64748b}.schedule-week-block{margin-bottom:1.5rem;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.schedule-week-block:last-of-type{margin-bottom:0}.schedule-block-title{padding:.5rem .75rem;background:#f8fafc;font-size:.8125rem;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0}.schedule-block-grid{min-width:720px}.schedule-block-grid .schedule-grid-header,.schedule-block-grid .schedule-grid-row{display:grid;grid-template-columns:140px repeat(7,minmax(72px,1fr));border-bottom:1px solid #e2e8f0}.schedule-view-month .schedule-block-grid .schedule-grid-header,.schedule-view-month .schedule-block-grid .schedule-grid-row{grid-template-columns:140px repeat(7,minmax(52px,1fr))}.schedule-block-grid .schedule-grid-header{position:relative;top:auto;z-index:0;background:#f8fafc;font-weight:600;color:#475569}.schedule-cell-pad{background:#fafafa;pointer-events:none}.schedule-emp-remove{position:absolute;top:50%;right:.35rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:#94a3b8;font-size:1rem;cursor:pointer;border-radius:4px;transition:color .2s,background .2s}.schedule-emp-remove:hover{color:#dc2626;background:#fef2f2}.schedule-grid-header{position:sticky;top:0;z-index:2;background:#f8fafc;font-weight:600;color:#475569}.schedule-grid-row:last-child{border-bottom:none}.schedule-cell{padding:.625rem .5rem;border-right:1px solid #e2e8f0;font-size:.8125rem}.schedule-cell:last-child{border-right:none}.schedule-cell-head{text-align:center}.schedule-cell-head.today{background:#ecfdf5;color:#047857}.schedule-cell-head--rest{background:#f8fafc;color:#94a3b8}.schedule-cell-head--saturday{background:#eff6ff;color:#2563eb}.schedule-cell-head--sunday,.schedule-cell-head--holiday{background:#fef2f2;color:#dc2626}.schedule-cell-holiday-tag{display:inline-block;margin-left:2px;padding:0 4px;font-size:.6rem;font-weight:700;color:#dc2626;background:#dc262626;border-radius:4px}.schedule-cell-day{font-size:.75rem;color:#64748b}.schedule-cell-date{font-size:1rem;margin-top:2px}.schedule-cell-employee{display:flex;flex-direction:column;gap:2px;justify-content:center;position:sticky;left:0;z-index:1;background:#fff;border-right:1px solid #e2e8f0}.schedule-cell-employee:has(.schedule-emp-remove){padding-right:1.75rem}.schedule-grid-header .schedule-cell-employee,.schedule-block-grid .schedule-grid-header .schedule-cell-employee{background:#f8fafc}.schedule-cell-data.compact,.schedule-cell-head.compact{padding:.35rem 2px;font-size:.7rem}.schedule-cell-head.compact .schedule-cell-day{font-size:.65rem}.schedule-cell-head.compact .schedule-cell-date{font-size:.8rem}.schedule-badge .schedule-badge-type{max-width:100%}.schedule-cell-data.compact .schedule-badge{padding:2px 4px}.schedule-cell-data.compact .schedule-badge-type{font-size:.65rem}.schedule-emp-name{font-weight:500;color:#1e293b}.schedule-emp-meta{font-size:.7rem;color:#64748b}.schedule-cell-data{cursor:pointer;transition:background .15s;min-height:52px;display:flex;align-items:center;justify-content:center}.schedule-cell-data:hover{background:#f8fafc}.schedule-cell-data.today{background:#f0fdf4}.schedule-badge{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;border-radius:6px;border:1px solid;max-width:100%;text-align:center}.schedule-badge-type{font-size:.7rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-badge-time{font-size:.65rem;opacity:.9}.schedule-badge-time.compact{font-size:.6rem;display:block;margin-top:1px}.schedule-empty{color:#cbd5e1;font-size:1rem;font-weight:300}.schedule-badge-default-day{background-color:#e0f2fe!important;color:#0369a1;border-color:#7dd3fc}.schedule-badge-default-day .schedule-badge-type{font-weight:600}.schedule-badge-default-day .schedule-badge-time{color:#0c4a6e;opacity:.9}.schedule-cell-data.compact .schedule-badge-default-day .schedule-badge-type{font-size:.65rem}.schedule-badge-rest-day{background-color:#f1f5f9!important;color:#64748b;border-color:#cbd5e1}.schedule-badge-rest-day .schedule-badge-type{font-size:.7rem;font-weight:600}.schedule-form-error{padding:.75rem 1rem;margin-bottom:1rem;background:#fef2f2;color:#dc2626;border-radius:8px;font-size:.875rem}.schedule-form-modal .modal-content{max-width:480px}.schedule-form-time-display{display:flex;align-items:center;gap:.5rem 1rem;flex-wrap:wrap;padding:.5rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#334155}.schedule-form-time-display span{color:#64748b}.schedule-form-time-display strong{font-weight:600;color:#1e293b;min-width:3rem}.schedule-form-employee-search-wrap{position:relative;width:100%}.schedule-form-employee-readonly{padding:.5rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#334155}.schedule-form-employee-selected{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:.875rem;color:#166534}.schedule-form-employee-clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:#64748b;font-size:1.1rem;line-height:1;cursor:pointer;border-radius:4px;transition:color .2s,background .2s}.schedule-form-employee-clear:hover{color:#dc2626;background:#fef2f2}.schedule-form-employee-input-wrap{position:relative;width:100%}.schedule-form-employee-input-wrap .schedule-search-icon{left:.6rem;top:50%;transform:translateY(-50%)}.schedule-form-employee-input{padding-left:2.25rem;width:100%}.schedule-form-employee-dropdown{position:absolute;top:100%;left:0;right:0;max-height:220px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001f;z-index:20;margin-top:2px}.schedule-form-employee-dropdown-item{display:block;width:100%;padding:.5rem .75rem;text-align:left;font-size:.875rem;color:#334155;background:none;border:none;cursor:pointer;transition:background .15s}.schedule-form-employee-dropdown-item:hover{background:#f1f5f9}.schedule-form-employee-dropdown-more{padding:.5rem .75rem;font-size:.75rem;color:#94a3b8}.schedule-form-employee-dropdown-empty{padding:.75rem 1rem;font-size:.8125rem;color:#64748b;line-height:1.4}.schedule-bulk-modal .modal-content{max-width:520px}.schedule-bulk-search-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;align-items:center}.schedule-bulk-search-wrap{display:flex;align-items:center;position:relative;flex:1;min-width:140px}.schedule-bulk-search-wrap .schedule-search-icon{left:.5rem}.schedule-bulk-search-input{padding-left:2rem;width:100%}.schedule-bulk-select-actions{display:flex;gap:.35rem}.schedule-bulk-dept-group{margin-bottom:.5rem}.schedule-bulk-dept-group:last-child{margin-bottom:0}.schedule-bulk-dept-head{display:flex;align-items:center;justify-content:space-between;padding:.35rem .25rem .25rem;font-size:.8125rem;font-weight:600;color:#475569}.schedule-bulk-dept-btn{font-size:.75rem;padding:.2rem .5rem}.schedule-bulk-no-match{padding:1rem;text-align:center;color:#94a3b8;font-size:.875rem}.schedule-bulk-employee-list{max-height:260px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem}.schedule-bulk-employee-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .25rem;cursor:pointer;font-size:.875rem;color:#334155}.schedule-bulk-employee-item:hover{background:#f8fafc;border-radius:4px}.schedule-bulk-employee-item input{flex-shrink:0}.hr-page .no-data{padding:1.5rem;text-align:center;color:#64748b;font-size:.9375rem}.schedule-month-grid-wrap{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin-bottom:1rem}.schedule-summary-panel{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-bottom:1px solid #e2e8f0}.schedule-summary-item{display:inline-flex;align-items:center;gap:.5rem}.schedule-summary-label{font-size:.8125rem;color:#64748b;font-weight:500}.schedule-summary-value{font-size:1rem;font-weight:700;color:#0f766e}.schedule-summary-night{padding:.25rem .5rem;background:#10b98126;border-radius:6px;color:#047857}.schedule-summary-hint{margin:0;font-size:.75rem;color:#64748b}.schedule-month-grid-scroll{overflow-x:auto;max-width:100%}.schedule-month-grid-table{width:100%;border-collapse:collapse;min-width:900px;font-size:.8125rem}.schedule-month-grid-table th,.schedule-month-grid-table td{border:1px solid #e2e8f0;padding:.35rem .4rem;vertical-align:middle;text-align:center}.schedule-month-grid-table thead th{background:#f8fafc;font-weight:600;color:#475569;position:sticky;top:0;z-index:2}.schedule-mg-col-employee{position:sticky;left:0;z-index:3;min-width:140px;max-width:160px;text-align:left;padding-left:.5rem;background:#f8fafc;white-space:nowrap}.schedule-month-grid-table tbody tr .schedule-mg-col-employee{background:#fff}.schedule-month-grid-table tbody tr:hover .schedule-mg-col-employee{background:#f8fafc}.schedule-mg-col-summary{position:sticky;left:160px;z-index:2;min-width:120px;max-width:140px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;color:#64748b;background:#f8fafc}.schedule-month-grid-table tbody tr .schedule-mg-col-summary{background:#fff}.schedule-month-grid-table tbody tr:hover .schedule-mg-col-summary{background:#f8fafc}.schedule-mg-summary-cell{text-align:left;padding-left:.5rem}.schedule-mg-col-day{min-width:44px;max-width:52px}.schedule-mg-col-day.today{background:#ecfdf5}.schedule-mg-col-day--rest{background:#f8fafc}.schedule-mg-col-day--rest .schedule-mg-day-name{color:#94a3b8}.schedule-mg-col-day--saturday{background:#eff6ff}.schedule-mg-col-day--saturday .schedule-mg-day-name,.schedule-mg-col-day--saturday .schedule-mg-day-num{color:#2563eb}.schedule-mg-col-day--sunday{background:#fef2f2}.schedule-mg-col-day--sunday .schedule-mg-day-name,.schedule-mg-col-day--sunday .schedule-mg-day-num{color:#dc2626}.schedule-mg-col-day--holiday{background:#fef2f2}.schedule-mg-col-day--holiday .schedule-mg-day-name,.schedule-mg-col-day--holiday .schedule-mg-day-num{color:#dc2626}.schedule-mg-holiday-tag{display:inline-block;margin-left:2px;padding:0 3px;font-size:.55rem;font-weight:700;color:#dc2626;background:#dc262626;border-radius:3px}.schedule-mg-cell-rest-day{background:#f1f5f9}.schedule-mg-rest-label{display:inline-block;font-size:.7rem;font-weight:600;color:#64748b}.schedule-month-grid-table tbody .schedule-mg-col-day.today{background:#f0fdf4}.schedule-mg-day-num{display:block;font-weight:600;color:#1e293b}.schedule-mg-day-name{display:block;font-size:.65rem;color:#64748b}.schedule-mg-cell{padding:2px 4px;position:relative}.schedule-mg-select{width:100%;min-width:36px;padding:4px 6px;font-size:.75rem;font-weight:600;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.schedule-mg-select:hover{border-color:#94a3b8}.schedule-mg-select:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 2px #14a83c33}.schedule-mg-cell-time{font-size:.6rem;color:#64748b;margin-top:2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-mg-saving{position:absolute;bottom:1px;left:50%;transform:translate(-50%);font-size:.6rem;color:#64748b;white-space:nowrap}.schedule-mg-cell-office-default{background:#f0fdf4}.schedule-mg-cell-office-default .schedule-mg-select{border-color:#86efac;background:#dcfce7;color:#166534}.schedule-bulk-options-hint{margin:.35rem 0 0;font-size:.75rem;color:#64748b}.schedule-draft-actions{display:flex;align-items:center;gap:.75rem 1rem;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px}.schedule-draft-count{font-size:.9rem;color:#166534}.schedule-draft-count strong{font-weight:700;color:#15803d}.schedule-btn-submit-approval{background:#0d9488;border-color:#0d9488}.schedule-btn-submit-approval:hover:not(:disabled){background:#0f766e;border-color:#0f766e}.schedule-view-monthGrid .schedule-add-employees{margin-top:1rem}@media (max-width: 900px){.schedule-filters{flex-direction:column;align-items:stretch}.schedule-week-nav{justify-content:center}.schedule-cell-employee{min-width:100px}.schedule-block-grid .schedule-grid-header,.schedule-block-grid .schedule-grid-row{grid-template-columns:100px repeat(7,minmax(64px,1fr))}}.schedule-job-group-btn{padding:.4rem .875rem;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.8125rem;font-weight:500;color:#475569;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.schedule-job-group-btn:hover{border-color:#94a3b8;background:#f8fafc}.schedule-job-group-btn.active{background:#eff6ff;border-color:#3b82f6;color:#2563eb;font-weight:600}.schedule-job-group-btn:disabled{opacity:.4;cursor:not-allowed}.schedule-job-type-tabs{display:flex;gap:.25rem;flex-wrap:wrap}.schedule-job-type-tab{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.8125rem;font-weight:500;color:#475569;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.schedule-job-type-tab:hover{background:#f8fafc;border-color:#94a3b8}.schedule-job-type-tab.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:600}.schedule-job-type-count{font-size:.75rem;font-weight:400;opacity:.75}.schedule-job-type-tab.active .schedule-job-type-count{opacity:1}.schedule-job-group-header-row{display:contents}.schedule-job-group-label{background:#f1f5f9!important;border-top:2px solid #cbd5e1;cursor:default;pointer-events:none}.schedule-job-group-name{font-size:.8125rem;font-weight:700;color:#334155}.schedule-job-group-count{margin-left:.375rem;font-size:.75rem;font-weight:400;color:#64748b}.schedule-cell-group-fill{background:#f8fafc;border-top:2px solid #cbd5e1;cursor:default;pointer-events:none}.schedule-mg-group-header-row{background:#f1f5f9}.schedule-mg-group-header-cell{padding:.375rem .75rem;border-top:2px solid #cbd5e1;font-weight:700;color:#334155;font-size:.8125rem}.schedule-mg-group-fill-cell{background:#f8fafc;border-top:2px solid #e2e8f0}.schedule-mg-cell-selected{outline:2px solid #3b82f6;outline-offset:-2px;background-color:#eff6ff!important}.schedule-mg-cell-pending{position:relative}.schedule-mg-cell-pending:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #f59e0b;border-radius:3px;animation:schedule-cell-pulse 1s ease-in-out infinite;pointer-events:none}@keyframes schedule-cell-pulse{0%,to{opacity:1}50%{opacity:.35}}.schedule-mg-cell-error{outline:2px solid #ef4444;outline-offset:-2px;background-color:#fef2f2!important}.schedule-month-grid-wrap.is-dragging{-moz-user-select:none;user-select:none;-webkit-user-select:none}.shift-quick-picker{position:fixed;z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:.75rem;min-width:210px}.shift-quick-picker-header{font-size:.75rem;color:#64748b;margin-bottom:.5rem;text-align:center;font-weight:500}.shift-quick-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;margin-bottom:.5rem}.shift-quick-picker-btn{padding:.35rem .2rem;border-radius:6px;border:1px solid currentColor;font-size:.8rem;font-weight:600;cursor:pointer;text-align:center;background:transparent;transition:opacity .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-quick-picker-btn:hover{opacity:.65}.shift-quick-picker-footer{display:flex;gap:.25rem;justify-content:flex-end}.schedule-copy-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;width:420px;max-width:92vw;display:flex;flex-direction:column;max-height:85vh}.copy-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid #e2e8f0}.copy-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#1e293b}.copy-modal-select-all{padding:.625rem 1.25rem;border-bottom:1px solid #f1f5f9;background:#f8fafc}.copy-modal-select-all label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#475569}.copy-modal-list{list-style:none;margin:0;padding:.5rem 0;overflow-y:auto;flex:1}.copy-modal-group-header{padding:.375rem 1.25rem .25rem;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-top:1px solid #f1f5f9}.copy-modal-item{padding:0 1.25rem}.copy-modal-item label{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;cursor:pointer;font-size:.875rem;border-radius:6px}.copy-modal-item label:hover{background:#f1f5f9}.copy-modal-name{font-weight:500;color:#1e293b}.copy-modal-position{font-size:.75rem;color:#94a3b8}.copy-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.875rem 1.25rem;border-top:1px solid #e2e8f0}.personal-approval-page{padding:2rem;background:#f5f7fa}.personal-approval-page.approval-page-bg{background:#f1f5f9;min-height:100%}.approval-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.approval-stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:all .2s;border:1px solid #e5e7eb}.approval-stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.approval-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;flex-shrink:0}.approval-stat-content{flex:1}.approval-stat-value{font-size:1.75rem;font-weight:700;color:#111827;line-height:1.2;margin-bottom:.25rem}.approval-stat-label{font-size:.875rem;color:#6b7280;font-weight:500}.approval-tab-menu{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.approval-tabs{display:flex;gap:.5rem}.approval-tab{position:relative;padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#6b7280;transition:all .2s;display:flex;align-items:center;gap:.5rem}.approval-tab:hover{color:#14a83c;background-color:#f0f9f4}.approval-tab.active{color:#14a83c;border-bottom-color:#14a83c;font-weight:600}.approval-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#14a83c;color:#fff;border-radius:10px;font-size:.75rem;font-weight:600}.approval-actions{display:flex;align-items:center;gap:.75rem}.approval-batch-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#14a83c;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.approval-batch-btn:hover:not(:disabled){background:#0d7a2d;transform:translateY(-1px);box-shadow:0 2px 8px #14a83c4d}.approval-batch-btn:disabled{opacity:.5;cursor:not-allowed}.approval-view-toggle{display:flex;gap:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.25rem}.approval-view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.approval-view-btn:hover{background:#f3f4f6;color:#111827}.approval-view-btn.active{background:#14a83c;color:#fff}.approval-refresh-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.approval-refresh-btn:hover:not(:disabled){background:#f3f4f6;color:#14a83c;border-color:#14a83c}.approval-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.approval-refresh-btn .spinning{animation:spin 1s linear infinite}.approval-filters-container{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.approval-filters-basic{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.approval-search-wrapper{position:relative;flex:1;min-width:250px}.approval-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.approval-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s}.approval-search-input:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 3px #14a83c1a}.approval-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.approval-search-clear:hover{color:#6b7280}.approval-filter-select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;min-width:150px}.approval-filter-select:focus{outline:none;border-color:#14a83c}.approval-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer}.approval-filter-toggle:hover,.approval-filter-toggle.active{border-color:#14a83c;color:#14a83c}.approval-filter-toggle.active{background:#f0f9f4}.approval-filter-reset{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer}.approval-filter-reset:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.approval-filters-advanced{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.approval-date-range{display:flex;align-items:center;gap:1rem}.approval-date-range label{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}.approval-date-inputs{display:flex;align-items:center;gap:.75rem}.approval-date-input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem}.approval-date-input:focus{outline:none;border-color:#14a83c}.approval-date-separator{color:#6b7280;font-weight:500}.approval-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.approval-card{position:relative;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:2px solid #e5e7eb;transition:all .2s;cursor:pointer}.approval-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);border-color:#14a83c}.approval-card.selected{border-color:#14a83c;background:#f0f9f4}.approval-card-checkbox{position:absolute;top:1rem;right:1rem}.approval-card-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.approval-card-header{margin-bottom:1rem}.approval-card-title-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.approval-card-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0;flex:1;cursor:pointer}.approval-card-title:hover{color:#14a83c}.approval-card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.approval-card-info-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.approval-card-icon{color:#6b7280;flex-shrink:0}.approval-card-label{color:#6b7280;font-weight:500;min-width:60px}.approval-card-value{color:#111827;flex:1}.approval-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid #e5e7eb;justify-content:center}.approval-card-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.approval-card-action-btn.primary{background:#14a83c;color:#fff}.approval-card-action-btn.primary:hover{background:#0d7a2d;transform:translateY(-1px);box-shadow:0 2px 8px #14a83c4d}.approval-card-action-btn.secondary{background:#f3f4f6;color:#374151}.approval-card-action-btn.secondary:hover{background:#e5e7eb}.approval-card-action-btn.danger{background:#ef4444;color:#fff}.approval-card-action-btn.danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.approval-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:2px dashed #d1d5db}.approval-empty-icon{font-size:4rem;margin-bottom:1rem}.approval-empty-text{font-size:1.125rem;color:#6b7280;font-weight:500}.approval-workflow-container{background:#fff;border-radius:12px;padding:1.25rem .75rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.approval-workflow-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1.5rem}.approval-workflow-steps{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}.approval-workflow-step-wrapper{display:flex;flex-direction:row;align-items:center;gap:.5rem}.approval-workflow-step{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;white-space:nowrap;cursor:help}.approval-workflow-step-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:2px solid;flex-shrink:0}.approval-workflow-step-content{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1}.approval-workflow-step-name{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap}.approval-workflow-step-date{font-size:.7rem;color:#9ca3af;white-space:nowrap;margin-left:.25rem}.approval-workflow-step-reject-reason{width:100%;margin-top:.375rem;padding:.375rem .5rem;font-size:.75rem;color:#b91c1c;background:#fef2f2;border-radius:.25rem;white-space:pre-wrap;word-break:break-word}.approval-workflow-connector{display:flex;align-items:center;padding:0 .25rem;flex-shrink:0}.approval-workflow-connector-line{width:1rem;height:2px;background:#d1d5db}.approval-workflow-empty{text-align:center;padding:2rem;color:#6b7280;font-size:.875rem}.personal-approval-page .btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.personal-approval-page .btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.personal-approval-page .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;background:#14a83c;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.personal-approval-page .btn-primary:hover:not(:disabled){background:#0d7a2d;transform:translateY(-1px);box-shadow:0 2px 8px #14a83c4d}.personal-approval-page .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.personal-approval-page .btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.personal-approval-page .loading,.personal-approval-page .approval-loading-state{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;font-size:1.125rem;color:#475569;font-weight:500;min-height:40vh;background:#e2e8f0;border-radius:12px}.personal-approval-page .error-message,.personal-approval-page .approval-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff;border-radius:12px;border:2px solid #fee2e2;text-align:center;margin-top:1rem}.personal-approval-page .error-message p,.personal-approval-page .approval-error-state p{font-size:1.125rem;color:#ef4444;margin-bottom:1.5rem;font-weight:500}.approval-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;transition:all .2s;background:transparent}.approval-icon-btn-secondary{color:#6b7280;background:#f3f4f6}.approval-icon-btn-secondary:hover{background:#e5e7eb;color:#374151;transform:translateY(-1px)}.approval-icon-btn-primary{color:#14a83c;background:#f0f9f4}.approval-icon-btn-primary:hover{background:#14a83c;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #14a83c4d}.approval-icon-btn-danger{color:#ef4444;background:#fef2f2}.approval-icon-btn-danger:hover{background:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.approval-table-actions{display:flex;gap:.5rem;justify-content:center;align-items:center}.approval-modal-footer{display:flex;gap:.75rem;justify-content:flex-end}.enterprise-modal-body:has(.approval-detail-modal-content){min-height:320px}.enterprise-modal-slate-tone.enterprise-modal-container{border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.enterprise-modal-slate-tone .enterprise-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:.75rem .75rem 0 0}.enterprise-modal-slate-tone .enterprise-modal-title{color:#1e293b;font-size:1.125rem;font-weight:600}.enterprise-modal-slate-tone .enterprise-modal-close-btn{background:transparent;color:#64748b}.enterprise-modal-slate-tone .enterprise-modal-close-btn:hover:not(:disabled){background:#f1f5f9;color:#475569}.enterprise-modal-slate-tone .enterprise-modal-footer{border-top:1px solid #e2e8f0;background:#fff;padding:1rem 1.5rem}.enterprise-modal-slate-tone .enterprise-modal-body{background:#fff;border-left:none;border-right:none}.enterprise-modal-slate-tone .enterprise-modal-body>div:first-child{background:#fff;border-top:none;box-shadow:none;border-left:none}.approval-detail-modal-content .approval-detail-th{padding:.75rem 1rem;font-weight:600;font-size:.875rem;color:#334155;background:#f8fafc;width:35%;border-bottom:1px solid #e2e8f0}.approval-detail-modal-content .approval-detail-td{padding:.75rem 1rem;font-size:.875rem;color:#1e293b;border-bottom:1px solid #e2e8f0}.approval-detail-modal-content .approval-detail-table tr:last-child .approval-detail-th,.approval-detail-modal-content .approval-detail-table tr:last-child .approval-detail-td{border-bottom:none}.enterprise-modal-body:has(.approval-action-modal-content){min-height:220px}.approval-action-modal-content{padding:20px 12px;min-height:220px}.approval-document-title-box{margin-bottom:1.5rem;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.approval-document-title-label{font-size:14px;color:#6b7280;margin-bottom:8px;font-weight:500}.approval-document-title-value{font-size:16px;color:#111827;font-weight:600}.approval-action-modal-content .form-group.approval-comment-form-group{margin-top:0;margin-bottom:0;min-height:140px;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.approval-comment-label{display:block;margin-bottom:.5rem;font-size:14px;font-weight:600;color:#374151}.approval-comment-textarea{display:block;width:100%;min-height:120px;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box}.approval-comment-textarea:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 3px #14a83c1a}.personal-approval-page .status-badge.status-draft{background:#e0e7ff;color:#6366f1}@media (max-width: 768px){.personal-approval-page{padding:1rem}.approval-stats-grid{grid-template-columns:1fr}.approval-tab-menu{flex-direction:column;align-items:stretch;gap:1rem}.approval-tabs{flex-wrap:wrap}.approval-filters-basic{flex-direction:column}.approval-search-wrapper{width:100%}.approval-card-grid{grid-template-columns:1fr}.approval-date-range{flex-direction:column;align-items:stretch}.approval-date-inputs{flex-direction:column}.approval-table-actions{flex-wrap:wrap}}.document-preview-container{padding:20px;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.document-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}.document-preview-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#0f766e;border-radius:50%;animation:document-preview-spin 1s linear infinite}@keyframes document-preview-spin{to{transform:rotate(360deg)}}.document-preview-loading p{color:#64748b;font-size:14px;margin:0}.document-preview-error{text-align:center;padding:40px;color:#dc2626}.document-preview-error p{margin:0 0 16px;font-size:15px}.document-preview-iframe{background:#f8fafc;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.personal-documents-page .doc-btn-icon:focus{outline:none;box-shadow:0 0 0 2px #0d948866}.personal-documents-page .btn-primary{background-color:#0d9488;color:#fff}.personal-documents-page .btn-primary:hover:not(:disabled){background-color:#0f766e}@media (max-width: 640px){.personal-documents-page .doc-request-cards{grid-template-columns:1fr}.personal-documents-page .doc-table-wrap{border-radius:.5rem}.personal-documents-page .doc-table th,.personal-documents-page .doc-table td{padding:.5rem .75rem;font-size:.8125rem}.personal-documents-page .doc-table .btn-small{width:100%;justify-content:center}}.notice-create-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.notice-create-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:560px;width:100%;max-height:90vh;overflow-y:auto}.notice-create-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#059669,#047857);border-radius:12px 12px 0 0}.notice-create-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.notice-create-modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;font-size:1.5rem;line-height:1;border-radius:.5rem}.notice-create-modal-close:hover:not(:disabled){background:#fff3}.notice-create-modal-close:disabled{opacity:.7;cursor:not-allowed}.notice-create-modal-form{padding:1.25rem 1.5rem}.notice-create-form-group{margin-bottom:1rem}.notice-create-form-group:last-of-type{margin-bottom:0}.notice-create-form-label{display:block;font-size:.875rem;font-weight:500;color:#334155;margin-bottom:.375rem}.notice-create-input,.notice-create-textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:.5rem .75rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.notice-create-input:focus,.notice-create-textarea:focus{outline:none;border-color:#059669;box-shadow:0 0 0 2px #05966933}.notice-create-textarea{min-height:160px;resize:vertical}.notice-create-checkboxes{display:flex;flex-wrap:wrap;gap:1rem}.notice-create-checkbox-label,.notice-create-radio-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#475569}.notice-create-radio-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.375rem}.notice-create-scheduled-wrap{margin-top:.5rem}.notice-create-modal-actions{display:flex;gap:.75rem;padding-top:1.25rem;margin-top:1rem;border-top:1px solid #e5e7eb}.notice-create-btn-submit{padding:.5rem 1rem;background:#059669;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer}.notice-create-btn-submit:hover:not(:disabled){background:#047857}.notice-create-btn-submit:disabled{opacity:.6;cursor:not-allowed}.notice-create-btn-cancel{padding:.5rem 1rem;background:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer}.notice-create-btn-cancel:hover:not(:disabled){background:#f8fafc}.notice-create-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.personal-notices-page .notice-search-bar .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.personal-notices-page .notice-search-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 2px #05966933}.personal-notices-page .notice-table-wrap{background:#fff}.personal-notices-page .notice-table th,.personal-notices-page .notice-table td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;text-align:center}.personal-notices-page .notice-th{background:#f8fafc;font-weight:600;color:#475569}.personal-notices-page .notice-td-title{min-width:200px}.personal-notices-page .notice-title-cell{justify-content:center}.personal-notices-page .notice-td-author,.personal-notices-page .notice-td-date{white-space:nowrap;color:#64748b}.personal-notices-page .notice-td-views{color:#64748b}.personal-notices-page .notice-badge{font-size:.7rem;padding:.15rem .4rem;border-radius:4px;font-weight:500}.personal-notices-page .notice-badge.pinned{background:#dbeafe;color:#1d4ed8}.personal-notices-page .notice-badge.important{background:#fee2e2;color:#b91c1c}.personal-notices-page .notice-badge.draft{background:#f1f5f9;color:#64748b}@media (max-width: 640px){.personal-notices-page .notice-table-wrap{font-size:.875rem}.personal-notices-page .notice-table th,.personal-notices-page .notice-table td{padding:.5rem .75rem}.personal-notices-page .notice-th-author,.personal-notices-page .notice-td-author,.personal-notices-page .notice-th-views,.personal-notices-page .notice-td-views{display:none}}.personal-notice-detail-page .notice-btn-back{transition:color .15s}.personal-notice-detail-page .notice-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;font-weight:500}.personal-notice-detail-page .notice-badge.pinned{background:#dbeafe;color:#1d4ed8}.personal-notice-detail-page .notice-badge.important{background:#fee2e2;color:#b91c1c}.personal-notice-detail-page .notice-detail-body{line-height:1.7}.personal-notice-detail-page .notice-detail-body p{margin-bottom:.75em}.personal-notice-detail-page .notice-detail-body ul,.personal-notice-detail-page .notice-detail-body ol{margin-left:1.5em;margin-bottom:.75em}.personal-notice-detail-page .notice-detail-body a{color:#0d9488;text-decoration:underline}.personal-notice-detail-page .notice-detail-body a:hover{color:#0f766e}.personal-notice-form-page .notice-input,.personal-notice-form-page .notice-textarea{transition:border-color .15s,box-shadow .15s}.personal-notice-form-page .notice-input:focus,.personal-notice-form-page .notice-textarea:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 2px #0d948833}.personal-notice-form-page .notice-btn-submit:disabled,.personal-notice-form-page .notice-btn-cancel:disabled{cursor:not-allowed}.user-permission-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;justify-content:center;align-items:flex-start;padding:1rem;background:#00000080;overflow-y:auto}.user-permission-modal{width:100%;max-width:42rem;max-height:calc(100vh - 2rem);margin:0 auto;display:flex;flex-direction:column;background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;flex-shrink:0}.user-permission-modal-header{flex-shrink:0;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#fff}.user-permission-modal-body{flex:1;min-height:0;overflow-y:auto;padding:1rem 1.25rem}.user-permission-modal-footer{flex-shrink:0;padding:1rem 1.25rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:.5rem;background:#f8fafc;border-radius:0 0 .75rem .75rem}.user-permission-segment{display:inline-flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#f8fafc;box-shadow:0 1px 2px #0000000a}.user-permission-option{position:relative;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;border:none;background:transparent;color:#64748b;cursor:pointer;transition:background-color .15s,color .15s;min-width:0}.user-permission-option input{position:absolute;opacity:0;width:0;height:0}.user-permission-option+.user-permission-option{border-left:1px solid #e2e8f0}.user-permission-option:hover{background:#e2e8f0;color:#334155}.user-permission-modal-close{padding:.25rem;font-size:1.5rem;line-height:1;color:#64748b;background:none;border:none;cursor:pointer;border-radius:6px}.user-permission-modal-close:hover{color:#334155;background:#f1f5f9}.user-permission-modal--wide{max-width:56rem}.user-permission-table-wrap{overflow-x:auto;padding:0 4px}.user-permission-table{width:100%;border-collapse:collapse;font-size:.8125rem}.user-permission-th-name,.user-permission-td-name{text-align:left;padding:8px 10px;border-bottom:1px solid #e2e8f0;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.user-permission-th-action,.user-permission-td-action{text-align:center;padding:6px 4px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.user-permission-th-action{font-weight:600;color:#475569;min-width:72px}.user-permission-table .user-permission-segment{display:inline-flex;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;background:#f8fafc}.user-permission-table .user-permission-option{padding:.35rem .5rem;font-size:.75rem}.user-permission-table .user-permission-row:hover{background:#f8fafc}.permission-accordion{display:flex;flex-direction:column;gap:0}.permission-accordion-item{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:8px}.permission-accordion-item:last-child{margin-bottom:0}.permission-accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f8fafc;border:none;font-size:.9375rem;font-weight:600;color:#334155;cursor:pointer;text-align:left;transition:background-color .15s}.permission-accordion-trigger:hover{background:#f1f5f9}.permission-accordion-label{flex:1}.permission-accordion-icon{font-size:.75rem;color:#64748b;margin-left:8px}.permission-accordion-panel{max-height:0;overflow:hidden;transition:max-height .2s ease-out;background:#fff}.permission-accordion-panel.is-open{max-height:2000px}.permission-accordion-panel ul{padding:12px 14px 14px;border-top:1px solid #e2e8f0}.permission-toggle-group{display:inline-flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#f8fafc}.permission-toggle-btn{padding:6px 12px;font-size:.8125rem;font-weight:500;border:none;background:transparent;color:#64748b;cursor:pointer;transition:background-color .15s,color .15s;min-width:56px}.permission-toggle-btn:hover{background:#e2e8f0;color:#334155}.permission-toggle-btn+.permission-toggle-btn{border-left:1px solid #e2e8f0}.permission-toggle-btn.active.allow,.user-permission-option.allow.active{background:#0f766e;color:#fff}.permission-toggle-btn.active.allow:hover,.user-permission-option.allow.active:hover{background:#0d5d57;color:#fff}.permission-toggle-btn.active.deny,.user-permission-option.deny.active{background:#b91c1c;color:#fff}.permission-toggle-btn.active.deny:hover,.user-permission-option.deny.active:hover{background:#991b1b;color:#fff}.permission-toggle-btn.default.active,.user-permission-option.default.active{background:#64748b;color:#fff}.permission-toggle-btn.default.active:hover,.user-permission-option.default.active:hover{background:#475569;color:#fff}.dept-permission-table-wrap{overflow-x:auto;padding:0 4px;border-top:1px solid #e2e8f0}.dept-permission-table{width:100%;border-collapse:collapse;font-size:.8125rem}.dept-permission-th-name,.dept-permission-td-name{text-align:left;padding:8px 10px;border-bottom:1px solid #e2e8f0;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.dept-permission-th-action,.dept-permission-td-action{text-align:center;padding:6px 4px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.dept-permission-th-action{font-weight:600;color:#475569;min-width:72px}.dept-permission-row:hover{background:#f8fafc}.permission-management-tabs{display:flex;border-bottom:2px solid #e5e7eb;background:#fff;padding:0;gap:0;overflow-x:auto;margin-bottom:1.5rem;border-radius:8px 8px 0 0}.permission-management-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:transparent;color:#6b7280;font-size:.9375rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;margin-bottom:-2px;min-height:48px}.permission-management-tab:hover{color:#0f766e;background:#0f766e0a}.permission-management-tab.active{color:#0f766e;border-bottom-color:#0f766e;font-weight:600}.permission-management-content{position:relative}.inbound-invoice-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.inbound-invoice-page .stat-card{background:#fff;border-radius:8px;padding:24px;border:none!important;border-bottom:1px solid #e5e7eb!important;border-left:none!important;border-right:none!important;border-top:none!important;transition:all .2s ease}.inbound-invoice-page .stat-card:before{display:none!important;content:none!important}.inbound-invoice-page .stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-content{display:flex;flex-direction:column;gap:8px}.stat-label{font-size:13px;font-weight:500;color:#6b7280;letter-spacing:-.01em;text-transform:uppercase}.stat-value{font-size:32px;font-weight:700;color:#111827;line-height:1.1;letter-spacing:-.02em}.stat-amount{font-size:18px;font-weight:600;color:#667eea;line-height:1.2;letter-spacing:-.01em}.inbound-filters{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.inbound-filters__row{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}.inbound-filters__fields{display:flex;align-items:flex-end;gap:16px;flex:1 1 auto;min-width:0}.inbound-filters__group{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}.inbound-filters__group--apply{flex:0 0 auto;align-self:flex-end}.inbound-filters__label--sr-only{opacity:0;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.inbound-filters__btn--apply{background:#14a83c;color:#fff;border-color:#14a83c}.inbound-filters__btn--apply:hover{background:#009946;color:#fff;border-color:#009946}.inbound-filters__group--supplier{min-width:120px}.inbound-filters__group--search{flex:1 1 200px;min-width:180px;max-width:280px}.inbound-filters__label{font-size:12px;font-weight:600;color:#475569;letter-spacing:-.01em;line-height:1.3}.inbound-filters__input,.inbound-filters__select{height:40px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;color:#0f172a;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;width:100%}.inbound-filters__input::-moz-placeholder{color:#94a3b8}.inbound-filters__input::placeholder{color:#94a3b8}.inbound-filters__input:hover,.inbound-filters__select:hover{border-color:#94a3b8}.inbound-filters__input:focus,.inbound-filters__select:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 3px #14a83c1f}.inbound-filters__input--search{min-width:200px}.inbound-filters__actions{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-left:8px;border-left:1px solid #e2e8f0;margin-left:8px}.inbound-filters__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap;border:1px solid transparent;box-sizing:border-box}.inbound-filters__btn--reset{background:#f8fafc;color:#64748b;border-color:#e2e8f0}.inbound-filters__btn--reset:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.inbound-filters__view-toggle{display:flex;align-items:center;gap:0;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc}.inbound-filters__btn--view{background:transparent;color:#64748b;border:none;border-radius:0;padding:0 14px}.inbound-filters__btn--view:first-child{border-right:1px solid #e2e8f0}.inbound-filters__btn--view:hover{background:#f1f5f9;color:#475569}.inbound-filters__btn--view-active{background:#14a83c;color:#fff;border-color:#14a83c}.inbound-filters__btn--view-active:hover{background:#009946;color:#fff;border-color:#009946}.page-header h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.inbound-invoice-page .table-container{margin-bottom:0}.text-muted{color:#64748b;font-size:12px}.loading-container{display:flex;justify-content:center;align-items:center;height:400px;font-size:16px;color:#666}.inbound-invoice-page .loading-skeleton-card .skeleton-line{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shine 1.2s ease-in-out infinite;border-radius:4px;height:14px}.inbound-invoice-page .loading-skeleton-card .skeleton-value{height:28px;width:64px;margin-top:6px}.inbound-invoice-page .loading-skeleton-card .skeleton-amount{height:18px;width:80px;margin-top:4px}.inbound-invoice-page .filter-skeleton{height:42px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shine 1.2s ease-in-out infinite;border-radius:6px}.loading-table-skeleton{min-height:320px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}@keyframes skeleton-shine{to{background-position:200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.invoice-form{display:flex;flex-direction:column;gap:28px;padding:36px 44px;position:relative;z-index:1;background:#f8fafc}.invoice-form .error-banner{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:14px 20px;display:flex;align-items:center;gap:10px;color:#b91c1c;font-size:14px;font-weight:600;letter-spacing:-.01em;box-shadow:0 2px 8px #dc262614}.invoice-section{margin-bottom:32px}.invoice-section:last-child{margin-bottom:0}.invoice-section-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;letter-spacing:-.02em}.invoice-form .invoice-header{display:flex;flex-direction:column;gap:24px;padding:0;background:transparent;border:none;box-shadow:none}.invoice-header-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.invoice-field{margin-bottom:0}.invoice-field:last-child{margin-bottom:0}.invoice-label{display:block;margin-bottom:10px;font-weight:600;color:#334155;font-size:13px;letter-spacing:-.02em;text-transform:uppercase}.invoice-form .invoice-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;background:#fff;color:#0f172a;box-sizing:border-box}.invoice-form .invoice-input:hover{border-color:#cbd5e1;background:#fff}.invoice-form .invoice-input:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 4px #14a83c1f}.invoice-form .invoice-input::-moz-placeholder{color:#94a3b8}.invoice-form .invoice-input::placeholder{color:#94a3b8}.invoice-form .invoice-input:disabled{background-color:#f1f5f9;cursor:not-allowed;border-color:#e2e8f0}.invoice-form .invoice-input-error{border-color:#dc2626;background:#fef2f2}.invoice-form .invoice-input-error:focus{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261f}.invoice-input-number{text-align:right;font-variant-numeric:tabular-nums}.invoice-table-container{border:none;border-bottom:none;border-radius:0;overflow:visible;position:relative;z-index:1;background:transparent;box-shadow:none}.invoice-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;table-layout:fixed;position:relative;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.invoice-table thead{background:linear-gradient(135deg,#14a83c,#009946)}.invoice-table th{padding:16px 20px;text-align:left;font-weight:600;font-size:13px;color:#fff;border-bottom:none;vertical-align:middle;letter-spacing:-.02em;text-transform:uppercase}.invoice-table th.invoice-th-actions{text-align:center;width:56px}.invoice-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.invoice-table tbody tr:hover{background-color:#f0fdf4}.invoice-table tbody tr:last-child{border-bottom:none}.invoice-table td{padding:16px 20px;vertical-align:middle;word-wrap:break-word;position:relative;overflow:visible;font-size:14px;color:#334155}.invoice-table td>input,.invoice-table td>div:first-child{width:100%;box-sizing:border-box}.medicine-search-wrapper{position:relative;width:100%;display:block;z-index:10}.medicine-search-wrapper input{width:100%;box-sizing:border-box;display:block}.price-loading{display:block;font-size:12px;color:#14a83c;margin-top:6px;font-weight:500}.error-message{display:block;font-size:12px;color:#dc2626;margin-top:6px;font-weight:500}.medicine-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014;max-height:320px;overflow-y:auto;transform:translateZ(0)}.medicine-dropdown-item{padding:14px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.medicine-dropdown-item:last-child{border-bottom:none}.medicine-dropdown-item:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.medicine-name{font-weight:600;color:#0f172a;margin-bottom:4px;font-size:14px}.medicine-code{color:#14a83c;font-weight:600;margin-right:6px;font-size:12px}.medicine-info{font-size:12px;color:#64748b;margin-top:4px}.medicine-details{display:flex;flex-direction:column;gap:4px}.medicine-price{font-size:13px;color:#14a83c;font-weight:600;margin-top:6px;padding-top:6px;border-top:1px solid #f1f5f9}.medicine-price strong{color:#009946;font-size:14px}.medicine-price-empty{font-size:12px;color:#94a3b8;margin-top:6px;padding-top:6px;border-top:1px solid #f1f5f9}.medicine-price-empty .text-muted{color:#94a3b8;font-style:italic}.invoice-amount{font-weight:700;color:#0f172a;text-align:right;padding:4px 0;font-size:15px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.btn-remove-row{background:#fff;color:#dc2626;border:2px solid #fecaca;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;font-weight:300;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.btn-remove-row:hover:not(:disabled){background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc262626}.btn-remove-row:disabled{opacity:.35;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0;color:#94a3b8}.btn-add-row{width:100%;padding:16px;background:linear-gradient(180deg,#fff,#f8fafc);border:2px dashed #cbd5e1;border-top:1px solid #e2e8f0;border-radius:0 0 10px 10px;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.btn-add-row:hover{background:linear-gradient(180deg,#f0fdf4,#dcfce7);border-color:#14a83c;color:#14a83c;border-style:solid;border-width:2px;border-top:1px solid #e2e8f0}.invoice-footer{padding:0;background:transparent;border:none;border-top:none;display:flex;justify-content:flex-end}.invoice-total{display:flex;align-items:center;gap:24px;padding:0;min-width:360px;justify-content:space-between;background:transparent;border:none;border-radius:0;box-shadow:none}.invoice-total-label{font-size:13px;font-weight:700;color:#64748b;letter-spacing:.05em;text-transform:uppercase}.invoice-total-amount{font-size:28px;font-weight:800;color:#14a83c;letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(20,168,60,.1)}.modal-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:0;padding-top:0;border-top:none;position:relative;z-index:1}.modal-actions .btn-primary,.modal-actions .btn-secondary{padding:14px 28px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:-.02em;border:none}.modal-actions .btn-primary{background:linear-gradient(135deg,#14a83c,#009946);color:#fff;box-shadow:0 4px 14px #14a83c4d,0 2px 6px #14a83c33}.modal-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #14a83c59,0 4px 10px #14a83c40}.modal-actions .btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.modal-actions .btn-secondary{background:#fff;color:#475569;border:2px solid #e2e8f0}.modal-actions .btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#334155;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.modal-actions .btn-secondary:disabled{opacity:.55;cursor:not-allowed}.enterprise-modal-body:has(.invoice-form){overflow-y:auto;overflow-x:visible;padding:0;background:#f8fafc}.modal-body:has(.invoice-form){overflow-y:auto;overflow-x:visible}.enterprise-modal-container:has(.invoice-form) .enterprise-modal-footer{border-top:none!important}.enterprise-modal-slate .invoice-form{background:#fff;padding:1.5rem 2rem;gap:1.5rem}.enterprise-modal-slate .invoice-form .invoice-section:not(:last-child){min-height:120px}.enterprise-modal-slate .invoice-section-title{font-size:1rem;font-weight:600;color:#1e293b;border-bottom:1px solid #e2e8f0;padding-bottom:.75rem;margin-bottom:1rem}.enterprise-modal-slate .invoice-label{font-size:.875rem;font-weight:500;color:#334155;text-transform:none;letter-spacing:0;margin-bottom:.375rem}.enterprise-modal-slate .invoice-form .invoice-input{border:1px solid #cbd5e1;border-radius:.5rem;padding:.5rem .75rem}.enterprise-modal-slate .invoice-form .invoice-input:hover{border-color:#94a3b8}.enterprise-modal-slate .invoice-form .invoice-input:focus{border-color:#64748b;box-shadow:0 0 0 2px #64748b33}.enterprise-modal-slate .invoice-table{border:1px solid #e2e8f0;border-radius:.5rem}.enterprise-modal-slate .invoice-table thead{background:#f1f5f9}.enterprise-modal-slate .invoice-table th{color:#1e293b;font-size:.8125rem;padding:.75rem 1rem}.enterprise-modal-slate .invoice-table tbody tr:hover{background-color:#f8fafc}.enterprise-modal-slate .invoice-table tbody tr{border-bottom:1px solid #e2e8f0}.enterprise-modal-slate .invoice-table td{padding:.75rem 1rem;font-size:.875rem;color:#334155}.enterprise-modal-slate .invoice-total-label{color:#64748b;font-weight:600}.enterprise-modal-slate .invoice-total-amount{color:#1e293b;font-weight:700;text-shadow:none}.enterprise-modal-slate .modal-actions .btn-primary,.enterprise-modal-slate .invoice-form-actions .btn-primary{background:#14a83c;box-shadow:0 1px 2px #14a83c33}.enterprise-modal-slate .modal-actions .btn-primary:hover:not(:disabled),.enterprise-modal-slate .invoice-form-actions .btn-primary:hover:not(:disabled){background:#009946;box-shadow:0 2px 4px #14a83c40;transform:translateY(0)}.enterprise-modal-slate .modal-actions .btn-secondary,.enterprise-modal-slate .invoice-form-actions .btn-secondary{background:#e2e8f0;color:#334155;border:1px solid #cbd5e1}.enterprise-modal-slate .modal-actions .btn-secondary:hover:not(:disabled),.enterprise-modal-slate .invoice-form-actions .btn-secondary:hover:not(:disabled){background:#cbd5e1;border-color:#94a3b8;color:#1e293b;transform:translateY(0);box-shadow:none}.enterprise-modal-slate .btn-add-row{background:#fff;border:2px dashed #cbd5e1;color:#64748b;border-radius:.5rem}.enterprise-modal-slate .btn-add-row:hover{background:#f8fafc;border-color:#94a3b8;color:#475569}.enterprise-modal-slate .btn-remove-row{border:1px solid #e2e8f0;color:#64748b;background:#f8fafc}.enterprise-modal-slate .btn-remove-row:hover:not(:disabled){background:#fee2e2;border-color:#fecaca;color:#dc2626}.enterprise-modal-slate .price-loading{color:#64748b}.enterprise-modal-slate .enterprise-modal-body:has(.invoice-form){background:#fff}.enterprise-modal-slate .invoice-form .error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:.75rem 1rem;color:#b91c1c;font-size:.875rem;font-weight:500;box-shadow:none}.enterprise-modal-slate .invoice-form-actions{border-top:1px solid #e2e8f0;padding-top:1rem;margin-top:1rem}.invoice-form-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0;flex-shrink:0}.invoice-form-actions .btn-primary,.invoice-form-actions .btn-secondary{padding:14px 28px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:-.02em;border:none}.invoice-form-actions .btn-primary{background:linear-gradient(135deg,#14a83c,#009946);color:#fff;box-shadow:0 4px 14px #14a83c4d,0 2px 6px #14a83c33}.invoice-form-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #14a83c59,0 4px 10px #14a83c40}.invoice-form-actions .btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.invoice-form-actions .btn-secondary{background:#fff;color:#475569;border:2px solid #e2e8f0}.invoice-form-actions .btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#334155;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.invoice-form-actions .btn-secondary:disabled{opacity:.55;cursor:not-allowed}.grouped-view{display:flex;flex-direction:column;gap:24px}.inbound-group{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.group-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-bottom:2px solid #ddd}.group-info{display:flex;flex-direction:column;gap:4px}.group-date{font-size:16px;font-weight:700;color:#333}.group-supplier{font-size:14px;color:#666}.group-summary{display:flex;align-items:center;gap:16px}.group-count{font-size:14px;color:#666;padding:6px 12px;background:#fff;border-radius:6px}.group-total{font-size:18px;font-weight:700;color:#667eea}.inbound-group .data-table{margin:0}.inbound-group .data-table thead{background:#f9f9f9}.inbound-group .data-table thead th{background:#f9f9f9;color:#333;border-bottom:1px solid #e0e0e0}@media (max-width: 768px){.inbound-invoice-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.stats-cards{grid-template-columns:1fr}.stat-card{padding:20px}.stat-value{font-size:28px}.stat-amount{font-size:16px}.inbound-filters{padding:16px}.inbound-filters__row{flex-direction:column;align-items:stretch;gap:16px}.inbound-filters__fields{flex-direction:column;gap:12px}.inbound-filters__group--apply{align-self:stretch}.inbound-filters__group--supplier,.inbound-filters__group--search{max-width:none}.inbound-filters__actions{flex-wrap:wrap;border-left:none;margin-left:0;padding-left:0;border-top:1px solid #e2e8f0;padding-top:12px;margin-top:4px}.inbound-filters__view-toggle{width:100%;justify-content:stretch}.inbound-filters__btn--view{flex:1}.invoice-header-row{grid-template-columns:1fr}.invoice-table{font-size:12px}.invoice-table th,.invoice-table td{padding:8px}.invoice-total{flex-direction:column;align-items:stretch;gap:10px;min-width:0;width:100%;padding:0}.invoice-form{padding:24px 20px;gap:20px}.invoice-section{margin-bottom:24px}.invoice-section-title{font-size:15px;margin-bottom:16px;padding-bottom:10px}.invoice-form .invoice-header{gap:20px}.group-header{flex-direction:column;align-items:flex-start;gap:12px}.group-summary{width:100%;justify-content:space-between}}.form-page{max-width:1400px;margin:0 auto;padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:calc(100vh - 64px)}.form-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;position:relative}.form-page .page-header:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#14a83c,#009946);border-radius:2px}.form-page .page-header h1{margin:0;font-size:32px;font-weight:700;color:#1e293b;letter-spacing:-.5px;display:flex;align-items:center;gap:12px}.form-page .page-header .btn-small{padding:10px 20px;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px}.form-page .page-header .btn-small:hover{background:#f8fafc;border-color:#14a83c;color:#14a83c;transform:translate(-2px)}.data-form{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 24px #00000014;border:1px solid rgba(255,255,255,.8)}.form-section{margin-bottom:40px;padding:32px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#14a83c,#009946);opacity:0;transition:opacity .3s ease}.form-section:hover:before{opacity:1}.form-section:last-child{margin-bottom:0}.form-section h2{margin:0 0 28px;font-size:20px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.form-section h2:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#14a83c,#009946);border-radius:2px}.form-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.medicine-price-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.form-group{margin-bottom:24px;position:relative}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:10px;font-weight:600;font-size:14px;color:#334155;letter-spacing:-.2px;display:flex;align-items:center;gap:6px}.form-label.required:after{content:"*";color:#ef4444;font-weight:700;margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:500;color:#1e293b;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.form-input::-moz-placeholder,.form-select::-moz-placeholder,.form-textarea::-moz-placeholder{color:#94a3b8;font-weight:400}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#94a3b8;font-weight:400}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 4px #14a83c1a;background:#fff}.form-input:disabled,.form-select:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed;border-color:#cbd5e1}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23334155' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-hint{display:block;margin-top:8px;font-size:13px;color:#64748b;line-height:1.5;font-weight:400}.form-hint.auto-fill-hint{color:#14a83c;font-weight:600;display:flex;align-items:center;gap:6px;animation:fade-in-up .3s ease-out;background:#14a83c1a;padding:8px 12px;border-radius:8px;border-left:3px solid #14A83C;margin-top:10px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-input.auto-filled,.form-select.auto-filled,.form-textarea.auto-filled{border-color:#14a83c;background:linear-gradient(135deg,#f0fdf4,#dcfce7);animation:highlight-pulse 2s ease-out;box-shadow:0 0 0 3px #14a83c1a}@keyframes highlight-pulse{0%{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e;box-shadow:0 0 0 4px #14a83c33}to{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#14a83c;box-shadow:0 0 0 3px #14a83c1a}}.input-group{display:flex;gap:12px;align-items:flex-start}.input-group .form-input{flex:1}.input-group .btn-small{padding:14px 20px;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.input-group .btn-small:hover:not(:disabled){background:#f8fafc;border-color:#14a83c;color:#14a83c;transform:translateY(-1px);box-shadow:0 2px 8px #14a83c26}.input-group .btn-small:disabled{opacity:.5;cursor:not-allowed}.form-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease;position:relative}.form-checkbox:hover{background:#f1f5f9;border-color:#cbd5e1}.form-checkbox input[type=checkbox]{width:20px;height:20px;margin:2px 0 0;cursor:pointer;accent-color:#14A83C;flex-shrink:0}.form-checkbox span{flex:1;font-weight:500;color:#334155;font-size:15px;line-height:1.5}.form-checkbox.auto-filled{border-color:#14a83c;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:48px;padding-top:32px;border-top:2px solid #e2e8f0}.form-actions .btn-primary{padding:16px 32px;background:linear-gradient(135deg,#14a83c,#009946);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #14a83c4d;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden}.form-actions .btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff3;opacity:0;transition:opacity .3s ease}.form-actions .btn-primary:hover:not(:disabled):before{opacity:1}.form-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #14a83c66}.form-actions .btn-primary:active:not(:disabled){transform:translateY(0)}.form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-actions .btn-small{padding:16px 32px;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-actions .btn-small:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.form-actions .btn-small:disabled{opacity:.5;cursor:not-allowed}.loading{display:flex;align-items:center;justify-content:center;padding:64px;font-size:16px;color:#64748b;gap:12px}.loading:before{content:"";width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#14a83c;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1200px){.form-section-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.form-page{padding:24px 16px}.data-form,.form-section{padding:24px}.form-section-grid,.form-row-2,.medicine-price-row{grid-template-columns:1fr}.form-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.form-page .page-header h1{font-size:24px}.input-group{flex-direction:column}.input-group .btn-small,.btn-detail-view{width:100%;justify-content:center}.form-actions{flex-direction:column-reverse}.form-actions .btn-primary,.form-actions .btn-small{width:100%;justify-content:center}}@media (max-width: 480px){.form-page{padding:16px 12px}.data-form{padding:20px;border-radius:16px}.form-section{padding:20px}.form-section h2{font-size:18px}}.btn-detail-view{padding:14px 20px;background:linear-gradient(135deg,#14a83c,#009946);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:0 2px 8px #14a83c4d;flex-shrink:0}.btn-detail-view:hover{transform:translateY(-2px);box-shadow:0 4px 12px #14a83c66}.btn-detail-view:active{transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.medicine-form-in-modal .data-form{padding:0;background:transparent;box-shadow:none;border:none;border-radius:0}.medicine-form-in-modal .form-section{margin-bottom:1.5rem;padding:1rem 0;background:transparent;border:none;border-bottom:1px solid #e2e8f0;border-radius:0}.medicine-form-in-modal .form-section:before{display:none}.medicine-form-in-modal .form-section h2{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#334155;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.medicine-form-in-modal .form-section h2:before{display:none}.medicine-form-in-modal .form-label{display:block;margin-bottom:.25rem;font-weight:500;font-size:.875rem;color:#334155}.medicine-form-in-modal .form-input,.medicine-form-in-modal .form-select,.medicine-form-in-modal .form-textarea{width:100%;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.medicine-form-in-modal .form-input:focus,.medicine-form-in-modal .form-select:focus,.medicine-form-in-modal .form-textarea:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 2px #14a83c33}.medicine-form-in-modal .form-hint{margin-top:.25rem;font-size:.75rem;color:#64748b}.medicine-form-in-modal .form-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:.5rem}.medicine-form-in-modal .form-actions .btn-primary{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:#14a83c;color:#fff;border:none;border-radius:.5rem;box-shadow:none}.medicine-form-in-modal .form-actions .btn-primary:hover:not(:disabled){background:#0d8a2e}.medicine-form-in-modal .form-actions .btn-primary:before{display:none}.medicine-form-in-modal .form-actions .btn-small{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#334155;background:#e2e8f0;border:none;border-radius:.5rem}.medicine-form-in-modal .form-actions .btn-small:hover:not(:disabled){background:#cbd5e1;color:#334155;border:none}.medicine-name-link{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;transition:color .2s}.medicine-name-link:hover{color:#0056b3;text-decoration:none}.medicine-detail-content{padding:0}.detail-loading,.detail-error{padding:40px 28px;text-align:center}.detail-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#14a83c;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.detail-loading p{color:#6b7280;font-size:14px;margin:0}.detail-error{color:#dc2626}.error-icon{font-size:48px;display:block;margin-bottom:16px}.detail-error p{font-size:16px;font-weight:600;margin:0 0 8px}.detail-error small{color:#6b7280;font-size:14px}.detail-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #14A83C}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item-full{margin-bottom:20px}.detail-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:15px;color:#111827;font-weight:500;word-break:break-word}.code-value{font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;background:#f3f4f6;padding:6px 10px;border-radius:4px;display:inline-block}.price-value{color:#059669;font-weight:600;font-size:16px}.controlled-yes{color:#dc2626;font-weight:600}.controlled-no{color:#059669}.detail-text-content{font-size:14px;color:#374151;line-height:1.8;background:#f9fafb;padding:16px;border-radius:8px;border-left:4px solid #14A83C;margin-top:8px;white-space:pre-wrap;word-break:keep-all}.warning-text{border-left-color:#dc2626;background:#fef2f2}.info-tooltip{animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media (max-width: 768px){.detail-grid{grid-template-columns:1fr}.medicine-detail-content{padding:20px}.info-tooltip{width:280px!important;left:auto!important;right:0!important;transform:translateY(0)!important;top:calc(100% + 8px)!important}.info-tooltip>div:last-child{display:none}.info-tooltip:before{content:"";position:absolute;top:-4px;right:12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1e293b}}.medicine-autocomplete{width:100%}.autocomplete-input-wrapper{position:relative;width:100%}.autocomplete-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #14A83C;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.autocomplete-results-section{margin-top:1.5rem;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.results-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#14a83c,#009946);border-radius:8px 8px 0 0;color:#fff}.results-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.results-badge{background:#fff3;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.results-count{font-size:13px;opacity:.9}.autocomplete-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-top:none;border-radius:0 0 8px 8px;max-height:600px;overflow-y:auto}.result-card{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#14a83c,#009946);transform:scaleX(0);transition:transform .2s ease}.result-card:hover{border-color:#14a83c;box-shadow:0 4px 12px #14a83c26;transform:translateY(-2px)}.result-card:hover:before{transform:scaleX(1)}.result-card.selected{border-color:#14a83c;background:#f0fdf4;box-shadow:0 4px 12px #14a83c33}.result-card.selected:before{transform:scaleX(1)}.result-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.medicine-name{font-size:15px;font-weight:700;color:#212529;line-height:1.4;flex:1;word-break:keep-all}.select-indicator{font-size:20px;opacity:0;transition:all .2s ease}.result-card:hover .select-indicator,.result-card.selected .select-indicator{opacity:1}.result-card-body{display:flex;flex-direction:column;gap:8px}.medicine-info-row{display:flex;align-items:center;gap:8px;font-size:13px}.info-icon{font-size:14px;min-width:20px;text-align:center}.info-label{color:#6c757d;font-weight:500;min-width:60px}.info-value{color:#495057;flex:1;word-break:break-all}.info-badge{background:#f8f9fa;padding:4px 10px;border-radius:4px;font-size:11px;font-family:Courier New,monospace;color:#495057;border:1px solid #e9ecef}.info-badge.badge-professional{background:#fff3cd;color:#856404;border-color:#ffc107;font-family:inherit;font-weight:600}.info-badge.badge-general{background:#d1ecf1;color:#0c5460;border-color:#17a2b8;font-family:inherit;font-weight:600}.info-badge.badge-edi{background:#e7f3ff;color:#004085;border-color:#b8daff;font-weight:600}.info-badge.badge-insured{background:#d4edda;color:#155724;border-color:#c3e6cb;font-weight:600}.info-badge.badge-uninsured{background:#fff3cd;color:#856404;border-color:#ffeaa7;font-weight:600}.info-badge.badge-narcotics{background:#f8d7da;color:#721c24;border-color:#f5c6cb;font-family:inherit;font-weight:700;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{background:#f8d7da}50%{background:#f5c6cb}}.medicine-info-row.warning-row{background:#fff3cd;margin:0 -16px;padding:8px 16px;border-left:4px solid #ffc107}.result-card-image{width:100%;height:120px;margin-bottom:12px;border-radius:6px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.result-card-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.autocomplete-empty{padding:48px 24px;text-align:center;background:#fff;border:1px solid #e9ecef;border-top:none;border-radius:0 0 8px 8px}.autocomplete-empty-message{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c757d}.autocomplete-empty-message .empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.autocomplete-empty-message p{margin:0 0 8px;font-size:16px;font-weight:600;color:#495057}.autocomplete-empty-message small{font-size:13px;color:#6c757d;margin-top:8px}.manual-input-hint{margin-top:16px!important;font-size:12px!important;color:#64748b!important}.manual-input-button{margin-top:20px;padding:12px 24px;background:linear-gradient(135deg,#14a83c,#009946);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px #14a83c4d}.manual-input-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #14a83c66}.manual-input-button:active{transform:translateY(0)}.autocomplete-mode-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease;z-index:10}.autocomplete-mode-toggle:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-50%) scale(1.05)}.manual-input-notice{margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #14A83C;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#166534;animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.manual-input-notice span:first-child{font-size:18px}.manual-input-cancel{margin-left:auto;padding:6px 14px;background:#fff;color:#14a83c;border:2px solid #14A83C;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.manual-input-cancel:hover{background:#14a83c;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #14a83c4d}.results-loading{padding:48px 24px;text-align:center;background:#fff;border:1px solid #e9ecef;border-top:none;border-radius:0 0 8px 8px}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #14A83C;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:14px;color:#6c757d}.autocomplete-results-grid::-webkit-scrollbar{width:10px}.autocomplete-results-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 0 8px}.autocomplete-results-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:5px}.autocomplete-results-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 1200px){.autocomplete-results-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.autocomplete-results-grid{grid-template-columns:1fr;max-height:500px}.result-card{padding:14px}.medicine-name{font-size:14px}.medicine-info-row{font-size:12px}}@media (prefers-reduced-motion: reduce){.result-card,.autocomplete-results-section{animation:none;transition:none}}.medicine-history-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.medicine-history-toolbar .btn-add{padding:.5rem 1rem;font-size:.875rem;font-weight:500;white-space:nowrap;border-radius:.5rem}.filter-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-section.medicine-history-filter{margin-bottom:20px}.filter-label{font-size:.875rem;font-weight:500;color:#334155}.filter-select{padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;color:#334155;background:#fff;min-width:140px;transition:border-color .2s,box-shadow .2s}.filter-select:hover{border-color:#94a3b8}.filter-select:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 2px #14a83c26}.filter-count{font-size:.875rem;color:#64748b;font-weight:500}.table-container{overflow-x:auto;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff}.table-container .data-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.table-container .data-table thead{background:#f8fafc;position:sticky;top:0;z-index:1}.table-container .data-table th{padding:.75rem 1rem;text-align:center;font-weight:600;font-size:.875rem;color:#334155;border-bottom:1px solid #e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.table-container .data-table.price-history-table th:nth-child(1),.table-container .data-table.price-history-table td:nth-child(1){width:12%;min-width:90px}.table-container .data-table.price-history-table th:nth-child(2),.table-container .data-table.price-history-table td:nth-child(2){width:12%;min-width:80px}.table-container .data-table.price-history-table th:nth-child(3),.table-container .data-table.price-history-table td:nth-child(3){width:14%;min-width:90px}.table-container .data-table.price-history-table th:nth-child(4),.table-container .data-table.price-history-table td:nth-child(4){width:26%;min-width:100px}.table-container .data-table.price-history-table th:nth-child(5),.table-container .data-table.price-history-table td:nth-child(5){width:22%;min-width:120px}.table-container .data-table.price-history-table th:nth-child(6),.table-container .data-table.price-history-table td:nth-child(6){width:14%;min-width:90px}.table-container .data-table.price-history-table .th-price-type,.table-container .data-table.price-history-table .th-price,.table-container .data-table.price-history-table .th-date,.table-container .data-table.price-history-table .th-datetime,.table-container .data-table.price-history-table .th-remarks,.table-container .data-table.price-history-table .th-actions{text-align:center}.table-container .data-table.price-history-table .th-sort-wrap{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.table-container .data-table.price-history-table .th-sort-end{justify-content:flex-end;width:100%}.table-container .data-table.price-history-table .th-sort-center{justify-content:center;width:100%}.table-container .data-table.price-history-table td:nth-child(2){text-align:center}.table-container .data-table.price-history-table td:nth-child(1),.table-container .data-table.price-history-table td:nth-child(3){text-align:center}.table-container .data-table.price-history-table td:nth-child(6){text-align:center}.table-container .data-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem;vertical-align:middle;text-align:center}.table-container .data-table tbody tr:hover{background:#f8fafc}.table-container .data-table .no-data,.table-container .loading{padding:32px 16px;text-align:center;color:#64748b;font-size:14px}.table-container .error{margin:16px;padding:12px 16px;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:14px}.medicine-history-modal{max-width:1200px;width:95%;max-height:90vh;padding:0}.medicine-history-modal .modal-header{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#fff;border-radius:12px 12px 0 0}.medicine-history-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.medicine-history-modal .modal-header .modal-close{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.medicine-history-modal .modal-header .modal-close:hover{background-color:#f1f5f9;color:#1e293b}.medicine-history-modal .modal-body{padding:1rem 1.5rem;max-height:calc(90vh - 120px);overflow-y:auto}.history-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid #e2e8f0;padding-bottom:0}.history-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;font-size:.9375rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;position:relative;margin-bottom:-1px}.history-tab:hover{color:#334155;background-color:#f8fafc}.history-tab.active{color:#334155;border-bottom-color:#334155;font-weight:600;background-color:transparent}.price-type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;white-space:nowrap}.badge-insurance{background-color:#e3f2fd;color:#1976d2}.badge-purchase{background-color:#fff3e0;color:#f57c00}.price-history-modal{max-width:500px}.price-history-modal .modal-form{padding:28px}.price-history-modal .form-group{margin-bottom:24px}.price-history-modal .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.price-history-modal .form-group input,.price-history-modal .form-group select,.price-history-modal .form-group textarea{width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.price-history-modal .form-group input:focus,.price-history-modal .form-group select:focus,.price-history-modal .form-group textarea:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 3px #14a83c1a}.price-history-modal .form-group input:disabled,.price-history-modal .form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed}.price-history-modal .form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.modal-actions .btn-primary,.modal-actions .btn-secondary{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.modal-actions .btn-primary{background:#14a83c;color:#fff}.modal-actions .btn-primary:hover:not(:disabled){background:#009946;transform:translateY(-1px);box-shadow:0 4px 12px #14a83c4d}.modal-actions .btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.modal-actions .btn-secondary{background:#e2e8f0;color:#334155;font-weight:500}.modal-actions .btn-secondary:hover:not(:disabled){background:#cbd5e1}.modal-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb;flex-wrap:wrap}.pagination-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;background:#fff;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#334155;transition:all .2s ease;min-width:60px}.pagination-btn:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc;color:#334155}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#e2e8f0;color:#94a3b8;background:#f8fafc}.pagination-info{font-size:.875rem;font-weight:500;color:#334155;padding:0 .75rem}@media (max-width: 768px){.pagination{gap:8px}}.sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease;position:relative}.sortable-header:hover{background-color:#f8fafc}.sortable-header:active{background-color:#f1f5f9}.data-table th,.data-table td{vertical-align:middle;text-align:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.icon-btn:hover{background:#f8fafc;border-color:currentColor;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.icon-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.icon-btn-danger{color:#dc2626;border-color:#fecaca}.icon-btn-danger:hover{background:#fef2f2;border-color:#dc2626;color:#b91c1c}.icon-btn-edit{color:#14a83c;border-color:#bbf7d0}.icon-btn-edit:hover{background:#f0fdf4;border-color:#14a83c;color:#15803d}.medicine-alert-banner{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1.25rem}.medicine-alert-item{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500}.medicine-alert-item svg{flex-shrink:0}.medicine-alert-danger{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c}.medicine-dashboard-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem}.medicine-stat-card{background:#fff;border-radius:10px;padding:1.25rem 1rem;box-shadow:0 1px 3px #00000014;display:flex;align-items:center;gap:1rem;transition:box-shadow .2s,border-color .2s;border:1px solid #e2e8f0;position:relative;overflow:hidden}.medicine-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;transform:scaleY(0);transform-origin:top;transition:transform .25s ease}.medicine-stat-card:hover{box-shadow:0 4px 12px #0000001a}.medicine-stat-card:hover:before{transform:scaleY(1)}.medicine-stat-success:before{background:#16a34a}.medicine-stat-success .stat-icon{color:#16a34a}.medicine-stat-danger:before{background:#dc2626}.medicine-stat-danger .stat-icon{color:#dc2626}.medicine-stat-warning:before{background:#ea580c}.medicine-stat-warning .stat-icon{color:#ea580c}.medicine-stat-info:before{background:#2563eb}.medicine-stat-info .stat-icon{color:#2563eb}.medicine-stat-link{text-decoration:none;color:inherit;cursor:pointer}.medicine-stat-link:hover{border-color:#cbd5e1}.medicine-stat-btn{cursor:pointer;font:inherit;text-align:left;width:100%;border:1px solid #e2e8f0}.medicine-stat-btn:disabled{cursor:not-allowed;opacity:.65}.medicine-stat-btn:not(:disabled):hover{border-color:#cbd5e1}.medicine-stat-card .stat-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:10px;transition:transform .2s}.medicine-stat-card:hover .stat-icon{transform:scale(1.05)}.medicine-stat-card .stat-content{flex:1;min-width:0}.medicine-stat-card .stat-value{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 2px;line-height:1.2;font-variant-numeric:tabular-nums}.medicine-stat-card .stat-label{font-size:.8125rem;color:#64748b;font-weight:500;margin:0;line-height:1.3}.medicine-filter-section{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:1.25rem}.medicine-search-label{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.medicine-search-icon{position:absolute;left:12px;color:#64748b;pointer-events:none}.medicine-search-input{width:100%;padding:10px 14px 10px 44px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}.medicine-search-input::-moz-placeholder{color:#94a3b8}.medicine-search-input::placeholder{color:#94a3b8}.medicine-search-input:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 2px #14a83c1f}.medicine-filter-selects{display:flex;gap:10px;flex-wrap:wrap}.medicine-filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;min-width:120px;background:#fff}.medicine-filter-select:focus{outline:none;border-color:#14a83c}.medicine-table-container{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow-x:auto;border:1px solid #e2e8f0}.medicine-data-table{width:100%;border-collapse:collapse;font-size:14px}.medicine-data-table thead{position:sticky;top:0;z-index:1;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.medicine-data-table th{padding:12px 14px;text-align:left;font-weight:600;color:#475569;white-space:nowrap}.medicine-data-table td{padding:10px 14px;border-bottom:1px solid #f1f5f9}.medicine-data-table tbody tr:nth-child(2n){background:#fafafa}.medicine-data-table tbody tr:hover{background:#eff6ff}.medicine-controlled-badge,.medicine-data-table .medicine-controlled-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#dc2626;font-weight:600;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.medicine-controlled-badge-text,.medicine-data-table .medicine-controlled-badge-text{font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.2}.medicine-controlled-badge svg,.medicine-data-table .medicine-controlled-badge svg{flex-shrink:0;vertical-align:middle}.medicine-data-table tbody tr.medicine-empty-row:hover{background:#fafafa}.medicine-no-data-cell{text-align:center;padding:2.5rem 1.5rem;vertical-align:middle;border-bottom:none;background:#fafafa}.medicine-no-data{font-size:14px;color:#64748b}@media (max-width: 1400px){.medicine-dashboard-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.medicine-dashboard-cards{grid-template-columns:repeat(2,1fr);gap:.75rem}.medicine-stat-card{padding:1rem}.medicine-stat-card .stat-icon{width:40px;height:40px}.medicine-stat-card .stat-icon svg{width:22px;height:22px}.medicine-stat-card .stat-value{font-size:1.25rem}.medicine-filter-section{flex-direction:column;align-items:stretch}.medicine-search-label{min-width:0}.medicine-filter-selects{flex-direction:column}.medicine-filter-select{min-width:0}}@media (max-width: 480px){.medicine-dashboard-cards{grid-template-columns:1fr}}.status-indicator{display:inline-flex;align-items:center;gap:8px;cursor:help}.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 0 2px #fffc,0 2px 4px #0000001a;flex-shrink:0;transition:all .2s ease}.status-indicator:hover .status-dot{transform:scale(1.2);box-shadow:0 0 0 3px #ffffffe6,0 3px 6px #00000026}.status-indicator-green .status-dot{background-color:#22c55e;box-shadow:0 0 0 2px #fffc,0 2px 4px #22c55e4d}.status-indicator-green:hover .status-dot{box-shadow:0 0 0 3px #ffffffe6,0 3px 6px #22c55e66}.status-indicator-yellow .status-dot{background-color:#eab308;box-shadow:0 0 0 2px #fffc,0 2px 4px #eab3084d}.status-indicator-yellow:hover .status-dot{box-shadow:0 0 0 3px #ffffffe6,0 3px 6px #eab30866}.status-indicator-red .status-dot{background-color:#ef4444;box-shadow:0 0 0 2px #fffc,0 2px 4px #ef44444d}.status-indicator-red:hover .status-dot{box-shadow:0 0 0 3px #ffffffe6,0 3px 6px #ef444466}.status-indicator-gray .status-dot{background-color:#9ca3af;box-shadow:0 0 0 2px #fffc,0 2px 4px #9ca3af4d}.status-indicator-gray:hover .status-dot{box-shadow:0 0 0 3px #ffffffe6,0 3px 6px #9ca3af66}.medicine-edit-modal{max-width:1200px;width:95%;max-height:90vh;padding:0}.medicine-edit-modal .modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#fff;border-radius:8px 8px 0 0}.medicine-edit-modal .modal-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.medicine-edit-modal .modal-close{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;line-height:1}.medicine-edit-modal .modal-close:hover{background-color:#f3f4f6;color:#111827;transform:rotate(90deg)}.medicine-edit-modal .modal-body{padding:24px;max-height:calc(90vh - 120px);overflow-y:auto}.medicine-edit-modal .data-form{background:transparent;border-radius:0;padding:0;box-shadow:none;border:none}.medicine-edit-modal .form-section{margin-bottom:24px;padding:24px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.medicine-edit-modal .form-section:last-child{margin-bottom:0}.medicine-edit-modal .form-section h2{margin:0 0 20px;font-size:18px;font-weight:700;color:#111827;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.medicine-edit-modal .form-group{margin-bottom:20px}.medicine-edit-modal .form-group:last-child{margin-bottom:0}.medicine-edit-modal .form-label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.medicine-edit-modal .form-label.required:after{content:"*";color:#ef4444;font-weight:700;margin-left:4px}.medicine-edit-modal .form-input,.medicine-edit-modal .form-select,.medicine-edit-modal .form-textarea{width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.medicine-edit-modal .form-input:focus,.medicine-edit-modal .form-select:focus,.medicine-edit-modal .form-textarea:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 3px #14a83c1a}.medicine-edit-modal .form-input:disabled,.medicine-edit-modal .form-select:disabled{background-color:#f3f4f6;cursor:not-allowed}.medicine-edit-modal .form-textarea{resize:vertical;min-height:80px}.medicine-edit-modal .form-hint{display:block;margin-top:8px;font-size:13px;color:#6b7280;line-height:1.5}.medicine-edit-modal .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.medicine-edit-modal .form-actions .btn-primary{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;background:#14a83c;color:#fff}.medicine-edit-modal .form-actions .btn-primary:hover:not(:disabled){background:#009946;transform:translateY(-1px);box-shadow:0 4px 12px #14a83c4d}.medicine-edit-modal .form-actions .btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.medicine-edit-modal .form-actions .btn-small{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;background:#f3f4f6;color:#374151}.medicine-edit-modal .form-actions .btn-small:hover:not(:disabled){background:#e5e7eb}.medicine-edit-modal .form-actions .btn-small:disabled{opacity:.5;cursor:not-allowed}.medicine-edit-modal>div::-webkit-scrollbar{width:8px}.medicine-edit-modal>div::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.medicine-edit-modal>div::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.medicine-edit-modal>div::-webkit-scrollbar-thumb:hover{background:#94a3b8}.outbound-invoice-page{padding:24px;max-width:1400px;margin:0 auto}.outbound-invoice-page .stat-card{background:#fff;border-radius:8px;padding:24px;border:none!important;border-bottom:1px solid #e5e7eb!important;border-left:none!important;border-right:none!important;border-top:none!important;transition:all .2s ease}.outbound-invoice-page .stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.outbound-filters{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.outbound-filters__row{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}.outbound-filters__fields{display:flex;align-items:flex-end;gap:16px;flex:1 1 auto;min-width:0}.outbound-filters__group{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}.outbound-filters__group--apply{flex:0 0 auto;align-self:flex-end}.outbound-filters__label--sr-only{opacity:0;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.outbound-filters__btn--apply{background:#14a83c;color:#fff;border-color:#14a83c}.outbound-filters__btn--apply:hover{background:#009946;color:#fff;border-color:#009946}.outbound-filters__group--type{min-width:120px}.outbound-filters__group--search{flex:1 1 200px;min-width:180px;max-width:280px}.outbound-filters__label{font-size:12px;font-weight:600;color:#475569;letter-spacing:-.01em;line-height:1.3}.outbound-filters__input,.outbound-filters__select{height:40px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;color:#0f172a;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;width:100%}.outbound-filters__input::-moz-placeholder{color:#94a3b8}.outbound-filters__input::placeholder{color:#94a3b8}.outbound-filters__input:hover,.outbound-filters__select:hover{border-color:#94a3b8}.outbound-filters__input:focus,.outbound-filters__select:focus{outline:none;border-color:#14a83c;box-shadow:0 0 0 3px #14a83c1f}.outbound-filters__input--search{min-width:200px}.outbound-filters__actions{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-left:8px;border-left:1px solid #e2e8f0;margin-left:8px}.outbound-filters__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap;border:1px solid transparent;box-sizing:border-box}.outbound-filters__btn--reset{background:#f8fafc;color:#64748b;border-color:#e2e8f0}.outbound-filters__btn--reset:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.outbound-filters__view-toggle{display:flex;align-items:center;gap:0;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc}.outbound-filters__btn--view{background:transparent;color:#64748b;border:none;border-radius:0;padding:0 14px}.outbound-filters__btn--view:first-child{border-right:1px solid #e2e8f0}.outbound-filters__btn--view:hover{background:#f1f5f9;color:#475569}.outbound-filters__btn--view-active{background:#14a83c;color:#fff;border-color:#14a83c}.outbound-filters__btn--view-active:hover{background:#009946;color:#fff;border-color:#009946}@media (max-width: 768px){.outbound-invoice-page,.outbound-filters{padding:16px}.outbound-filters__row{flex-direction:column;align-items:stretch;gap:16px}.outbound-filters__fields{flex-direction:column;gap:12px}.outbound-filters__group--apply{align-self:stretch}.outbound-filters__group--type,.outbound-filters__group--search{max-width:none}.outbound-filters__actions{flex-wrap:wrap;border-left:none;margin-left:0;padding-left:0;border-top:1px solid #e2e8f0;padding-top:12px;margin-top:4px}.outbound-filters__view-toggle{width:100%;justify-content:stretch}.outbound-filters__btn--view{flex:1}}.nursing-date-input{border:1px solid var(--color-border, #e2e8f0);border-radius:6px;padding:6px 10px;font-size:.875rem;color:var(--color-text, #1a202c);background:var(--color-bg-input, #fff);cursor:pointer}.ward-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:16px}.ward-status-card{background:var(--color-bg-card, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 3px #0000000f}.ward-card-header{display:flex;align-items:center;gap:8px;color:var(--color-primary, #3b82f6)}.ward-card-name{font-size:1rem;font-weight:600;color:var(--color-text, #1a202c);flex:1}.ward-card-code{font-size:.75rem;color:var(--color-text-muted, #6b7280);background:var(--color-bg-badge, #f3f4f6);padding:2px 6px;border-radius:4px}.ward-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ward-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.ward-stat-value{font-size:1.25rem;font-weight:700}.ward-stat-label{font-size:.7rem;color:var(--color-text-muted, #6b7280)}.ward-stat--present .ward-stat-value{color:#16a34a}.ward-stat--late .ward-stat-value{color:#d97706}.ward-stat--absent .ward-stat-value{color:#dc2626}.ward-stat--total .ward-stat-value{color:var(--color-text, #1a202c)}.ward-card-bar{position:relative;height:6px;background:var(--color-bg-muted, #f1f5f9);border-radius:3px;overflow:hidden}.ward-card-bar-fill{position:absolute;left:0;top:0;height:100%;background:#3b82f6;border-radius:3px;transition:width .3s ease}.ward-card-bar-label{position:absolute;right:0;top:-18px;font-size:.7rem;color:var(--color-text-muted, #6b7280)}.nursing-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--color-text-muted, #6b7280);text-align:center}.nursing-empty-hint{font-size:.875rem;color:var(--color-text-muted, #6b7280)}.ward-date-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.ward-date-bar label{font-size:13px;font-weight:500;color:#64748b}.ward-date-bar input[type=date]{padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;color:#1e293b;background:#fff;cursor:pointer}.ward-date-bar input[type=date]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.ward-date-bar-sep{color:#94a3b8;font-size:13px}.ward-date-bar-reset{margin-left:auto;padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#64748b;background:#fff;cursor:pointer;transition:background .15s}.ward-date-bar-reset:hover{background:#f1f5f9}.ward-anomaly-banner{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.ward-anomaly-banner--ok{align-items:center;gap:8px;padding:14px 20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;font-size:14px;color:#15803d;font-weight:500}.ward-anomaly-card{display:flex;align-items:center;gap:8px;padding:12px 18px;border:1.5px solid;border-radius:10px;cursor:pointer;transition:transform .1s,box-shadow .15s;min-width:110px;font-size:14px;text-align:left}.ward-anomaly-card:hover,.ward-anomaly-card.is-active{transform:translateY(-1px)}.ward-anomaly-card-label{color:#374151;font-size:13px;font-weight:500}.ward-anomaly-card-count{font-size:18px;font-weight:700;margin-left:auto}.ward-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ward-section-title{font-size:15px;font-weight:600;color:#1e293b}.ward-anomaly-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:24px}.ward-anomaly-table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #f1f5f9;background:#fafafa}.ward-anomaly-table-count{font-size:13px;color:#64748b}.ward-anomaly-key-time{font-size:13px;color:#475569;font-variant-numeric:tabular-nums}.ward-anomaly-table-empty{padding:40px;text-align:center;color:#94a3b8;font-size:14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:24px}.ward-full-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:13px;color:#475569;cursor:pointer;margin-bottom:16px;transition:background .15s;width:-moz-fit-content;width:fit-content}.ward-full-toggle:hover{background:#f1f5f9}.ward-full-toggle svg{transition:transform .2s}.ward-full-toggle.is-open svg{transform:rotate(180deg)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-top-10{top:-2.5rem}.bottom-0{bottom:0}.left-1\/2{left:50%}.left-3{left:.75rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-3{right:.75rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1100\]{z-index:1100}.z-\[1200\]{z-index:1200}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2 / span 2}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-px{margin-bottom:-1px}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-52{max-height:13rem}.max-h-96{max-height:24rem}.max-h-\[28rem\]{max-height:28rem}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0px}.min-h-\[200px\]{min-height:200px}.min-h-\[320px\]{min-height:320px}.min-h-\[400px\]{min-height:400px}.min-h-\[40vh\]{min-height:40vh}.min-h-\[60vh\]{min-height:60vh}.min-h-\[70vh\]{min-height:70vh}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[1\.25rem\]{min-width:1.25rem}.min-w-\[120px\]{min-width:120px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[280px\]{min-width:280px}.min-w-\[4rem\]{min-width:4rem}.min-w-\[5rem\]{min-width:5rem}.min-w-\[min\(100\%\,28rem\)\]{min-width:min(100%,28rem)}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[120px\]{max-width:120px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[28rem\]{max-width:28rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .5s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.animate-shake{animation:shake .3s ease}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(241 245 249 / var(--tw-divide-opacity, 1))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.\!border-b-0{border-bottom-width:0px!important}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-emerald-600{--tw-border-opacity: 1;border-color:rgb(5 150 105 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-orange-300{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}.border-primary-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-primary-600{--tw-border-opacity: 1;border-color:rgb(20 168 60 / var(--tw-border-opacity, 1))}.border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-sky-200{--tw-border-opacity: 1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-slate-50{--tw-border-opacity: 1;border-color:rgb(248 250 252 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-b-emerald-500{--tw-border-opacity: 1;border-bottom-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-b-transparent{border-bottom-color:transparent}.border-l-teal-600{--tw-border-opacity: 1;border-left-color:rgb(13 148 136 / var(--tw-border-opacity, 1))}.border-t-emerald-500{--tw-border-opacity: 1;border-top-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-t-slate-800{--tw-border-opacity: 1;border-top-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-200{--tw-bg-opacity: 1;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-50\/50{background-color:#eff6ff80}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-50\/50{background-color:#ecfdf580}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-pink-50{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.bg-primary-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-primary-600{--tw-bg-opacity: 1;background-color:rgb(20 168 60 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-sky-50{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-50\/40{background-color:#f8fafc66}.bg-slate-50\/50{background-color:#f8fafc80}.bg-slate-50\/80{background-color:#f8fafccc}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.bg-teal-50{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.bg-teal-600{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity: 1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-50{--tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from: #059669 var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-600{--tw-gradient-from: #14A83C var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 168 60 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from: #f8fafc var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-400{--tw-gradient-to: #60a5fa var(--tw-gradient-to-position)}.to-emerald-100{--tw-gradient-to: #d1fae5 var(--tw-gradient-to-position)}.to-emerald-400{--tw-gradient-to: #34d399 var(--tw-gradient-to-position)}.to-green-50{--tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position)}.to-primary-800{--tw-gradient-to: #065f46 var(--tw-gradient-to-position)}.to-slate-100{--tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.\!pb-0{padding-bottom:0!important}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-3{padding-right:.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.\!text-center{text-align:center!important}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:JetBrains Mono,Consolas,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-pink-700{--tw-text-opacity: 1;color:rgb(190 24 93 / var(--tw-text-opacity, 1))}.text-primary-600{--tw-text-opacity: 1;color:rgb(20 168 60 / var(--tw-text-opacity, 1))}.text-primary-700{--tw-text-opacity: 1;color:rgb(0 153 70 / var(--tw-text-opacity, 1))}.text-primary-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-sky-900{--tw-text-opacity: 1;color:rgb(12 74 110 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-teal-700{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-violet-800{--tw-text-opacity: 1;color:rgb(91 33 182 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.accent-blue-600{accent-color:#2563eb}.accent-emerald-500{accent-color:#10b981}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-0:before{content:var(--tw-content);left:0}.before\:right-0:before{content:var(--tw-content);right:0}.before\:top-0:before{content:var(--tw-content);top:0}.before\:h-1:before{content:var(--tw-content);height:.25rem}.before\:bg-gradient-to-r:before{content:var(--tw-content);background-image:linear-gradient(to right,var(--tw-gradient-stops))}.before\:from-emerald-500:before{content:var(--tw-content);--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.before\:to-emerald-400:before{content:var(--tw-content);--tw-gradient-to: #34d399 var(--tw-gradient-to-position)}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.before\:transition-opacity:before{content:var(--tw-content);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.last\:border-0:last-child{border-width:0px}.read-only\:bg-slate-50:-moz-read-only{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.read-only\:bg-slate-50:read-only{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-emerald-200:hover{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.hover\:border-emerald-300:hover{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.hover\:border-emerald-500:hover{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.hover\:border-slate-300:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.hover\:border-slate-400:hover{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.hover\:bg-amber-200:hover{--tw-bg-opacity: 1;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50\/50:hover{background-color:#eff6ff80}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-50:hover{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-50\/50:hover{background-color:#ecfdf580}.hover\:bg-emerald-600:hover{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-100:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-200:hover{--tw-bg-opacity: 1;background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-50:hover{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-700:hover{--tw-bg-opacity: 1;background-color:rgb(0 153 70 / var(--tw-bg-opacity, 1))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-200\/70:hover{background-color:#e2e8f0b3}.hover\:bg-slate-200\/80:hover{background-color:#e2e8f0cc}.hover\:bg-slate-300:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50\/50:hover{background-color:#f8fafc80}.hover\:bg-slate-50\/80:hover{background-color:#f8fafccc}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.hover\:bg-teal-700:hover{--tw-bg-opacity: 1;background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1))}.hover\:from-primary-700:hover{--tw-gradient-from: #009946 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 153 70 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-primary-900:hover{--tw-gradient-to: #064e3b var(--tw-gradient-to-position)}.hover\:text-amber-700:hover{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-emerald-600:hover{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.hover\:text-emerald-700:hover{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.hover\:text-primary-600:hover{--tw-text-opacity: 1;color:rgb(20 168 60 / var(--tw-text-opacity, 1))}.hover\:text-primary-700:hover{--tw-text-opacity: 1;color:rgb(0 153 70 / var(--tw-text-opacity, 1))}.hover\:text-primary-800:hover{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-slate-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.hover\:text-slate-700:hover{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.hover\:text-slate-800:hover{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.hover\:text-slate-900:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:before\:opacity-100:hover:before{content:var(--tw-content);opacity:1}.focus\:border-emerald-500:focus{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.focus\:border-primary-500:focus{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.focus\:border-primary-600:focus{--tw-border-opacity: 1;border-color:rgb(20 168 60 / var(--tw-border-opacity, 1))}.focus\:border-teal-500:focus{--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.focus\:bg-slate-100:focus{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.focus\:ring-emerald-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1))}.focus\:ring-primary-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1))}.focus\:ring-primary-600\/20:focus{--tw-ring-color: rgb(20 168 60 / .2)}.focus\:ring-teal-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.active\:translate-y-0:active{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-100:disabled{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.disabled\:bg-slate-50:disabled{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.disabled\:text-slate-500:disabled{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:opacity-100{opacity:1}@media not all and (min-width: 768px){.max-md\:h-full{height:100%}.max-md\:max-h-full{max-height:100%}.max-md\:max-w-full{max-width:100%}.max-md\:rounded-none{border-radius:0}.max-md\:p-0{padding:0}}@media (min-width: 640px){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:table-cell{display:table-cell}.sm\:h-14{height:3.5rem}.sm\:h-8{height:2rem}.sm\:min-h-\[88px\]{min-height:88px}.sm\:w-8{width:2rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}.sm\:p-10{padding:2.5rem}.sm\:p-4{padding:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:table-cell{display:table-cell}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:min-w-\[36rem\]{min-width:36rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}