html.app-fullscreen-active,html.app-fullscreen-active body,html.app-fullscreen-active #root{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important;padding:0!important;overflow-x:hidden!important}:root{--bg-main: #f8fafc;--bg-card: rgba(255, 255, 255, .85);--bg-sidebar: #ffffff;--bg-input: #f8fafc;--primary: #4f46e5;--primary-hover: #4338ca;--primary-glow: rgba(79, 70, 229, .12);--accent: #7c3aed;--accent-glow: rgba(124, 58, 237, .12);--success: #10b981;--success-glow: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .15);--text-main: #0f172a;--text-muted: #64748b;--text-dark: #0f172a;--border: rgba(0, 0, 0, .14);--border-focus: rgba(79, 70, 229, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .02);--font-display: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100vh;width:100vw;font-size:14px}#root{height:100vh;width:100vw;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.glass-panel{background:var(--bg-card);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-height:auto;padding:16px 20px!important;box-sizing:border-box}.glass-panel .glass-panel{min-height:auto!important;flex:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-main)}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.05) 0%,transparent 40%),var(--bg-main)}.login-card{width:100%;max-width:440px;padding:40px;margin:16px}.login-header{text-align:center;margin-bottom:32px}.login-logo{font-size:40px;margin-bottom:12px}.login-title{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--text-main);letter-spacing:-.5px}.login-subtitle{color:var(--text-muted);font-size:14px;margin-top:6px}.form-group{margin-bottom:20px;position:relative}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:8px}.form-input{width:100%;padding:8px 16px;border-radius:8px;background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-main);font-family:var(--font-body);font-size:14px;outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.form-select{width:100%;padding:8px 36px 8px 16px;border-radius:8px;background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-main);outline:none;font-family:var(--font-body);font-size:14px;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' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.form-select option,select option{background-color:#1e293b;color:#f8fafc}.form-textarea{width:100%;min-height:100px;padding:12px 16px;border-radius:8px;background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-main);font-family:var(--font-body);font-size:14px;outline:none;resize:vertical;transition:all .2s ease}.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-family:var(--font-body);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px var(--primary-glow)}.btn-secondary{background-color:transparent;color:var(--text-main);border:1px solid var(--border)}.btn-secondary:hover{background-color:#ffffff0d}.btn-danger{background-color:var(--danger);color:#fff;box-shadow:0 4px 12px var(--danger-glow)}.btn-danger:hover{background-color:#dc2626;transform:translateY(-1px)}.btn-success{background-color:var(--success);color:#fff;box-shadow:0 4px 12px var(--success-glow)}.btn-success:hover{background-color:#059669;transform:translateY(-1px)}.btn-warning{background-color:#f59e0b;color:#fff;box-shadow:0 4px 12px #f59e0b4d}.btn-warning:hover{background-color:#d97706;transform:translateY(-1px)}.btn-full{width:100%}.btn-small{padding:8px 14px;font-size:13px;border-radius:6px}.error-message{background-color:#ef44441a;border:1px solid var(--danger);color:#fca5a5;padding:12px;border-radius:8px;font-size:13px;margin-bottom:20px;text-align:center;flex:none!important;height:auto!important;display:block!important}.sidebar{width:260px;background-color:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:all .3s ease}.sidebar.hidden{width:0;overflow:hidden;opacity:0;border-right:none;pointer-events:none}.sidebar-header{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.sidebar-logo{font-size:24px}.sidebar-title{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.3px}.sidebar-profile{padding:8px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px;box-shadow:0 2px 8px #4f46e533}.profile-details{overflow:hidden}.profile-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role-badge{display:inline-block;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700;margin-top:4px;text-transform:uppercase;white-space:nowrap}.badge-board{background-color:#7c3aed14;color:#6d28d9;border:1px solid rgba(124,58,237,.2)}.badge-director{background-color:#4f46e514;color:#4338ca;border:1px solid rgba(79,70,229,.2)}.badge-employee{background-color:#10b98114;color:#047857;border:1px solid rgba(16,185,129,.2)}.sidebar-nav{padding:24px 16px;display:flex;flex-direction:column;gap:6px;flex-grow:1;overflow-y:auto}.sidebar-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-weight:700;margin-top:14px;margin-bottom:6px;padding-left:12px;opacity:.75}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;background:transparent;width:100%;box-sizing:border-box}.nav-item:hover{color:var(--text-main);background-color:#00000008}.nav-item.active{color:#fff;background-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.sidebar-footer{padding:16px 24px;border-top:1px solid var(--border)}.main-wrapper{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;height:100vh}.top-bar{height:70px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;flex-shrink:0;background-color:var(--bg-sidebar)}.top-bar-title{font-family:var(--font-display);font-weight:600;font-size:20px;flex:1;min-width:0;overflow:hidden}.top-bar-title>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%;vertical-align:middle}.top-bar-actions{flex-shrink:0}.content-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;flex-grow:1;height:calc(100vh - 70px);min-height:0}.read-only-tab button,.read-only-tab input,.read-only-tab select,.read-only-tab textarea,.read-only-tab [role=button],.read-only-tab .status-badge{pointer-events:none!important;opacity:.65!important;cursor:not-allowed!important}.content-body>div,.content-body>.animate-fade-in{display:flex;flex-direction:column;flex:1 0 auto;min-height:100%;height:auto;overflow:visible}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.stat-card{padding:16px;display:flex;align-items:center;justify-content:space-between}.stat-info{display:flex;flex-direction:column;gap:6px}.stat-label{font-size:13px;color:var(--text-muted);font-weight:500}.stat-value{font-family:var(--font-display);font-size:28px;font-weight:700}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.panel-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.panel-title{font-family:var(--font-display);font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.panel-body{padding:16px}.clock-widget{text-align:center;padding:20px 0}.clock-time{font-family:var(--font-display);font-size:38px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#fff 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.clock-date{color:var(--text-muted);font-size:14px;margin-bottom:24px}.clock-status-info{display:flex;justify-content:space-around;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.status-item{display:flex;flex-direction:column;gap:4px}.status-label{font-size:12px;color:var(--text-muted)}.status-val{font-size:14px;font-weight:600}.calendar-wrapper{margin-top:12px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.calendar-month-name{font-family:var(--font-display);font-weight:700;font-size:16px}.calendar-nav-btn{background:none;border:1px solid var(--border);width:32px;height:32px;border-radius:50%;color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.calendar-nav-btn:hover{background-color:#ffffff0d;border-color:var(--text-muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-weekday{text-align:center;font-size:12px;font-weight:600;color:var(--text-muted);padding:8px 0}.calendar-day{aspect-ratio:1;border-radius:10px;background-color:#00000005;border:1px solid transparent;padding:6px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all .2s ease;cursor:pointer}.calendar-day:hover{background-color:#0000000d;border-color:var(--border)}.calendar-day.empty{visibility:hidden}.calendar-day.today{border-color:var(--primary);background-color:#6366f114}.day-number{font-size:13px;font-weight:600}.day-status-dots{display:flex;gap:3px;justify-content:flex-end}.dot{width:6px;height:6px;border-radius:50%}.dot-normal{background-color:var(--success)}.dot-late{background-color:var(--warning)}.dot-leave{background-color:var(--accent)}.dot-early_leave{background-color:var(--warning)}.dot-absent{background-color:var(--danger)}.dot-overtime{background-color:var(--primary)}.calendar-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;justify-content:center}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.data-table-container{overflow-y:auto;overflow-x:auto;max-height:calc(100vh - 240px);width:100%;max-width:100%;flex:1;min-height:0;border-radius:12px;border:1px solid var(--border)}div:has(>table.data-table),div:has(>table.table),div:has(>table){overflow-x:auto;max-width:100%}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.data-table th{position:sticky;top:0;background-color:var(--bg-main);z-index:10;box-shadow:inset 0 -1px 0 var(--border);padding:4px 8px;color:var(--text-muted);font-weight:600;white-space:nowrap}.data-table td{padding:4px 8px;border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:middle;white-space:nowrap;line-height:1.2}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#ffffff03}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:600}.badge-pending{background-color:#f59e0b1f;color:var(--warning);border:1px solid rgba(245,158,11,.25)}.badge-approved{background-color:#10b9811f;color:var(--success);border:1px solid rgba(16,185,129,.25)}.badge-rejected{background-color:#ef44441f;color:var(--danger);border:1px solid rgba(239,68,68,.25)}.badge-revoked{background-color:#9ca3af1f;color:#9ca3af;border:1px solid rgba(156,163,175,.25)}.category-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.cat-basic_management,.cat-general{background-color:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.cat-hr_special,.cat-welfare{background-color:#a855f726;color:#9333ea;border:1px solid rgba(168,85,247,.3)}.cat-admin_office,.cat-attendance,.cat-contract{background-color:#3b82f626;color:#2563eb;border:1px solid rgba(59,130,246,.3)}.cat-finance_special{background-color:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3)}.cat-rd_special{background-color:#06b6d426;color:#0891b2;border:1px solid rgba(6,182,212,.3)}.cat-production_special{background-color:#f9731626;color:#ea580c;border:1px solid rgba(249,115,22,.3)}.cat-quality_special{background-color:#ec489926;color:#db2777;border:1px solid rgba(236,72,153,.3)}.cat-business_special{background-color:#6366f126;color:#4f46e5;border:1px solid rgba(99,102,241,.3)}.cat-safety_env_special{background-color:#22c55e26;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.cat-discipline_reward,.cat-benefit{background-color:#8b5cf626;color:#7c3aed;border:1px solid rgba(139,92,246,.3)}.cat-risk_control,.cat-composite_raw_materials,.cat-cosmetic_formulas{background-color:#0ea5e926;color:#0284c7;border:1px solid rgba(14,165,233,.3)}.cat-safety_compliance,.cat-confidentiality{background-color:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.policy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;overflow-y:auto;padding:4px;flex:1;min-height:0}.policy-card{padding:16px;transition:all .2s;display:flex;flex-direction:column;justify-content:space-between;height:fit-content}.policy-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-lg)}.policy-card-title{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:12px}.policy-card-excerpt{color:var(--text-muted);font-size:13px;line-height:1.6;margin-bottom:16px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.policy-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px;margin-top:auto}.policy-card-date{font-size:11px;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:20px!important;margin:16px;position:relative}.modal-close{position:absolute;top:24px;right:24px;background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer}.modal-close:hover{color:var(--text-main)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.modal-container{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:16px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;color:#0f172a!important;width:100%;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:fadeIn .25s ease-out}.form-control{padding:8px 12px;background-color:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:6px;color:#0f172a!important;outline:none;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626}.form-control::placeholder{color:#94a3b8}.split-view{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0}@media (max-width: 768px){html,body,#root,div,p,span,label,a,li,input,button,select,textarea,td,th{line-height:1.2!important}h1,h2,h3,h4,h5,h6,.panel-title,.section-title,.card-title{line-height:1.15!important;margin-top:2px!important;margin-bottom:4px!important}.btn,button,input,select,textarea,.form-control,.input{padding-top:4px!important;padding-bottom:4px!important;margin-top:1px!important;margin-bottom:1px!important;line-height:1.2!important}.btn-small,.btn-sm{padding-top:2px!important;padding-bottom:2px!important}.form-group{margin-bottom:6px!important}.glass-panel,.card,.panel,.dashboard-card,.report-item{padding:8px 6px!important;margin-bottom:6px!important}ul,ol,.resp-list{margin-top:4px!important;margin-bottom:4px!important;padding-left:16px!important}.resp-list li,ul li,ol li{margin-bottom:2px!important;line-height:1.25!important}table td,table th,.table td,.table th,.data-table td,.data-table th,.bt-table td,.bt-table th{padding-top:3px!important;padding-bottom:3px!important;line-height:1.2!important}.nav-item{padding-top:6px!important;padding-bottom:6px!important;margin-bottom:2px!important}.tabs-container,.tab-bar,.bt-view-bar,.bt-toolbar{margin-bottom:4px!important;padding-top:2px!important;padding-bottom:2px!important;gap:4px!important;min-height:auto!important}.tab-btn,.bt-vtab{padding:3px 8px!important;line-height:1.2!important}.modal-content{padding:12px 14px!important}.modal-header,.modal-footer{padding-top:6px!important;padding-bottom:6px!important;margin-bottom:4px!important}.modal-body{padding-top:6px!important;padding-bottom:6px!important}.split-view{grid-template-columns:1fr;overflow-y:auto}.dashboard-module-content,.bt-table-wrap,.glass-panel,.animate-fade-in,.data-table-container,div:has(>table.data-table),div:has(>table.table),div:has(>table){overflow-x:hidden!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;touch-action:pan-y!important}.data-table-container,div:has(>table.data-table),div:has(>table.table),div:has(>table){border-left:none!important;border-right:none!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.animate-fade-in .data-table,.animate-fade-in .table,.dashboard-module-content .data-table,.dashboard-module-content .table,.data-table-container .data-table,.data-table-container .table,.data-table,.table{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;border:none!important;box-shadow:none!important;background:transparent!important;box-sizing:border-box!important;overflow-x:hidden!important}.animate-fade-in .data-table thead,.animate-fade-in .table thead,.dashboard-module-content .data-table thead,.dashboard-module-content .table thead,.data-table-container thead{display:none!important}.animate-fade-in .data-table tbody,.animate-fade-in .table tbody,.dashboard-module-content .data-table tbody,.dashboard-module-content .table tbody,.data-table-container tbody{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.animate-fade-in .data-table tbody tr,.animate-fade-in .table tbody tr,.dashboard-module-content .data-table tbody tr,.dashboard-module-content .table tbody tr,.data-table-container tbody tr{display:flex!important;flex-direction:column!important;background:#ffffff0d!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;padding:8px 10px!important;box-shadow:0 2px 6px #0000000f!important;margin:6px 0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;gap:4px 10px!important;overflow-x:hidden!important}.animate-fade-in .data-table tbody td,.animate-fade-in .table tbody td,.dashboard-module-content .data-table tbody td,.dashboard-module-content .table tbody td,.data-table-container tbody td{display:flex!important;align-items:center!important;padding:2px 0!important;border-bottom:none!important;font-size:12px!important;line-height:1.25!important;color:var(--text-main, #e2e8f0)!important;box-sizing:border-box!important}.animate-fade-in .data-table tbody tr>td:first-child,.animate-fade-in .table tbody tr>td:first-child,.dashboard-module-content .data-table tbody tr>td:first-child,.dashboard-module-content .table tbody tr>td:first-child,.data-table-container tbody tr>td:first-child{flex:0 0 100%!important;width:100%!important;max-width:100%!important;font-size:14px!important;font-weight:700!important;padding-bottom:4px!important;margin-bottom:2px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;color:var(--text-main, #f8fafc)!important}.animate-fade-in .data-table tbody tr>td:nth-child(2),.animate-fade-in .data-table tbody tr>td:nth-child(3),.animate-fade-in .data-table tbody tr>td:nth-child(4),.animate-fade-in .table tbody tr>td:nth-child(2),.animate-fade-in .table tbody tr>td:nth-child(3),.animate-fade-in .table tbody tr>td:nth-child(4),.dashboard-module-content .data-table tbody tr>td:nth-child(2),.dashboard-module-content .data-table tbody tr>td:nth-child(3),.dashboard-module-content .data-table tbody tr>td:nth-child(4),.dashboard-module-content .table tbody tr>td:nth-child(2),.dashboard-module-content .table tbody tr>td:nth-child(3),.dashboard-module-content .table tbody tr>td:nth-child(4),.data-table-container tbody tr>td:nth-child(2),.data-table-container tbody tr>td:nth-child(3),.data-table-container tbody tr>td:nth-child(4){flex:0 0 auto!important;width:auto!important;max-width:max-content!important;display:inline-flex!important;align-items:center!important;padding:2px 0!important;border-bottom:none!important;font-size:12px!important;color:var(--text-muted, #94a3b8)!important}.animate-fade-in .data-table tbody tr>td:nth-child(5),.animate-fade-in .table tbody tr>td:nth-child(5),.dashboard-module-content .data-table tbody tr>td:nth-child(5),.dashboard-module-content .table tbody tr>td:nth-child(5),.data-table-container tbody tr>td:nth-child(5){flex:0 0 100%!important;width:100%!important;max-width:100%!important;padding:4px 0!important;margin-top:2px!important;border-bottom:none!important;word-break:break-word!important;white-space:normal!important}.animate-fade-in .data-table tbody tr>td:nth-child(5) *,.animate-fade-in .table tbody tr>td:nth-child(5) *,.dashboard-module-content .data-table tbody tr>td:nth-child(5) *,.dashboard-module-content .table tbody tr>td:nth-child(5) *,.data-table-container tbody tr>td:nth-child(5) *{max-width:100%!important;white-space:normal!important;word-break:break-word!important}.animate-fade-in .data-table tbody tr>td:nth-child(6),.animate-fade-in .table tbody tr>td:nth-child(6),.dashboard-module-content .data-table tbody tr>td:nth-child(6),.dashboard-module-content .table tbody tr>td:nth-child(6),.data-table-container tbody tr>td:nth-child(6){flex:1 1 auto!important;display:inline-flex!important;align-items:center!important;padding:4px 0 0!important;border-bottom:none!important}.animate-fade-in .data-table tbody tr>td:nth-child(7),.animate-fade-in .table tbody tr>td:nth-child(7),.dashboard-module-content .data-table tbody tr>td:nth-child(7),.dashboard-module-content .table tbody tr>td:nth-child(7),.data-table-container tbody tr>td:nth-child(7){flex:0 0 auto!important;display:inline-flex!important;justify-content:flex-end!important;align-items:center!important;padding:4px 0 0!important;border-bottom:none!important;margin-left:auto!important}.animate-fade-in .data-table tbody td:last-child,.animate-fade-in .table tbody td:last-child,.dashboard-module-content .data-table tbody td:last-child,.dashboard-module-content .table tbody td:last-child,.data-table-container tbody td:last-child{border-bottom:none!important}.animate-fade-in .data-table tbody td:empty,.animate-fade-in .table tbody td:empty,.dashboard-module-content .data-table tbody td:empty,.dashboard-module-content .table tbody td:empty,.data-table-container tbody td:empty{display:none!important}body,p,div,span,label,li,a,button,input,select,textarea,td,th{line-height:1.25!important}h1,h2,h3,h4,h5,h6,.panel-title,.modal-title,.card-title,.sidebar-title,.section-title,.widget-title,.tab-title{line-height:1.2!important;margin-top:2px!important;margin-bottom:4px!important}p{margin-top:2px!important;margin-bottom:4px!important;line-height:1.25!important}.form-group,.form-control-wrap,fieldset{margin-bottom:6px!important;padding-top:2px!important;padding-bottom:2px!important}.form-group label,.form-label{margin-bottom:2px!important;font-size:12px!important;line-height:1.2!important}input[type=text],input[type=number],input[type=password],input[type=date],input[type=datetime-local],input[type=search],select,textarea,.form-control{padding:5px 8px!important;font-size:13px!important;line-height:1.25!important;min-height:unset!important}.btn,button{padding:4px 10px!important;line-height:1.2!important}.btn-small,button.btn-small{padding:2px 6px!important;font-size:11px!important;line-height:1.15!important}.glass-panel,.card,.panel,.dashboard-card,.report-item,.info-card,.status-card,.stat-card{padding:8px 10px!important;margin-bottom:6px!important;gap:4px!important}ul,ol,.resp-list,.list-group,.nav-list{margin-top:2px!important;margin-bottom:4px!important;padding-left:14px!important}li,.list-group-item,.nav-item{margin-bottom:2px!important;padding:3px 6px!important;line-height:1.25!important}.animate-fade-in,.content-body,.main-content,.mobile-container,.mobile-tab-view,.dashboard-content-wrapper,.app-main,.portal-container{gap:6px!important;padding-top:4px!important;padding-bottom:calc(88px + env(safe-area-inset-bottom,8px))!important}.bt-table,.data-table,.table{line-height:1.2!important}.bt-table td,.bt-table th,.data-table td,.data-table th,.table td,.table th{padding:4px 6px!important;line-height:1.2!important}.modal-content,.modal-body,.modal-header,.modal-footer{padding:10px 12px!important;gap:6px!important}.modal-header,.modal-footer{padding-top:6px!important;padding-bottom:6px!important}.mobile-header,.mobile-top-nav,.mobile-bottom-nav,.sidebar-header{padding-top:4px!important;padding-bottom:4px!important}.badge,.badge-count,.tag,.bt-tag{padding:1px 5px!important;line-height:1.15!important}}.resp-list{list-style:none;margin-top:12px}.resp-list li{position:relative;padding-left:20px;font-size:13px;line-height:1.6;margin-bottom:8px;color:var(--text-main)}.resp-list li:before{content:"•";position:absolute;left:6px;color:var(--primary);font-weight:700}.report-item{border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;background-color:#ffffff03}.report-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border-bottom:1px solid var(--border);padding-bottom:8px}.report-item-meta{font-size:12px;color:var(--text-muted);display:flex;gap:12px}.report-item-sec{margin-top:12px}.report-item-label{font-size:12px;font-weight:600;color:var(--primary);margin-bottom:4px}.report-item-text{font-size:13px;color:var(--text-main);line-height:1.5;white-space:pre-wrap}.tabs-container{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:16px}.tab-btn{padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;position:relative}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary)}@media (max-height: 800px){body{font-size:13px}.top-bar{height:calc(54px + max(0px,env(safe-area-inset-top)));padding:0 16px;padding-top:max(0px,env(safe-area-inset-top));box-sizing:border-box}.content-body{height:calc(100vh - 54px);padding:12px 16px}.sidebar-header{padding:8px 12px}.sidebar-profile{padding:6px 10px}.sidebar-nav{padding:12px 8px;gap:4px}.nav-item{padding:8px 12px;font-size:13px;gap:8px}.btn{padding:8px 16px;font-size:13px}.btn-small{padding:6px 12px;font-size:11px}.form-input,.form-select,.form-textarea{padding:8px 12px;font-size:13px}.form-group{margin-bottom:12px}.top-bar-title{font-size:16px;flex:1;min-width:0;overflow:hidden}.panel-title{font-size:14px}.stat-value{font-size:22px}.stats-grid{gap:10px;margin-bottom:12px}.dashboard-grid{gap:12px;margin-bottom:12px}.glass-panel{padding:10px 8px!important;max-width:100%!important;box-sizing:border-box!important;min-height:auto!important;height:auto!important}.modal-content{padding:14px!important;max-width:95vw!important}.content-body{padding:8px 6px!important;overflow-x:hidden!important;max-width:100vw!important;box-sizing:border-box!important}.top-bar{padding:0 10px!important}}.report-tab-grid{grid-template-columns:1.2fr 1fr}@media (max-width: 992px){.report-tab-grid{grid-template-columns:1fr}}.report-column-scroll{max-height:82vh;overflow-y:auto}.toast-message{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:99999;padding:12px 24px;border-radius:8px;font-size:14px;text-align:center;box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:320px;max-width:90%;border:1px solid transparent;display:block!important;height:auto!important;flex:none!important;animation:toastSlideDown .3s ease-out}@keyframes toastSlideDown{0%{top:-60px;opacity:0}to{top:24px;opacity:1}}.theme-employee{--bg-main: #f4f8f5;--bg-card: rgba(255, 255, 255, .9);--bg-sidebar: #f7faf8;--bg-input: #fbfdfc;--primary: #1b4d3e;--primary-hover: #12352b;--primary-glow: rgba(27, 77, 62, .15);--accent: #0f766e;--accent-glow: rgba(15, 118, 110, .15);--border: rgba(27, 77, 62, .12);--border-focus: rgba(27, 77, 62, .35);background:radial-gradient(circle at 10% 20%,rgba(27,77,62,.04) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(15,118,110,.04) 0%,transparent 45%),#f4f8f5!important;transition:background .3s ease}.theme-employee .glass-panel{border-radius:20px!important;box-shadow:0 8px 30px #1b4d3e0a,0 2px 8px #00000003!important;border:1px solid rgba(27,77,62,.08)!important}.theme-employee .sidebar{border-right:1px solid rgba(27,77,62,.08)!important}.theme-employee .sidebar-header,.theme-employee .sidebar-profile{border-bottom:1px solid rgba(27,77,62,.08)!important}.theme-employee .profile-avatar{background:linear-gradient(135deg,#1b4d3e,#0f766e)!important;box-shadow:0 4px 10px #1b4d3e40!important;color:#fff!important}.theme-employee .nav-item{border-radius:12px!important}.theme-employee .nav-item:hover{background-color:#1b4d3e0d!important;color:var(--primary)!important}.theme-employee .nav-item.active{background:linear-gradient(135deg,#1b4d3e,#0f766e)!important;box-shadow:0 4px 14px #1b4d3e40!important;color:#fff!important}.theme-employee .btn-primary{background:linear-gradient(135deg,#1b4d3e,#15803d)!important;border:none!important;box-shadow:0 4px 10px #1b4d3e33!important}.theme-employee .btn-primary:hover{background:linear-gradient(135deg,#12352b,#1b4d3e)!important}.theme-employee .badge-employee{background-color:#1b4d3e1a!important;color:#1b4d3e!important;border:1px solid rgba(27,77,62,.25)!important}.theme-management{--bg-main: #f1f5f9;--bg-card: rgba(255, 255, 255, .92);--bg-sidebar: #ffffff;--bg-input: #f8fafc;--primary: #1d4ed8;--primary-hover: #1e40af;--primary-glow: rgba(29, 78, 216, .15);--accent: #0f766e;--accent-glow: rgba(15, 118, 110, .15);--border: rgba(15, 23, 42, .15);--border-focus: rgba(29, 78, 216, .4);background:radial-gradient(circle at 10% 20%,rgba(29,78,216,.05) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(15,118,110,.05) 0%,transparent 45%),#f1f5f9!important;transition:background .3s ease}.theme-management .glass-panel{border-radius:12px!important;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005!important;border:1px solid rgba(15,23,42,.1)!important}.theme-management .sidebar{border-right:1px solid rgba(15,23,42,.12)!important;background-color:#f8fafc!important}.theme-management .sidebar-header{border-bottom:1px solid rgba(15,23,42,.1)!important;background:linear-gradient(to bottom,#f8fafc,#f1f5f9)!important}.theme-management .sidebar-profile{border-bottom:1px solid rgba(15,23,42,.1)!important}.theme-management .profile-avatar{background:linear-gradient(135deg,#1d4ed8,#0f766e)!important;box-shadow:0 4px 10px #1d4ed833!important;color:#fff!important}.theme-management .nav-item{border-radius:6px!important;border:none!important;background:transparent!important;color:#64748b!important;font-weight:500!important;padding:8px 12px!important;font-size:13px!important;width:100%!important;text-align:left!important;box-shadow:none!important}.theme-management .nav-item:hover{background-color:#1d4ed80a!important;color:var(--primary)!important}.theme-management .nav-item.active{background-color:#1d4ed814!important;color:var(--primary)!important;font-weight:600!important;box-shadow:none!important}.theme-management .subsystem-header{font-size:14px!important;font-weight:600!important;color:#334155!important;padding:10px 14px!important;border-radius:8px!important;margin-bottom:4px!important;border:1px solid transparent!important;background:transparent!important;display:flex!important;justify-content:space-between!important;align-items:center!important;transition:all .2s ease!important;box-shadow:none!important}.theme-management .subsystem-header:hover{background-color:#f1f5f9!important;color:#0f172a!important}.theme-management .subsystem-header.active{background:#1d4ed80f!important;color:var(--primary)!important;border-left:4px solid var(--primary)!important;border-radius:0 8px 8px 0!important}.theme-management .subsystem-tabs-container{margin-left:12px!important;padding-left:12px!important;border-left:1.5px solid rgba(29,78,216,.08)!important;display:flex;flex-direction:column;gap:4px;margin-top:4px;margin-bottom:12px}.theme-management .subsystem-tab-group-title{padding:8px 12px 4px!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8!important;font-weight:600!important}.theme-management .subsystem-tab-divider{height:1px;background-color:#0f172a0d;margin:6px 12px}.theme-management .btn-primary{background:linear-gradient(135deg,#1d4ed8,#3b82f6)!important;border:none!important;box-shadow:0 4px 10px #1d4ed826!important}.theme-management .btn-primary:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8)!important}.suggestion-item-hover:hover{background-color:#e2e8f0!important;color:var(--primary)!important}.clickable-profile{transition:all .2s ease-in-out}.clickable-profile:hover{background-color:#ffffff14!important;transform:translateY(-1px)}.sidebar-quick-switch{padding:12px 16px;border-bottom:1px solid var(--border);background:#ffffff05;display:flex;flex-direction:column;gap:10px}@media (min-width: 769px){.sidebar-quick-switch{display:none!important}}.collapsible-request-card{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.collapsible-request-card:hover{background:#ffffff08!important;border-color:var(--primary)!important;box-shadow:0 4px 12px #3b82f614}.payee-hover-trigger:hover .payee-tooltip{display:block!important}.resp-panel{padding:24px}.resp-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}.resp-card-container{padding:16px 20px;display:flex;flex-direction:column;gap:0px;border:1px solid var(--border);border-radius:10px;transition:all .2s ease;background-color:var(--bg-card);height:fit-content}.resp-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.resp-card-main-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;flex:1}.resp-card-dept-tag{font-size:11px;background:var(--primary-glow);color:var(--primary);padding:3px 8px;border-radius:4px;font-weight:700;white-space:nowrap;flex-shrink:0}.resp-card-title{font-size:15px;font-weight:700;color:var(--text-main);white-space:nowrap;flex-shrink:0}.resp-card-version-tag{font-size:12px;background:#ffffff14;color:var(--text-muted);padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.resp-card-status-badge{white-space:nowrap;flex-shrink:0}.resp-card-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;flex-shrink:0}@media (max-width: 640px){.resp-panel{padding:12px!important}.resp-header-top{margin-bottom:14px}.resp-card-container{padding:12px}.resp-card-header{flex-direction:column;align-items:flex-start;gap:10px}.resp-card-main-info{width:100%;gap:6px 8px}.resp-card-title{font-size:14px}.resp-card-actions{width:100%;justify-content:flex-end;padding-top:8px;border-top:1px dashed var(--border);margin-top:2px}}@media (max-width: 640px){.attendance-mobile-hide-table{display:none!important}.attendance-mobile-show-toggle{display:block!important}.attendance-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.attendance-tab-header{flex-direction:column;align-items:flex-start}}@media (min-width: 641px){.attendance-mobile-show-toggle{display:none!important}}.att-emp-card{padding:12px 14px;margin-bottom:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;transition:all .2s ease}@media (max-width: 640px){.att-stats-table-desktop{display:none!important}.att-stats-cards-mobile{display:flex!important;flex-direction:column;gap:10px}}@media (min-width: 641px){.att-stats-cards-mobile{display:none!important}.att-stats-table-desktop{display:block!important}}@media (max-width: 640px){.approvals-table-desktop{display:none!important}.approvals-cards-mobile{display:flex!important;flex-direction:column;gap:12px}}@media (min-width: 641px){.approvals-cards-mobile{display:none!important}.approvals-table-desktop{display:block!important}}@media (max-width: 640px){.emp-table-desktop{display:none!important}.emp-cards-mobile{display:flex!important;flex-direction:column;gap:6px!important}}@media (min-width: 641px){.emp-cards-mobile{display:none!important}.emp-table-desktop{display:block!important}}@media (max-width: 768px){.modal-overlay,.modal-backdrop,.bt-modal-overlay{align-items:flex-start!important;justify-content:center!important;padding:10px 8px 8px!important;overflow-y:auto!important}.modal-content,.modal-container,.modal-overlay>div,.modal-backdrop>div,.bt-modal,.bt-modal-overlay>div{margin-top:2px!important;max-height:88vh!important;border-radius:12px!important;width:100%!important;max-width:100%!important}}@media (max-width: 640px){.perf-sop-container{display:none!important}}@media (max-width: 640px){.temp-worker-filter-bar,.temp-worker-table-desktop{display:none!important}.temp-worker-cards-mobile{display:flex!important;flex-direction:column;gap:6px!important}}@media (min-width: 641px){.temp-worker-cards-mobile{display:none!important}.temp-worker-table-desktop{display:block!important}}@media (max-width: 640px){.leave-planning-table-desktop{display:none!important}.leave-planning-cards-mobile{display:flex!important;flex-direction:column;gap:4px!important}}@media (min-width: 641px){.leave-planning-cards-mobile{display:none!important}.leave-planning-table-desktop{display:block!important}}@media (max-width: 640px){.calendar-wrapper{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;margin-bottom:24px!important}.calendar-header{gap:4px!important;margin-bottom:8px!important}.calendar-month-name{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.calendar-nav-btn{padding:2px 6px!important;font-size:12px!important}.calendar-grid{gap:2px!important;width:100%!important;grid-template-columns:repeat(7,1fr)!important}.calendar-weekday{font-size:11px!important;padding:2px 0!important}.calendar-day{min-height:36px!important;height:auto!important;aspect-ratio:unset!important;padding:2px!important;border-radius:4px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}.day-number{font-size:10px!important}.day-leaves-badges div{font-size:8px!important;padding:0 1px!important;line-height:1.1!important}.app-container,.main-layout,.page-wrapper,.view-container{padding-bottom:calc(88px + env(safe-area-inset-bottom,12px))!important}}.process-params-container{display:grid;grid-template-columns:280px 1fr;gap:0;flex:1;min-height:100%}.process-sidebar-panel{padding:16px;border-right:1px solid var(--border);overflow:visible}.process-sidebar-sticky{position:sticky;top:24px}.process-category-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.process-route-list{display:flex;flex-direction:column;gap:8px}.process-detail-panel{padding:24px}.process-header-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:20px}.process-action-btn-group{display:flex;gap:8px;align-items:center}.process-metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px;background:#ffffff04;padding:16px;border-radius:8px;border:1px solid var(--border);margin-bottom:20px}@media (max-width: 768px){.process-params-container{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important;gap:12px!important}.process-sidebar-panel{padding:12px!important;border-right:none!important;border-bottom:1px solid var(--border)!important;background:#ffffff05!important;border-radius:10px!important}.process-sidebar-sticky{position:static!important}.process-category-list{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;margin-bottom:12px!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch}.process-category-list .btn{flex:none!important;white-space:nowrap!important;padding:6px 12px!important;font-size:12px!important;border-radius:20px!important}.process-route-list{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch}.process-route-item{flex:none!important;white-space:nowrap!important;padding:6px 12px!important;border-radius:20px!important;font-size:12px!important}.process-detail-panel{padding:12px!important}.process-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding-bottom:12px!important;margin-bottom:12px!important}.process-action-btn-group{flex-wrap:wrap!important;width:100%!important;gap:6px!important}.process-action-btn-group .btn{padding:4px 8px!important;font-size:11px!important;flex:1 1 auto!important}.process-metadata-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px 12px!important;padding:12px!important}.process-flow-design-header{flex-wrap:wrap!important;gap:6px!important;margin-bottom:8px!important}.process-flow-design-header .btn{font-size:11px!important;padding:3px 8px!important}.process-stages-flow-row{gap:4px!important;padding:6px!important}.process-stage-item{padding:2px 6px!important;font-size:11px!important;border-radius:4px!important;gap:3px!important}.process-stage-item span{font-size:11px!important}.process-stage-item button{font-size:12px!important;padding:0 1px!important}.stage-arrow{font-size:10px!important;margin:0 1px!important}}@media (max-width: 768px){.tech-doc-panel{padding:14px!important}.tech-doc-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:12px!important}.tech-doc-header-text{flex:none!important;width:100%!important;min-width:0!important}.tech-doc-add-btn{width:100%!important;justify-content:center!important;padding:8px 12px!important;font-size:13px!important;margin-top:2px!important}.tech-doc-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.tech-doc-search-wrapper{width:100%!important;flex:0 0 auto!important}.tech-doc-select-group{width:100%!important;justify-content:space-between!important}.tech-doc-select-group>div{flex:1!important}.tech-doc-select-group select{width:100%!important}.tech-doc-table-desktop{display:none!important}.tech-doc-cards-mobile{display:flex!important;flex-direction:column!important}}@media (min-width: 769px){.tech-doc-cards-mobile{display:none!important}.tech-doc-table-desktop{display:block!important}}@media (max-width: 768px){.patent-header-banner{flex-direction:column!important;align-items:stretch!important;padding:12px!important;gap:10px!important}.patent-banner-info-group{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.patent-banner-info-group>div{justify-content:space-between!important;width:100%!important}.patent-banner-action-group{width:100%!important;justify-content:space-between!important;gap:8px!important}.patent-banner-btn{flex:1!important;justify-content:center!important}.patent-section-panel{padding:14px!important}.patent-authorized-table-desktop,.patent-pending-table-desktop{display:none!important}.patent-authorized-cards-mobile,.patent-pending-cards-mobile{display:flex!important;flex-direction:column!important}.patent-pending-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.patent-pending-add-btn{width:100%!important;justify-content:center!important;padding:8px 12px!important;font-size:13px!important}.patent-pending-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.patent-pending-select{width:100%!important}.ingredient-header-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.ingredient-header-text{flex:none!important;width:100%!important;line-height:1.5!important}.ingredient-header-btn{width:100%!important;justify-content:center!important;padding:8px 12px!important;font-size:13px!important;white-space:nowrap!important}.ingredient-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.ingredient-table-desktop{display:none!important}.ingredient-cards-mobile{display:flex!important;flex-direction:column!important}.procurement-table-desktop{display:none!important}.procurement-cards-mobile{display:flex!important;flex-direction:column!important}.proc-mat-table-desktop{display:none!important}.proc-mat-cards-mobile{display:flex!important;flex-direction:column!important}.scrap-header-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.scrap-header-text{width:100%!important}.scrap-header-btn{width:100%!important;justify-content:center!important;padding:8px 12px!important}.scrap-unqualified-table-desktop,.scrap-log-table-desktop{display:none!important}.scrap-unqualified-cards-mobile,.scrap-log-cards-mobile{display:flex!important;flex-direction:column!important}.equip-table-desktop{display:none!important}.equip-cards-mobile{display:flex!important;flex-direction:column!important}.budget-summary-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.budget-table-desktop{display:none!important}.budget-cards-mobile{display:flex!important;flex-direction:column!important}}@media (min-width: 769px){.patent-authorized-cards-mobile,.patent-pending-cards-mobile{display:none!important}.patent-authorized-table-desktop,.patent-pending-table-desktop{display:block!important}.ingredient-cards-mobile{display:none!important}.ingredient-table-desktop{display:block!important}.procurement-cards-mobile{display:none!important}.procurement-table-desktop{display:block!important}.proc-mat-cards-mobile{display:none!important}.proc-mat-table-desktop{display:block!important}.scrap-unqualified-cards-mobile,.scrap-log-cards-mobile{display:none!important}.scrap-unqualified-table-desktop,.scrap-log-table-desktop{display:block!important}.equip-cards-mobile{display:none!important}.equip-table-desktop{display:block!important}.budget-summary-grid{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}.budget-cards-mobile{display:none!important}.budget-table-desktop{display:block!important}}