:root{--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--bg: #0b0f19;--bg2: #131c2e;--bg-card: rgba(22, 33, 54, .7);--accent: #6366f1;--accent-hover: #4f46e5;--accent-glow: rgba(99, 102, 241, .2);--border: rgba(255, 255, 255, .08);--border-focus: rgba(99, 102, 241, .4);color-scheme:dark;--text: #f3f4f6;--text-muted: #9ca3af;--text-dark: #8b93a1;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--info: #06b6d4;--info-bg: rgba(6, 182, 212, .1);--radius-sm: 8px;--radius: 12px;--radius-lg: 20px;--sidebar-w: 240px;--sidebar-w-collapsed: 72px;--shadow: 0 10px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(6,182,212,.05) 0%,transparent 40%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dark)}#loginPage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 50%,rgba(99,102,241,.12) 0%,transparent 60%),radial-gradient(ellipse at 70% 20%,rgba(6,182,212,.07) 0%,transparent 50%),var(--bg)}.login-card{width:440px;padding:2.5rem;background:#131c2ed9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow),0 0 60px #6366f114;animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-logo{text-align:center;margin-bottom:2rem}.login-logo .logo-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--accent) 0%,#a855f7 100%);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:.75rem;color:#fff;font-weight:700;box-shadow:0 8px 24px var(--accent-glow)}.login-logo h1{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#fff 40%,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-logo p{color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.form-group select,.form-group input[type=password],.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group input[type=email]{width:100%;padding:.75rem 1rem;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-group select option{background:var(--bg2);color:var(--text)}.form-group select:focus,.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.btn-login{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--accent),#a855f7);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 16px var(--accent-glow);margin-top:.5rem}.btn-login:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 24px var(--accent-glow)}.btn-login:active{transform:translateY(0)}.login-error{color:var(--danger);font-size:.85rem;text-align:center;margin-bottom:.75rem;min-height:1.2em}#appPage{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem 0;flex-shrink:0;overflow-y:auto;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}.sidebar-logo{display:flex;align-items:center;gap:.65rem;padding:0 1.25rem 1.5rem;border-bottom:1px solid var(--border);margin-bottom:1rem;position:relative}.sidebar-logo .logo-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--accent) 0%,#a855f7 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;font-weight:700;flex-shrink:0}.sidebar-logo span{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#fff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;transition:opacity .2s}.sidebar-toggle-btn{background:transparent;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-80%);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px}.sidebar-toggle-btn:hover{background:#ffffff0d;color:var(--text)}.sidebar-toggle-btn:before{content:"◀";font-size:.8rem}.nav-section{padding:0 .75rem}.nav-section-title{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dark);padding:0 .5rem;margin-bottom:.5rem;margin-top:1rem;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:8px;cursor:pointer;color:var(--text-muted);font-size:.9rem;font-weight:500;transition:background .18s,color .18s;margin-bottom:3px;user-select:none;border:1px solid transparent}.nav-item .icon{font-size:1.1rem;flex-shrink:0}.nav-item:hover{background:#ffffff08;color:var(--text)}.nav-item.active{background:var(--accent-glow);color:#818cf8;border:1px solid rgba(99,102,241,.2)}.nav-item.active .icon{filter:drop-shadow(0 0 6px var(--accent))}.sidebar-footer{margin-top:auto;padding:1rem .75rem 0;border-top:1px solid var(--border)}.user-badge{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;background:#ffffff08;border-radius:10px;margin-bottom:.5rem;border:1px solid var(--border);overflow:hidden}.user-badge .avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--accent) 0%,#a855f7 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;flex-shrink:0}.user-badge .user-info{overflow:hidden}.user-badge .user-name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.user-badge .user-role{font-size:.78rem;color:var(--text-muted);text-transform:capitalize}.btn-logout{width:100%;padding:.55rem;background:transparent;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:var(--danger);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.btn-logout:hover{background:#ef44441a;border-color:#ef444466}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar.collapsed .sidebar-title-text{display:none!important}.sidebar.collapsed .sidebar-logo span{display:none}.sidebar.collapsed .sidebar-toggle-btn{right:auto;left:50%;transform:translate(-50%) translateY(-50%);top:50%}.sidebar.collapsed .sidebar-toggle-btn:before{content:"▶"}.sidebar.collapsed .user-badge{justify-content:center;padding:6px}.sidebar.collapsed .nav-item{justify-content:center;padding:.65rem}.main-content{flex:1;overflow-y:auto;padding:2rem;background:var(--bg);transition:padding-left .3s}.page-header{margin-bottom:1.75rem;padding-left:.9rem;border-left:3px solid var(--accent);animation:fadeSlideUp .4s cubic-bezier(.16,1,.3,1) both}.page-header h2{font-size:1.6rem;font-weight:700;color:var(--text);font-family:var(--font-heading)}.page-header p{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.dashboard-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;background:linear-gradient(120deg,#4338ca 0%,var(--accent) 45%,#a855f7 100%);border-radius:var(--radius-lg);padding:1.75rem 2rem;margin-bottom:1.75rem;overflow:hidden;box-shadow:0 20px 40px -12px #6366f173;animation:fadeSlideUp .4s cubic-bezier(.16,1,.3,1) both}.dashboard-hero:before,.dashboard-hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff1f;filter:blur(30px);pointer-events:none}.dashboard-hero:before{width:220px;height:220px;top:-90px;right:-40px}.dashboard-hero:after{width:160px;height:160px;bottom:-80px;right:160px;background:#ffffff14}.dashboard-hero-text{position:relative;z-index:1;color:#fff}.dashboard-hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:#ffffffd9;background:#ffffff24;padding:4px 10px;border-radius:20px;margin-bottom:.6rem}.dashboard-hero-text h2{font-size:1.5rem;font-weight:700;color:#fff}.dashboard-hero-text p{color:#ffffffd9;font-size:.875rem;margin-top:.3rem}.dashboard-hero-side{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:.75rem 1.1rem;color:#fff;backdrop-filter:blur(6px)}.dashboard-hero-side .icon{font-size:1.4rem}.dashboard-hero-side .val{font-size:1.05rem;font-weight:700;font-family:var(--font-heading)}.dashboard-hero-side .lbl{font-size:.78rem;color:#ffffffbf;text-transform:uppercase;letter-spacing:.04em}body.light-theme .dashboard-hero{box-shadow:0 20px 40px -12px #6366f147}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.75rem}.stat-card{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow);transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .22s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-3px);border-color:#ffffff2e;box-shadow:0 16px 32px -10px #00000073}.stat-card:before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none}.stat-card:after{content:"";position:absolute;top:-30%;right:-15%;width:110px;height:110px;border-radius:50%;filter:blur(24px);opacity:.35;pointer-events:none}.stat-card.primary:before{background:linear-gradient(135deg,rgba(99,102,241,.1),transparent 60%)}.stat-card.primary:after{background:var(--accent)}.stat-card.success:before{background:linear-gradient(135deg,rgba(16,185,129,.1),transparent 60%)}.stat-card.success:after{background:var(--success)}.stat-card.warning:before{background:linear-gradient(135deg,rgba(245,158,11,.1),transparent 60%)}.stat-card.warning:after{background:var(--warning)}.stat-card.info:before{background:linear-gradient(135deg,rgba(6,182,212,.1),transparent 60%)}.stat-card.info:after{background:var(--info)}.stat-card.danger:before{background:linear-gradient(135deg,rgba(239,68,68,.1),transparent 60%)}.stat-card.danger:after{background:var(--danger)}.stat-card>*{position:relative;z-index:1}.stat-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff0f;transition:transform .22s cubic-bezier(.16,1,.3,1)}.stat-card:hover .stat-icon{transform:scale(1.08) rotate(-4deg)}.stat-icon.blue{background:#6366f126;color:#818cf8}.stat-icon.green{background:#10b98126;color:var(--success)}.stat-icon.yellow{background:#f59e0b26;color:var(--warning)}.stat-icon.red{background:#ef444426;color:var(--danger)}.stat-value{font-size:1.65rem;font-weight:800;font-family:var(--font-heading);line-height:1.15}.stat-label{font-size:.78rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.panel{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;overflow:hidden;box-shadow:var(--shadow)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:#131c2e66}.panel-header h3{font-size:1rem;font-weight:600;color:var(--text)}.panel-body{padding:1.25rem}.table-container{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;box-shadow:var(--shadow);margin-bottom:1.5rem}.data-table,table{width:100%;border-collapse:collapse;text-align:left}.data-table thead tr,table thead tr{background:#131c2e80}.data-table th,table th{padding:1rem 1.25rem;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.data-table td,table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text)}.data-table tbody tr td,table tbody tr td{transition:background-color .15s}.data-table tbody tr:hover td,table tbody tr:hover td{background:#ffffff09}.data-table tbody tr:last-child td,table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:20px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-pending,.badge.pending_approval{background:var(--warning-bg);color:var(--warning)}.badge.waiting_receipt{background:var(--warning-bg);color:var(--warning);border:1px dashed var(--warning)}.badge.waiting_receipt_approval{background:var(--warning-bg);color:var(--warning)}.badge-approved,.badge.cleared,.badge.synced{background:var(--success-bg);color:var(--success)}.badge.paid{background:var(--info-bg);color:var(--info)}.badge-rejected,.badge.rejected,.badge.voided{background:var(--danger-bg);color:var(--danger)}.badge.refund_collection{background:var(--danger-bg);color:var(--danger);border:1px dashed var(--danger)}.badge.underpayment_payout{background:var(--success-bg);color:var(--success);border:1px dashed var(--success)}.badge.info{background:var(--info-bg);color:var(--info)}.badge-role{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.2)}.tx-code{font-family:monospace;font-weight:600;font-size:.85rem;padding:2px 6px;border-radius:4px}.tx-code.rd{background-color:#6366f126;color:#818cf8}.tx-code.ra{background-color:#f59e0b26;color:#fbbf24}.tx-code.re{background-color:#10b98126;color:#34d399}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}.empty-state .icon{font-size:2.2rem;margin-bottom:.6rem;opacity:.7}.empty-state p{font-size:.88rem}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:14px;padding:.85rem .25rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s ease,padding-left .15s ease;border-radius:8px}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#ffffff08;padding-left:.6rem}body.light-theme .activity-item:hover{background:#00000005}.activity-icon{width:42px;height:42px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.15rem}.activity-icon.advance{background:#f59e0b24;color:var(--warning)}.activity-icon.reimbursement{background:#6366f124;color:#818cf8}.activity-icon.topup{background:#10b98124;color:var(--success)}.activity-body{flex:1;min-width:0}.activity-title{font-size:.88rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-meta{font-size:.8rem;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-amount{text-align:right;flex-shrink:0}.activity-amount .val{font-weight:800;font-family:var(--font-heading);font-size:.95rem}.activity-amount .date{font-size:.78rem;color:var(--text-dark);margin-top:2px}.form-card{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .2s}.field-group{margin-bottom:1.15rem;display:flex;flex-direction:column;gap:6px}.field-group label{font-size:.8rem;font-weight:600;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.field-group input,.field-group select,.field-group textarea{width:100%;padding:.7rem .9rem;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.92rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}.field-group input[type=checkbox],.field-group input[type=radio]{width:auto;min-height:0;padding:0;border:none;background:none;border-radius:0;-webkit-appearance:auto;appearance:auto;accent-color:var(--accent);flex:0 0 auto}.field-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.field-group select option{background:var(--bg2);color:var(--text)}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.field-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.forms-grid .form-card:hover{transform:translateY(-3px);border-color:#ffffff2e;box-shadow:0 16px 32px -10px #00000073}.form-card-title{font-size:1.15rem;font-weight:600;color:var(--text)}.form-card-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin-bottom:.75rem}.form-card-limit{font-size:.8rem;background-color:#ffffff08;padding:8px 12px;border-radius:6px;border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.form-card-limit-val{font-weight:700;color:var(--info)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:8px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap;font-family:var(--font-body)}.btn:active{transform:translateY(0) scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--accent),#a855f7);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px var(--accent-glow)}.btn-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.3)}.btn-success:hover{background:#10b98133}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444433}.btn-danger-outline{background:transparent;color:var(--danger);border:1px solid rgba(239,68,68,.45)}.btn-danger-outline:hover{background:var(--danger-bg)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:#ffffff0a;color:var(--text)}.btn-sm{padding:.35rem .75rem;font-size:.78rem;border-radius:6px}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-glow)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0b0f19cc;backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);width:95%;max-width:950px;box-shadow:var(--shadow);overflow:hidden;transform:translateY(24px);transition:transform .3s ease;display:flex;flex-direction:column}.modal-overlay.active .modal-card{transform:translateY(0)}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.15rem;font-weight:600;color:var(--text)}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.modal-close:hover{color:var(--text)}.modal-body{padding:1.5rem;max-height:70vh;overflow-y:auto}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem;background-color:#131c2e66}@media(min-width:769px){#form-builder-modal .modal-card{width:96%;max-width:1500px}#form-builder-modal .modal-body{max-height:calc(100vh - 190px)}}.radio-group-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.5rem}.radio-card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:all .2s;background-color:#ffffff03}.radio-card:hover{border-color:var(--border-focus)}.radio-card input{display:none}.radio-card.selected{border-color:var(--accent);background-color:var(--accent-glow)}.radio-card-title{font-weight:600;font-size:.9rem;color:var(--text)}.radio-card-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.chain-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 10px;border-radius:8px;background:#ffffff05;border:1px solid var(--border)}.chain-caption{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-right:2px}.chain-step{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 3px;border-radius:999px;border:1px solid var(--border);background:#ffffff05;font-size:.8rem;color:var(--text-muted);white-space:nowrap;cursor:default}.chain-step i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;flex:0 0 auto;background:#ffffff0f;font-size:.65rem;font-weight:700}.chain-step.done{border-color:#10b98166;color:var(--success)}.chain-step.done i{background:#10b98133;color:var(--success)}.chain-step.active{border-color:var(--accent);color:var(--text);font-weight:600}.chain-step.active i{background:var(--accent);color:#fff}.chain-sep{color:var(--text-dark);font-size:.8rem}.chain-pos{margin-left:auto;font-size:.78rem;color:var(--text-muted);white-space:nowrap}.nav-subnav{display:flex;flex-direction:column;gap:1px;margin:2px 0 8px;padding-left:1.6rem;border-left:2px solid var(--border);margin-left:1rem}.nav-subnav[hidden]{display:none}.nav-subitem{text-align:left;padding:6px 8px;border:none;border-radius:7px;background:transparent;color:var(--text-dark);font-family:inherit;font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s,background .15s}.nav-subitem:hover{color:var(--text);background:#7f7f7f14}.nav-subitem.active{color:var(--accent);background:#6366f11f;font-weight:600}body.light-theme .nav-subitem.active{background:transparent;box-shadow:var(--nm-inset-sm)}body.light-theme .nav-subnav{border-left-color:var(--nm-dark)}.wht-summary{margin-top:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--bg-card);font-size:.875rem}.wht-summary.warn{border-left-color:var(--warning)}.wht-title{font-weight:600;margin-bottom:8px;color:var(--text)}.wht-line{display:flex;justify-content:space-between;gap:12px;padding:3px 0;color:var(--text-muted)}.wht-line strong{color:var(--text)}.wht-deduct{color:var(--danger)}.wht-net{border-top:1px solid var(--border);margin-top:6px;padding-top:8px;font-size:1rem;color:var(--text)}.wht-net strong{color:var(--success);font-size:1.1rem}.wht-note{margin-top:10px;padding-top:8px;border-top:1px dashed var(--border);font-size:.8rem;color:var(--text-muted);line-height:1.5}#toastContainer{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.75rem 1.2rem;border-radius:10px;border-left:4px solid;background:var(--bg2);color:var(--text);font-size:.875rem;box-shadow:var(--shadow, 0 8px 24px rgba(0,0,0,.5));border:1px solid var(--border);border-left-width:4px;animation:slideInRight .3s cubic-bezier(.16,1,.3,1) both;max-width:320px}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--danger)}.toast.info{border-color:var(--accent)}.toast.warning{border-color:var(--warning)}.alert-banner{background-color:var(--warning-bg);border:1px solid rgba(245,158,11,.25);color:var(--text);padding:1rem;border-radius:var(--radius);display:flex;gap:10px;align-items:flex-start;font-size:.85rem}.alert-banner.danger{background-color:var(--danger-bg);border-color:#ef444440}.alert-banner-icon{font-size:1.15rem;line-height:1}.cash-desks-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}.cash-desk-panel{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .2s}.cash-desk-panel:hover{transform:translateY(-3px);border-color:#ffffff2e;box-shadow:0 16px 32px -10px #00000073}.cash-desk-head{display:flex;justify-content:space-between;align-items:center}.cash-desk-name{font-size:1.05rem;font-weight:600;color:var(--text)}.cash-desk-bal{font-size:1.8rem;font-weight:800;font-family:var(--font-heading);color:var(--success)}.cash-desk-owner{font-size:.8rem;color:var(--text-muted)}.config-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.75rem;align-items:start}.config-grid>*{min-width:0}@media(max-width:1024px){.config-grid{grid-template-columns:1fr}}#admin-approvers-container{display:flex;flex-wrap:wrap;gap:8px;min-height:45px;align-items:center;background:#0003;padding:8px;border:1px solid var(--border);border-radius:8px}.chip{display:inline-flex;align-items:center;background-color:var(--accent-glow);color:var(--text);border:1px solid rgba(99,102,241,.4);padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500;gap:6px;animation:fadeIn .2s ease both}.chip-delete{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.95rem;line-height:1;padding:0 2px}.chip-delete:hover{color:var(--danger)}.limit-row{display:flex;gap:8px;align-items:center;margin-bottom:8px;animation:fadeIn .2s ease both}.limit-row select{flex:2}.limit-row input{flex:1.2}.btn-remove-row{background:transparent;border:none;color:var(--text-dark);font-size:1.25rem;cursor:pointer;padding:4px;transition:color .15s}.btn-remove-row:hover{color:var(--danger)}.user-picker-box{border:1px solid var(--border);border-radius:10px;background:#ffffff08;overflow:hidden}.user-picker-toolbar{display:flex;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--border);background:#ffffff05;flex-wrap:wrap}.user-picker-toolbar .input-field{margin:0}.user-picker-list{max-height:260px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px}.admin-limits-scroll{max-height:340px;overflow-y:auto;padding:4px 6px 4px 2px;border:1px solid var(--border);border-radius:8px;background:#ffffff05}.user-picker-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background-color .15s}.user-picker-item:hover{background:#ffffff0d}.user-picker-item.checked{background:var(--accent-glow, rgba(99, 102, 241, .14));border:1px solid var(--accent)}.user-picker-item.checked:hover{background:var(--accent-glow, rgba(99, 102, 241, .18))}.user-picker-item input[type=checkbox]{width:17px;height:17px;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.user-picker-name{font-weight:600;color:var(--text-main);font-size:.88rem}.user-picker-username{color:var(--text-dark);font-size:.8rem;margin-left:auto}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.filters-left{display:flex;gap:10px;align-items:center}.search-input{background-color:#ffffff0d;border:1px solid var(--border);color:var(--text);padding:.6rem 1rem;border-radius:8px;font-size:.85rem;width:240px;font-family:var(--font-body);outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.user-mgmt-section{margin-top:2rem;border-top:1px solid var(--border);padding-top:2rem}.mgmt-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.75rem;align-items:start}.mgmt-grid>*{min-width:0}@media(max-width:900px){.mgmt-grid{grid-template-columns:1fr}}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.4rem;font-size:.875rem;color:var(--text);cursor:pointer}.checkbox-label input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-accent{color:#818cf8}.hidden{display:none!important}.fw-600{font-weight:600}.fs-sm{font-size:.82rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}body.light-theme{color-scheme:light;--bg: #e4e9f0;--bg2: #eef2f7;--bg-card: #e4e9f0;--border: rgba(15, 23, 42, .05);--border-focus: rgba(99, 102, 241, .5);--text: #0f172a;--text-muted: #4a5568;--text-dark: #5c6879;--nm-light: #ffffff;--nm-dark: #c2c9d6;--nm-raised: 6px 6px 14px var(--nm-dark), -6px -6px 14px var(--nm-light);--nm-raised-sm: 3px 3px 7px var(--nm-dark), -3px -3px 7px var(--nm-light);--nm-raised-lg: 10px 10px 24px var(--nm-dark), -10px -10px 24px var(--nm-light);--nm-inset: inset 4px 4px 9px var(--nm-dark), inset -4px -4px 9px var(--nm-light);--nm-inset-sm: inset 2px 2px 5px var(--nm-dark), inset -2px -2px 5px var(--nm-light);--shadow: var(--nm-raised)}body.light-theme .panel,body.light-theme .modal-card,body.light-theme .login-card,body.light-theme .bi-kpi-card,body.light-theme .bi-chart-container,body.light-theme .bi-table-container,body.light-theme .bi-filter-section{background:var(--bg);border:none;border-radius:18px;box-shadow:var(--nm-raised)}body.light-theme .modal-card{box-shadow:var(--nm-raised-lg)}body.light-theme .modal-footer{background-color:transparent;border-top:1px solid var(--nm-dark)}body.light-theme .panel-header{border-bottom-color:var(--nm-dark)}body.light-theme #appSidebar{background:var(--bg);border-right:none;box-shadow:8px 0 20px -8px var(--nm-dark)}body.light-theme .logo-mark,body.light-theme .avatar{background:var(--bg);color:var(--accent);box-shadow:var(--nm-raised-sm)}body.light-theme .user-badge{background:var(--bg)!important;border-radius:14px;box-shadow:var(--nm-raised-sm)}body.light-theme input,body.light-theme select,body.light-theme textarea{background-color:var(--bg);color:var(--text);border:none;border-radius:12px;box-shadow:var(--nm-inset)}body.light-theme input:focus,body.light-theme select:focus,body.light-theme textarea:focus{background-color:var(--bg);outline:none;box-shadow:var(--nm-inset),0 0 0 3px var(--accent-glow)}body.light-theme select.user-select{background-color:var(--bg)!important;color:var(--text)!important}body.light-theme .radio-card{background-color:var(--bg);border:none;border-radius:14px;box-shadow:var(--nm-raised-sm)}body.light-theme .radio-card.selected{box-shadow:var(--nm-inset-sm);background-color:var(--accent-glow)}body.light-theme .nav-item{color:#334155;border-radius:12px}body.light-theme .nav-item:hover{background:transparent;color:#020617;box-shadow:var(--nm-raised-sm)}body.light-theme .nav-item.active{background:transparent;color:var(--accent);box-shadow:var(--nm-inset-sm)}body.light-theme .btn,body.light-theme .btn-login,body.light-theme .btn-theme-toggle,body.light-theme .btn-logout{border:none;border-radius:12px;box-shadow:var(--nm-raised-sm)}body.light-theme .btn:active,body.light-theme .btn-login:active,body.light-theme .btn-theme-toggle:active,body.light-theme .btn-logout:active{box-shadow:var(--nm-inset-sm)}body.light-theme .btn-ghost:hover{background:transparent;box-shadow:var(--nm-raised-sm)}body.light-theme .toast{background:var(--bg);border:none;border-left-width:4px;border-left-style:solid;border-radius:14px;box-shadow:var(--nm-raised)}body.light-theme .wht-summary{background:var(--bg);border:none;border-left-width:4px;border-left-style:solid;box-shadow:var(--nm-raised-sm)}body.light-theme .table tr:hover,body.light-theme .data-table tbody tr:hover td,body.light-theme table tbody tr:hover td{background:#ffffff8c!important}body.light-theme .sidebar-logo span{background:linear-gradient(135deg,#020617 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.light-theme .modal-close{color:var(--text-dark)}body.light-theme .modal-close:hover{color:var(--text)}body.light-theme .btn-logout:hover{background:#ef444414}body.light-theme .data-table thead tr,body.light-theme table thead tr{background:transparent!important}.btn-theme-toggle{width:100%;padding:.55rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:8px}.btn-theme-toggle:hover{background:#ffffff0d;border-color:var(--border-focus)}body.light-theme .btn-theme-toggle:hover{background:#00000008}body.light-theme .login-card{background:var(--bg);border:none;border-radius:24px;box-shadow:var(--nm-raised-lg)}body.light-theme .login-logo h1{background:linear-gradient(135deg,#020617 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.light-theme #loginPage .btn-theme-toggle{background:var(--bg);border:none;color:var(--text);box-shadow:var(--nm-raised-sm)}body.light-theme #loginPage .btn-theme-toggle:hover{background:#00000008}.bi-filter-section{display:flex;flex-direction:column;gap:15px;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.slicer-group{display:flex;flex-direction:column;gap:8px}.slicer-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between}.slicer-pills{display:flex;flex-wrap:wrap;gap:8px}.slicer-pill{background:#ffffff0a;border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:.82rem;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s ease;white-space:nowrap}.slicer-pill:hover{background:#ffffff14;border-color:#fff3}.slicer-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 12px #6366f14d}body.light-theme .bi-filter-section{background:var(--bg);border:none;box-shadow:var(--nm-inset-sm)}body.light-theme .slicer-pill{background:var(--bg);border:none;color:#334155;box-shadow:var(--nm-raised-sm)}body.light-theme .slicer-pill:hover{background:var(--bg);box-shadow:var(--nm-raised)}body.light-theme .slicer-pill.active{background:var(--accent);color:#fff;border:none;box-shadow:var(--nm-inset-sm)}.bi-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.bi-kpi-card{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.bi-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.bi-kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.bi-kpi-val{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-main);line-height:1.2}.bi-kpi-label{font-size:.78rem;color:var(--text-muted);font-weight:500}body.light-theme .bi-kpi-card{background:var(--bg);border:none;border-radius:18px;box-shadow:var(--nm-raised)}.bi-workspace-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:start}@media(max-width:992px){.bi-workspace-grid{grid-template-columns:1fr}}.bi-chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#ffffff03;border:1px solid var(--border);border-radius:var(--radius)}body.light-theme .bi-chart-container{background:var(--bg);border:none;border-radius:18px;box-shadow:var(--nm-raised)}.bi-legend-list{width:100%;margin-top:15px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding-right:4px}.bi-legend-item{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;padding:4px 0}.bi-table-container{max-height:480px;overflow-y:auto}.bi-table-container table{width:100%;border-collapse:collapse}.bi-table-container tr{cursor:pointer;transition:background .15s ease}.bi-table-container tr:hover{background:#ffffff08!important}body.light-theme .bi-table-container tr:hover{background:#ffffff8c!important}#print-area{display:none}@media print{body{background:#fff!important;color:#000!important}body>*:not(#print-area){display:none!important}#print-area{display:block!important;position:absolute;left:0;top:0;width:100%;margin:0;padding:20px;background:#fff!important;color:#000!important}}.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;z-index:1100;width:44px;height:44px;border-radius:12px;background:var(--bg2);border:1px solid var(--border);color:var(--text);font-size:1.4rem;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:background .2s,transform .15s;-webkit-tap-highlight-color:transparent}.mobile-menu-btn:active{transform:scale(.92)}body.light-theme .mobile-menu-btn{background:var(--bg);border:none;box-shadow:var(--nm-raised-sm)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media(max-width:1024px){.main-content{padding:1.5rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.forms-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.bi-workspace-grid,.radio-group-cards,.form-row{grid-template-columns:1fr}.cash-desks-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:768px){html,body,#appPage,.main-content{height:auto!important;overflow:visible!important}.panel-body,p,li,span,a{word-break:break-word;overflow-wrap:anywhere}table td span,table th span,table td a{word-break:normal;overflow-wrap:normal}.panel-body table,.modal-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.panel-body table td,.panel-body table th,.modal-body table td,.modal-body table th{white-space:nowrap}.panel-body table td[colspan],.modal-body table td[colspan]{white-space:normal;text-align:left!important;position:sticky;left:0}input,select,textarea{font-size:16px!important}.personal-workspace-grid{grid-template-columns:1fr!important}.mobile-menu-btn{display:flex}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:1050;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:8px 0 30px #0006}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar-toggle-btn{display:none!important}.sidebar.collapsed{width:280px}.sidebar.collapsed .sidebar-title-text{display:initial!important}.sidebar.collapsed .sidebar-logo span{display:initial}.sidebar.collapsed .user-badge{justify-content:flex-start;padding:.6rem .75rem}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:.65rem .75rem}#appPage{flex-direction:column}.main-content{width:100%;padding:1rem;padding-top:60px}.page-header h2{font-size:1.25rem}.page-header p{font-size:.8rem}.dashboard-hero{padding:1.25rem;flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-hero-text h2{font-size:1.2rem}.dashboard-hero-side{width:100%}.activity-icon{width:36px;height:36px;font-size:1rem}.activity-title{font-size:.82rem}.activity-amount .val{font-size:.85rem}.stat-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{padding:.85rem;gap:.65rem}.stat-icon{width:38px;height:38px;font-size:1.1rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.78rem}.panel-header{padding:.85rem 1rem;flex-wrap:wrap;gap:8px}.panel-header h3{font-size:.9rem}.panel-body{padding:1rem}.table-container{border-radius:8px}.data-table th,table th{padding:.7rem .85rem;font-size:.68rem;white-space:nowrap}.data-table td,table td{padding:.7rem .85rem;font-size:.8rem;white-space:nowrap}.modal-overlay{height:100dvh}.modal-card{width:100%;max-width:100%;height:100%;height:100dvh;max-height:100dvh;border-radius:0}.modal-body{max-height:none;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1rem 1rem 1.5rem}.modal-body table{max-width:100%}.modal-body td,.modal-body th{overflow-wrap:anywhere}.modal-card>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.modal-header{padding:1rem;flex:0 0 auto}.modal-header h3{font-size:1rem}.modal-footer{padding:.75rem 1rem;flex-wrap:wrap;flex:0 0 auto;position:sticky;bottom:0;z-index:2}.modal-footer .btn{flex:1 1 auto;min-width:44%}#payout-tax-fields-modal .modal-card,#details-modal-card{width:100%!important;max-width:100%!important;height:100dvh!important}#payout-tax-fields-modal .modal-body,#details-modal-body{flex-wrap:wrap!important;overflow-y:auto!important;gap:12px!important}#payout-tax-fields-modal .modal-body>div,#details-modal-body>div{flex:1 1 100%!important;min-width:0!important}#payout-tax-attachment-preview,#ap-invoice-attachment-preview{min-height:45vh}body:has(.modal-overlay.active) .mobile-menu-btn{display:none!important}.payout-parts-table thead{display:none}.payout-parts-table,.payout-parts-table tbody,.payout-parts-table tr,.payout-parts-table td{display:block;width:100%!important;box-sizing:border-box}.payout-parts-table tr{position:relative;padding:10px 12px;border-bottom:1px solid var(--border)}.payout-parts-table tr:last-child{border-bottom:none}.payout-parts-table td{padding:4px 0!important;border:none!important;text-align:left!important}.payout-parts-table td[data-label]:before{content:attr(data-label);display:block;font-size:.78rem;color:var(--text-muted);margin-bottom:3px}.payout-parts-table td select,.payout-parts-table td input{font-size:.95rem!important;padding:8px 10px!important;min-height:40px}.payout-parts-table td.payout-part-remove{position:absolute;top:6px;right:8px;width:auto!important;padding:0!important}.payout-parts-table tr:has(td.payout-part-remove button) td:first-child{padding-right:40px!important}.ai-suggest-table{table-layout:fixed}.ai-suggest-table th:nth-child(2),.ai-suggest-table td:nth-child(2){width:32%}.ai-suggest-table th:nth-child(3),.ai-suggest-table td:nth-child(3){width:22%}.ai-suggest-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}.forms-grid{grid-template-columns:1fr;gap:1rem}.form-row{grid-template-columns:1fr;gap:.75rem}.form-card{padding:1rem}.form-group select,.form-group input[type=password],.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group input[type=email],.field-group input,.field-group select,.field-group textarea,.input-field,.user-select{font-size:16px!important;padding:.7rem .85rem;min-height:44px}.btn{padding:.55rem 1rem;font-size:.82rem;min-height:40px}.btn-sm{padding:.4rem .65rem;font-size:.8rem;min-height:36px}.cash-desks-row{grid-template-columns:1fr;gap:1rem}.cash-desk-panel{padding:1rem}.cash-desk-bal{font-size:1.4rem}.config-grid,.mgmt-grid{grid-template-columns:1fr;gap:1rem}.limit-row{flex-wrap:wrap}.limit-row select,.limit-row input{flex:1 1 100%}.filter-row{flex-direction:column;align-items:stretch;gap:.75rem}.filters-left{flex-wrap:wrap;gap:8px}.search-input{width:100%}.bi-filter-section{padding:12px}.slicer-pills{gap:6px}.slicer-pill{padding:5px 10px;font-size:.8rem}.bi-kpi-grid{grid-template-columns:1fr;gap:10px}.bi-kpi-card{padding:12px 14px;gap:12px}.bi-kpi-icon{width:40px;height:40px;font-size:1.2rem}.bi-kpi-val{font-size:1.15rem}.bi-workspace-grid{grid-template-columns:1fr;gap:16px}#toastContainer{left:1rem;right:1rem;bottom:1rem}.toast{max-width:100%}.login-card{width:100%;max-width:400px;margin:1rem;padding:1.5rem;border-radius:16px}.login-logo .logo-icon{width:48px;height:48px;font-size:1.5rem}.login-logo h1{font-size:1.35rem}.checkbox-group{gap:.75rem}.radio-group-cards{grid-template-columns:1fr;gap:.75rem}.lightbox-controls{flex-wrap:wrap;gap:6px}.user-mgmt-section{padding-top:1.25rem}}@media(max-width:480px){.main-content{padding:.75rem;padding-top:56px}.stat-grid{grid-template-columns:1fr}.stat-card,.panel-body{padding:.75rem}.page-header h2{font-size:1.1rem}.login-card{padding:1.25rem;margin:.5rem}.form-card-limit{flex-direction:column;align-items:flex-start;gap:4px}}.social-login{margin-top:1.25rem}.social-divider{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.8rem;margin-bottom:.9rem}.social-divider:before,.social-divider:after{content:"";flex:1;height:1px;background:var(--border)}.social-buttons{display:flex;flex-direction:column;gap:8px}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;padding:.7rem 1rem;border-radius:10px;font-weight:600;font-size:.95rem;text-decoration:none;border:1px solid var(--border);transition:opacity .15s,transform .15s}.btn-social:hover{opacity:.9;transform:translateY(-1px)}.btn-social-line{background:#06c755;color:#fff;border-color:#06c755}.btn-social-google{background:#fff;color:#1f1f1f;border-color:#dadce0}.btn-social-microsoft{background:#fff;color:#5e5e5e;border-color:#8c8c8c}.btn-social-apple{background:#000;color:#fff;border-color:#000}.login-register-link{text-align:center;margin-top:1.1rem;font-size:.88rem;color:var(--text-muted)}.login-register-link a{color:var(--accent);font-weight:600;text-decoration:none}.login-error.login-info{color:var(--success, #16a34a)}.register-card{max-height:calc(100vh - 40px);overflow-y:auto}.login-method-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.login-method-row:last-child{border-bottom:none}.login-method-name{display:inline-flex;align-items:center;gap:8px;min-width:110px;font-weight:600}.pending-reg-panel{border-color:var(--warning, #f59e0b)}.pending-reg-card{border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:12px}.pending-reg-head{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.pending-reg-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 16px;margin-bottom:10px}.pending-reg-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 12px;margin-bottom:10px}.pending-reg-form label{display:flex;flex-direction:column;gap:4px}.pending-reg-roles{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}.pending-reg-roles label{flex-direction:row;align-items:center;gap:4px}.pending-reg-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pending-reg-actions .input-field{flex:1;min-width:160px}.pending-reg-badge{margin-left:auto;background:var(--danger, #ef4444);color:#fff;border-radius:999px;font-size:.78rem;font-weight:700;padding:1px 7px}.btn-social-epicor{background:#0b3d91;color:#fff;border-color:#0b3d91;font-family:inherit;cursor:pointer}.epicor-mode .btn-login{background:linear-gradient(135deg,#0b3d91,#1d6fd8)}.epicor-link-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:8px 0 4px}.epicor-link-form .input-field{flex:1;min-width:140px}.register-prefill-note{background:#0b3d9126;border:1px solid rgba(29,111,216,.4);border-radius:8px;padding:8px 12px;font-size:.82rem;margin-bottom:1rem}.field-hint{font-size:.78rem;color:var(--warning, #f59e0b)}.register-existing-note{background:#f59e0b1f;border:1px solid rgba(245,158,11,.45);border-radius:8px;padding:10px 12px;font-size:.85rem;margin-bottom:.8rem;line-height:1.5}.register-existing-note a{color:var(--accent);font-weight:600}.dup-warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.5);border-radius:8px;padding:10px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px;font-size:.85rem}.hr-check{border-radius:8px;padding:10px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px;font-size:.85rem;border:1px solid}.hr-check.hr-ok{background:#10b98114;border-color:#10b98173}.hr-check.hr-warn{background:var(--warning-bg);border-color:#f59e0b80}.hr-check.hr-bad{background:#ef444414;border-color:#ef444473}.hr-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px 12px}.dup-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.security-alert-detail{background:#ef444414;border:1px solid rgba(239,68,68,.35);border-radius:8px;padding:10px 12px;display:grid;gap:3px;font-size:.88rem}.email-consent{margin-top:8px;background:#06c75514;border:1px solid rgba(6,199,85,.4);border-radius:8px;padding:10px 12px;font-size:.84rem;line-height:1.5;text-transform:none;letter-spacing:normal}.email-consent ul{margin:4px 0 6px 18px;padding:0}.email-consent .email-consent-check{display:flex;gap:8px;align-items:flex-start;font-weight:600;color:var(--text);text-transform:none;letter-spacing:normal;font-size:.86rem;margin-top:6px;cursor:pointer}.email-consent .email-consent-check input{margin-top:3px}.email-consent-en{color:var(--text-muted);font-style:italic;margin-top:2px}.modal-overlay{visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.modal-overlay.active{visibility:visible;transition:opacity .3s ease,visibility 0s}.modal-overlay:not(.active),.sidebar-overlay:not(.active){backdrop-filter:none;-webkit-backdrop-filter:none}@supports (height: 100dvh){#appPage{height:100dvh}.modal-body{max-height:70dvh}}@media(max-width:1024px),(hover:none){*,*:before,*:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modal-overlay{background-color:#0b0f19eb}.stat-card:hover,.forms-grid .form-card:hover,.cash-desk-panel:hover,.btn-primary:hover{transform:none}.modal-card{transform:none;transition:none}@supports (height: 100dvh){.sidebar{height:100dvh}.modal-card{max-height:calc(100dvh - 24px)}.modal-body{max-height:none;flex:1 1 auto;min-height:0}}}.extra-file-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.extra-file-list:empty{display:none}.extra-file-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;font-size:.85rem}.extra-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extra-file-status{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.part-combo{position:relative;width:100%}.part-combo .part-select-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;left:0;top:0}.part-combo-input{width:100%;cursor:pointer}.part-combo.open .part-combo-input{cursor:text}.part-combo-list{display:none;position:absolute;z-index:50;left:0;right:0;top:calc(100% + 2px);max-height:320px;overflow-y:auto;background:var(--bg2);color:var(--text);border:1px solid var(--border-focus);border-radius:8px;box-shadow:0 6px 18px #00000026}.part-combo.open .part-combo-list{display:block}.part-combo-item{padding:7px 10px;cursor:pointer;font-size:.9rem}.part-combo-item:hover,.part-combo-item.active{background:#6366f11f}.part-combo-item.selected{font-weight:600}.part-combo-empty{padding:8px 10px;color:var(--text-muted, #888);font-size:.85rem}.pay-filter{display:flex;flex-wrap:wrap;gap:6px;padding:10px 1.25rem;border-bottom:1px solid var(--border)}.pay-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent}.pay-cash{background:var(--success-bg);color:var(--success);border-color:#10b98159}.pay-transfer{background:var(--info-bg);color:var(--info);border-color:#06b6d459}.ui-dialog{z-index:10050}.ui-dialog-card{max-width:440px;width:calc(100% - 32px);padding:22px 22px 18px}.ui-dialog-title{margin:0 0 10px;font-size:1.1rem}.ui-dialog-msg{white-space:pre-line;line-height:1.6;font-size:.95rem;color:var(--text-primary, inherit)}.ui-dialog-label{display:block;margin:14px 0 6px;font-size:.9rem;font-weight:600}.ui-dialog-input{width:100%;box-sizing:border-box}.ui-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.ui-dialog-actions .btn{min-width:96px;min-height:40px}@media(max-width:480px){.ui-dialog-actions .btn{flex:1}}.nav-item:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.bottom-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;color:var(--text-muted, #94a3b8);font-size:.9rem}.ui-spinner{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ui-spinner{animation-duration:2.4s}}.empty-state.empty-state-sm{padding:20px}.empty-state.empty-state-sm p{margin:0}.status-stepper{display:flex;list-style:none;margin:0;padding:4px 0 0;gap:0}.status-stepper .step{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;text-align:center;font-size:.8rem;color:var(--text-muted, #94a3b8)}.status-stepper .step:not(:first-child):before{content:"";position:absolute;top:13px;right:50%;width:100%;height:2px;background:var(--border, #334155);z-index:0}.status-stepper .step.done:not(:first-child):before,.status-stepper .step.current:not(:first-child):before{background:var(--success, #22c55e)}.status-stepper .dot{position:relative;z-index:1;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700;background:var(--bg-card, #1e293b);border:2px solid var(--border, #334155)}.status-stepper .step.done .dot{background:var(--success, #22c55e);border-color:var(--success, #22c55e);color:#fff}.status-stepper .step.current .dot{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.status-stepper .step.current .lbl{color:var(--text);font-weight:600}.status-stepper-caption{font-size:.85rem;text-align:center;margin-top:2px}.status-stepper-end{justify-content:center}.bottom-nav{display:none}@media(max-width:768px){.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--bg2, #131c2e);box-shadow:0 -4px 16px #00000059;border-top:1px solid var(--border, #334155);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}.bottom-nav-item{flex:1;min-width:0;min-height:58px;padding:6px 0 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.2;background:none;border:0;color:var(--text-muted, #94a3b8);font:inherit;font-size:.78rem;border-radius:10px;cursor:pointer}.bottom-nav-item .bn-icon{font-size:1.15rem;line-height:1.2;height:1.4rem;display:block}.bottom-nav-item .bn-text{display:block;white-space:nowrap;word-break:normal;overflow-wrap:normal}.bottom-nav-item.active{color:var(--accent);background:var(--accent-glow)}body.has-bottom-nav .main-content{padding-bottom:calc(76px + env(safe-area-inset-bottom))}body.has-bottom-nav #toastContainer{bottom:calc(72px + env(safe-area-inset-bottom))}}body.light-theme .bottom-nav{background:#fff}@media print{.bottom-nav{display:none!important}}.u-right{text-align:right}.u-center{text-align:center}.u-w100{width:100%;box-sizing:border-box}.u-mb0{margin-bottom:0}.u-mb12{margin-bottom:12px}.u-mb16{margin-bottom:1rem}.u-mt30{margin-top:30px}.u-fs85{font-size:.85rem}.u-flex1{flex:1}.u-pointer{cursor:pointer}.u-accent{color:var(--accent)}.u-link{color:var(--accent);text-decoration:underline}.u-label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.u-hint{font-size:.8rem;color:var(--text-muted)}.u-empty-cell{text-align:center;color:var(--text-dark);padding:12px}.u-row8{display:flex;gap:8px}.u-row6{display:flex;gap:6px}.u-aic{align-items:center}.u-col12{display:flex;flex-direction:column;gap:12px}.u-row-tint{background:#ffffff05}.table-container-flat{box-shadow:none;border:none;border-radius:0;margin-bottom:0}.filter-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-bar .filter-date{width:140px;padding:4px 8px}@media(max-width:768px){.panel-header{flex-wrap:wrap;gap:10px}.filter-bar{width:100%}.filter-bar .filter-date{flex:1 1 120px;width:auto;min-width:0}body.has-bottom-nav .mobile-menu-btn{display:none!important}body.has-bottom-nav .main-content{padding-top:1rem}.panel-body table.table-cards{display:block;overflow:visible}table.table-cards thead{display:none}table.table-cards tbody{display:flex;flex-direction:column;gap:10px}table.table-cards tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}table.table-cards td{display:flex;justify-content:space-between;gap:12px;padding:0!important;border:0!important;white-space:normal!important;grid-column:1 / -1;font-size:.9rem}table.table-cards td[data-label]:before{content:attr(data-label);color:var(--text-muted);font-size:.8rem;font-weight:400;flex-shrink:0}table.table-cards td.tc-title{grid-column:1;font-size:1rem}table.table-cards td.tc-title:before{content:none}table.table-cards td.tc-amount{grid-column:2;grid-row:1;justify-content:flex-end;font-size:1rem}table.table-cards td.tc-amount:before{content:none}table.table-cards td:last-child{justify-content:flex-end;margin-top:6px}table.table-cards td[colspan]{position:static;display:block;text-align:center!important}table.table-cards td[colspan]:before{content:none}}.device-row .device-meta{flex:1;min-width:0}@media(max-width:768px){.device-row{flex-wrap:wrap;align-items:center;row-gap:6px}.device-row .login-method-name{flex:1 1 auto}.device-row .device-meta{flex:1 1 100%;order:2;overflow-wrap:break-word;word-break:normal}.device-row .btn{order:3}table.table-cards tr{grid-template-columns:auto minmax(0,1fr)}table.table-cards td.tc-title{white-space:nowrap!important}table.table-cards td.tc-amount{display:block;text-align:right}table.table-cards td.tc-amount div,table.table-cards td.tc-amount span{white-space:normal!important}}.input-field,.search-input{min-width:0}.modal-header{gap:12px}.modal-header h3{min-width:0;overflow-wrap:anywhere}.modal-close{flex-shrink:0}@media(max-width:768px){.panel-body table:has(>tbody>tr:only-child>td[colspan]),.modal-body table:has(>tbody>tr:only-child>td[colspan]){display:table;width:100%}table:has(>tbody>tr:only-child>td[colspan])>thead{display:none}table.table-cards td.tc-title:not([data-label=เลขคำขอ]){grid-column:1 / -1}table.table-cards td:empty{display:none}table.table-cards td .btn{white-space:nowrap}table.table-cards td>div{flex-wrap:wrap;justify-content:flex-end}table.table-cards input,table.table-cards select{max-width:60%}.approval-actions-row .approval-comment{flex:1 1 100%}.approval-actions-row textarea{width:100%!important;box-sizing:border-box}.approval-actions-row .approval-buttons{flex:1 1 100%;gap:12px!important}.approval-actions-row .approval-buttons .btn{flex:1;min-height:44px;justify-content:center}.approval-actions-row .approval-buttons .btn-success{flex:2}.personal-workspace-grid{grid-template-columns:1fr!important}.donut-legend{flex:1 1 100%!important;max-height:none!important}.donut-label{max-width:none!important;flex:1;min-width:0}}@media(max-width:768px){.filter-row{flex-direction:column;align-items:stretch}.filter-row>div{flex-wrap:wrap}.filters-left>*{flex:1 1 140px;min-width:0;width:auto}.filters-left>.search-input{flex-basis:100%}}@media(max-width:768px){table.table-cards td{display:block;text-align:right;overflow-wrap:anywhere}table.table-cards td[data-label]:before{float:left;margin-right:12px;text-align:left;max-width:45%}table.table-cards td.tc-title{text-align:left}table.table-cards td.tc-amount{text-align:right}table.table-cards td:after{content:"";display:block;clear:both}table.table-cards td>div{display:inline-flex}}@media(max-width:768px){.filter-row input[type=month],.filter-row input[type=date]{flex:1 1 160px;width:auto!important;min-width:0}}.reject-banner{border:1px solid rgba(239,68,68,.45);background:#ef44441a;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.reject-banner strong{color:var(--danger)}.reject-reason{font-size:.95rem;color:var(--text)}@media(max-width:768px){table.table-cards tr.queue-main{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table.table-cards tr.queue-strip{margin-top:-10px;border-top-left-radius:0;border-top-right-radius:0;border-top:1px dashed var(--border);padding-top:8px}table.table-cards tr.queue-strip td[colspan]{position:static;text-align:left!important;border:0!important;padding:0!important}tr.queue-strip .queue-strip-id{display:none}tr.queue-strip .queue-strip-inner>span{flex:1 1 100%}tr.queue-strip select{max-width:none!important;flex:1;min-width:0}tr.queue-strip .queue-strip-inner>button.btn-danger{margin-left:auto}table.table-cards tr.queue-main td:last-child{text-align:right}}:root{--ptc-css-build: "2026-10-29b"}