*,*:before,*:after{touch-action:manipulation}:root{--breakpoint-xs: 480px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1280px;--breakpoint-xl: 1920px;--font-size-caption: 11px;--font-size-small: 12px;--font-size-base: 14px;--font-size-large: 16px;--font-size-heading: 20px;--font-size-heading-large: 24px;--font-size-heading-xl: 32px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--color-primary: #0030DB;--color-primary-hover: #00249A;--color-primary-light: #2D52E6;--color-primary-lighter: #ffffff;--color-primary-lightest: #F0F4FE;--color-secondary: #06b6d4;--color-secondary-hover: #0891b2;--color-accent: #06b6d4;--color-success: #10b981;--color-success-hover: #059669;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-info: #2D52E6;--color-info-hover: #0030DB;--text-primary: #374151;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-dark: #1f2937;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f3f4f6;--bg-hover: #f9fafb;--bg-active: #E8EEFD;--border-color: #e5e7eb;--border-color-hover: #d1d5db;--border-radius: 6px;--border-radius-small: 4px;--border-radius-medium: 6px;--border-radius-large: 6px;--border-radius-xl: 8px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .2);--gradient-primary: linear-gradient(135deg, #0030DB 0%, #06b6d4 100%);--gradient-primary-hover: linear-gradient(135deg, #00249A 0%, #0891b2 100%);--focus-ring: 0 0 0 3px rgba(0, 48, 219, .08);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .12s cubic-bezier(.2, .8, .2, 1);--transition-normal: .2s cubic-bezier(.2, .8, .2, 1);--transition-slow: .26s cubic-bezier(.2, .8, .2, 1);--vh: 1vh;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--header-height: 70px;--header-height-mobile: 60px;--header-height-xs: 56px;--keyboard-offset: 0px}*{box-sizing:border-box;margin:0;padding:0;font-family:"Source Sans 3",sans-serif;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b0b5bc}body{font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overscroll-behavior:none;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.text-small{font-size:var(--font-size-small)}.text-large{font-size:var(--font-size-large)}.text-heading{font-size:var(--font-size-heading);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:500;border:1px solid transparent;border-radius:var(--border-radius-small);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;font-family:"Source Sans 3",sans-serif}.btn-primary{background:var(--gradient-primary);color:#fff;border:none}.btn-primary:hover{background:var(--gradient-primary-hover)}.btn-secondary{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary-lightest)}.btn-ghost{background-color:transparent;color:var(--color-primary);border:none}.btn-ghost:hover{background-color:var(--bg-hover)}.gradient-bg{background:var(--gradient-primary)}.gradient-button{background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;transition:all var(--transition-normal)}.gradient-button:hover{background:var(--gradient-primary-hover)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass-card{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-medium)}.card-active{border-color:var(--color-primary)!important;background:var(--color-primary-lightest)!important}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 480px){.container{max-width:100%}}@media (min-width: 768px){.container{max-width:750px}}@media (min-width: 1024px){.container{max-width:970px}}@media (min-width: 1280px){.container{max-width:1170px}}@media (min-width: 1920px){.container{max-width:1400px}}.file-upload-area-compact{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius-small);background-color:var(--bg-hover);margin-bottom:8px}.upload-btn-compact{background:var(--gradient-primary);color:#fff;border:none;padding:5px 10px;border-radius:var(--border-radius-small);cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;white-space:nowrap;transition:background .2s ease,transform .15s ease}.upload-btn-compact:hover{background:var(--gradient-primary-hover);transform:translateY(-1px)}.upload-btn-compact:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-btn-compact .material-icons{font-size:18px}.upload-hint-compact{font-size:12px;color:var(--text-secondary);flex:1}.row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--spacing-sm))}.col{flex:1;padding:0 var(--spacing-sm)}@media (max-width: 768px){.row{flex-direction:column}.col{width:100%;margin-bottom:var(--spacing-sm)}}@media (max-width: 768px){.text-responsive{font-size:calc(var(--font-size-base) * .9)}}@media (max-width: 480px){.text-responsive{font-size:calc(var(--font-size-base) * .85)}}img{max-width:100%;height:auto}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.table-responsive{display:block;width:100%}}.hide-mobile{display:block}.show-mobile{display:none!important}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}.show-mobile-flex{display:none}@media (max-width: 768px){.show-mobile-flex{display:flex!important;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 768px){.bulk-approve-btn,.bulk-reject-btn,.bulk-pay-btn,.icici-download-btn{position:fixed!important;bottom:calc(var(--bottom-nav-height, 56px) + var(--safe-bottom, 0px) + 100px)!important;z-index:499!important;font-size:11px!important;padding:8px 12px!important;min-height:34px!important;gap:4px!important;border-radius:20px!important;box-shadow:0 3px 12px #0000002e!important}.bulk-approve-btn .material-icons,.bulk-reject-btn .material-icons,.bulk-pay-btn .material-icons,.icici-download-btn .material-icons{font-size:15px!important}.advance-page .bulk-reject-btn,.purchase-order-page .bulk-reject-btn,.receipts-page .bulk-reject-btn{right:76px!important;left:auto!important}.advance-page .bulk-approve-btn,.purchase-order-page .bulk-approve-btn,.receipts-page .bulk-approve-btn{right:172px!important;left:auto!important}.payments-page .bulk-approve-btn:not(.icici-download-btn){right:16px!important;left:auto!important}.payments-page .icici-download-btn{right:112px!important;left:auto!important}.payments-page .bulk-pay-btn{right:16px!important;left:auto!important}}@media (max-width: 768px){.mobile-fixed-layout{height:calc(var(--vh, 1vh) * 100 - var(--header-height-mobile, 60px) - var(--safe-top, 0px) - var(--bottom-nav-height, 56px) - var(--safe-bottom, 0px))!important;max-height:calc(var(--vh, 1vh) * 100 - var(--header-height-mobile, 60px) - var(--safe-top, 0px) - var(--bottom-nav-height, 56px) - var(--safe-bottom, 0px))!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:8px 8px 0!important}.mobile-fixed-layout>.page-header,.mobile-fixed-layout>.balance-card,.mobile-fixed-layout>.balance-card.loading,.mobile-fixed-layout>.error-message,.mobile-fixed-layout>.success-message,.mobile-fixed-layout>.tabs-container{flex-shrink:0!important}.mobile-fixed-layout>app-pagination,.mobile-fixed-layout>div>app-pagination{flex-shrink:0!important;padding:8px 0!important}}.card-checkbox{display:flex;align-items:center;flex-shrink:0}.card-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#0030DB;margin:0}.card-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.m-card .m-row1{align-items:center}.m-card .card-checkbox{margin-right:8px;align-self:center}.card-row.selected-card,.m-card.selected-card{border:2px solid #0030DB!important;background-color:#f0f4fe}.m-card .card-checkbox{margin-right:8px}.mobile-card-list{padding:4px 0}.mobile-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014,0 0 0 1px #0000000a;overflow:hidden;cursor:pointer;transition:box-shadow .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.mobile-card:active{transform:scale(.99);box-shadow:0 2px 8px #0000001f}.mobile-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 10px;border-bottom:1px solid #f3f4f6}.mobile-card-title{font-size:15px;font-weight:600;color:#111827;flex:1;min-width:0;word-break:break-word}.mobile-card-subtitle{font-size:12px;color:#6b7280;margin-top:2px}.mobile-card-body{padding:10px 16px}.mobile-card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:4px 0;font-size:13px;min-height:24px}.mobile-card-label{color:#6b7280;flex-shrink:0;min-width:90px;font-size:12px}.mobile-card-value{color:#1f2937;font-weight:500;text-align:right;word-break:break-word}.mobile-card-amount{font-size:16px;font-weight:700;color:#111827}.mobile-card-footer{display:flex;gap:8px;padding:10px 16px 14px;border-top:1px solid #f3f4f6;flex-wrap:wrap}.mobile-action-btn{flex:1;min-height:44px;min-width:80px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:4px;-webkit-tap-highlight-color:transparent}.mobile-action-btn.primary{background:#6366f1;color:#fff}.mobile-action-btn.primary:active{background:#4f46e5}.mobile-action-btn.success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.mobile-action-btn.danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.mobile-action-btn.warning{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.mobile-action-btn.secondary{background:#f9fafb;color:#374151;border:1px solid #e5e7eb}.mobile-action-btn:disabled{opacity:.5;cursor:not-allowed}.m-card{background:#fff;border-left:3px solid #0030DB;border-radius:10px;box-shadow:0 1px 3px #0000000f;cursor:pointer;-webkit-tap-highlight-color:transparent;margin-bottom:6px;padding:10px 14px}.m-card:active{box-shadow:0 2px 8px #0030db1f}.m-row1{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.m-purpose{font-size:14px;font-weight:600;color:#1f2937;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.m-amount{font-size:14px;font-weight:700;color:#1f2937;white-space:nowrap;flex-shrink:0}.m-row2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.m-details{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;min-width:0;overflow:hidden}.m-details .m-sep{color:#d1d5db;font-size:8px}.m-row3{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:5px;min-height:24px}.m-id{font-size:11px;font-weight:600;color:#0030db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-icons{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.m-icon{cursor:pointer;display:flex;align-items:center;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.m-icon .material-icons-outlined{font-size:18px}.m-icon:active{transform:scale(.85)}.m-icon.approve{color:#10b981}.m-icon.reject{color:#ef4444}.m-icon.recall{color:#f59e0b}.m-icon.edit{color:#0030db}.m-icon.delete{color:#ef4444}.fab-btn{display:none;position:fixed;bottom:calc(var(--bottom-nav-height, 56px) + var(--safe-bottom, 0px) + 70px);right:16px;width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#0030db,#06b6d4);color:#fff;border:none;box-shadow:0 4px 16px #0030db4d;cursor:pointer;z-index:500;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.fab-btn:active{transform:scale(.92)}.fab-btn .material-icons{font-size:26px}@media (max-width: 768px){.fab-btn.show-mobile{display:flex}.modal-body,.detail-body-compact,.create-form-body{max-height:calc(100vh - 160px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.modal-footer,.panel-footer,.create-form-footer{padding:10px 12px!important;padding-bottom:calc(10px + var(--safe-bottom, 0px))!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important}.modal-footer .btn-cancel,.modal-footer .btn-approve,.modal-footer .btn-reject,.modal-footer .btn-recall,.modal-footer .btn-pay,.modal-footer .btn-submit,.modal-footer .btn-draft,.panel-footer .btn-cancel,.panel-footer .btn-approve,.panel-footer .btn-reject,.panel-footer .btn-recall,.panel-footer .btn-pay{padding:8px 14px!important;font-size:13px!important}.dropdown-container{position:relative;overflow:visible!important}.header-right,.action-buttons-group{overflow:visible!important}.dropdown-menu{min-width:180px!important;right:0!important;left:auto!important;z-index:9999!important}.date-range-picker-overlay{display:none!important}.mobile-date-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;box-shadow:0 8px 24px #0000001f;z-index:100;min-width:220px;display:flex;flex-direction:column;gap:10px}.mobile-date-row{display:flex;flex-direction:column;gap:4px}.mobile-date-row label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.mobile-date-row input[type=date]{height:40px;padding:0 10px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#f9fafb;width:100%;box-sizing:border-box}.mobile-date-row input[type=date]:focus{border-color:#2d52e6;outline:none;background:#fff}.mobile-date-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.mobile-date-clear-btn{padding:6px 14px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer}.mobile-date-done-btn{padding:6px 14px;border:none;border-radius:8px;background:linear-gradient(135deg,#0030db,#06b6d4);color:#fff;font-size:13px;font-weight:600;cursor:pointer}app-pagination{flex-shrink:0!important;display:block;padding:6px 0}.page-header{margin-bottom:8px!important;gap:0!important}.page-header .header-top{flex-direction:row!important;align-items:center;gap:8px;flex-wrap:nowrap}.page-header .header-top .header-left{flex:1;min-width:0}.page-header .header-top .header-left h1{font-size:18px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-header .header-top .header-left{display:none!important}.page-header .header-top .header-right{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;width:100%;justify-content:flex-end}.page-header .header-top .header-right .search-container{display:none}.page-header .header-top .header-right .add-btn{display:none!important}}.mobile-card-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.mobile-card-type-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-card-type-icon .material-icons{font-size:18px}.hide-tablet{display:block}.show-tablet{display:none}@media (max-width: 1024px) and (min-width: 769px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (max-width: 768px){.p-responsive{padding:var(--spacing-sm)!important}.m-responsive{margin:var(--spacing-sm)!important}}@media (max-width: 480px){.p-responsive{padding:12px!important}.m-responsive{margin:12px!important}}.dark-scrollbar,.dark-scrollbar *{scrollbar-color:rgba(255,255,255,.2) transparent}.dark-scrollbar::-webkit-scrollbar-thumb,.dark-scrollbar *::-webkit-scrollbar-thumb{background:#fff3;border-color:#ffffff1a}.dark-scrollbar::-webkit-scrollbar-thumb:hover,.dark-scrollbar *::-webkit-scrollbar-thumb:hover{background:#ffffff59;border-color:#fff3}.dark-scrollbar::-webkit-scrollbar-thumb:active,.dark-scrollbar *::-webkit-scrollbar-thumb:active{background:#ffffff73}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.thin-scrollbar::-webkit-scrollbar{width:5px;height:5px}.thin-scrollbar::-webkit-scrollbar-track{background:transparent}.thin-scrollbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;border:none}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:#b0b5bc}.custom-tooltip{position:fixed;z-index:999999;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-dark);padding:10px 14px;border-radius:var(--border-radius);border:1px solid var(--border-color);max-width:400px;box-shadow:var(--shadow-lg);white-space:normal;word-wrap:break-word;word-break:break-word;font-size:13px;line-height:1.5;pointer-events:none;transform:translateY(0);font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@keyframes highlight-blue{0%,10%{background-color:#0030db26}to{background-color:#0030db00}}.highlighted-row,.highlighted-row td{animation:highlight-blue 3s ease-out forwards!important}.safe-area-top{padding-top:var(--safe-top)}.safe-area-bottom{padding-bottom:var(--safe-bottom)}.safe-area-left{padding-left:var(--safe-left)}.safe-area-right{padding-right:var(--safe-right)}@media (max-width: 768px){.modal-fullscreen-mobile{position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;min-width:0!important;height:calc(var(--vh, 1vh) * 100)!important;max-height:none!important;border-radius:0!important;padding-top:var(--safe-top);padding-bottom:calc(var(--safe-bottom) + var(--keyboard-offset))}}@media (max-width: 768px){.slide-panel,.help-panel,.filter-panel,.recall-drawer,.approval-modal,.payment-modal,.details-panel,.create-form-panel,.modal-content,.modal-container,.right-panel,.secondary-pane,app-recall-drawer .drawer,app-recall-drawer .recall-panel{top:0!important;bottom:calc(56px + var(--safe-bottom, 0px))!important;box-sizing:border-box}.slide-panel>.modal-header,.slide-panel>.panel-header,.modal-content>.modal-header,.details-panel>.modal-header,.details-panel>.details-header,.recall-drawer>.drawer-header,.help-panel>.modal-header,.create-form-panel>.modal-header,.create-form-panel>.details-header,.approval-modal>.modal-header,.payment-modal>.modal-header{padding-top:calc(var(--safe-top, 0px) + 8px)!important}}.slide-panel>.modal-header,.slide-panel>.panel-header,.details-panel>.modal-header,.details-panel>.details-header,.modal-content>.modal-header,.recall-drawer>.drawer-header,.help-panel>.modal-header,.create-form-panel>.modal-header,.create-form-panel>.details-header,.approval-modal>.modal-header,.payment-modal>.modal-header{background:linear-gradient(135deg,#0030db,#06b6d4)!important;color:#fff!important}.slide-panel>.modal-header h2,.slide-panel>.panel-header h2,.details-panel>.modal-header h2,.details-panel>.details-header h2,.modal-content>.modal-header h2,.recall-drawer>.drawer-header h2,.help-panel>.modal-header h2,.create-form-panel>.modal-header h2,.create-form-panel>.details-header h2,.approval-modal>.modal-header h2,.payment-modal>.modal-header h2,.slide-panel>.modal-header .modal-subtitle,.details-panel>.modal-header .modal-subtitle,.modal-content>.modal-header .modal-subtitle{color:#fff!important}.slide-panel>.modal-header .close-btn,.slide-panel>.panel-header .close-btn,.details-panel>.modal-header .close-btn,.details-panel>.details-header .close-btn,.modal-content>.modal-header .close-btn,.recall-drawer>.drawer-header .close-btn,.help-panel>.modal-header .close-btn,.create-form-panel>.modal-header .close-btn,.create-form-panel>.details-header .close-btn,.approval-modal>.modal-header .close-btn,.payment-modal>.modal-header .close-btn{color:#fff!important;background:#ffffff26!important;border:none!important}.slide-panel>.modal-header .close-btn:hover,.details-panel>.modal-header .close-btn:hover,.modal-content>.modal-header .close-btn:hover{background:#ffffff40!important}.detail-body-compact{padding:16px 24px!important;background:#fff!important;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.detail-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 20px;background:#fafafa;border:1px solid #f3f4f6;border-radius:10px;padding:16px 20px}.detail-field{display:flex;flex-direction:column;gap:3px;min-width:0}.detail-field-wide{grid-column:span 2}.detail-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;line-height:1.2}.detail-value{font-size:14px;font-weight:500;color:#374151;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-amount{font-weight:700;color:#059669;font-size:16px}.detail-purpose-row{display:flex;align-items:baseline;gap:12px;padding:10px 20px;background:#fafafa;border:1px solid #f3f4f6;border-radius:10px}.detail-purpose-row .detail-label{flex-shrink:0;min-width:75px;font-size:11px}.detail-purpose-row .detail-value{white-space:normal;word-break:break-word;font-size:14px}.detail-approval-row{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding:12px 20px;background:#fafafa;border:1px solid #f3f4f6;border-radius:10px}.detail-docs-row{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#fafafa;border:1px solid #f3f4f6;border-radius:10px}.detail-docs-row .detail-label{flex-shrink:0;font-size:11px}.detail-docs-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}@media (max-width: 768px){.detail-info-grid{grid-template-columns:repeat(2,1fr);gap:12px 16px;padding:12px 16px}.detail-body-compact{padding:12px 16px!important;gap:8px;overflow-x:hidden!important;max-width:100%}.detail-purpose-row{padding:10px 14px;max-width:100%}.detail-approval-row{grid-template-columns:1fr;padding:10px 14px}.detail-cost-breakdown{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid #f3f4f6;background:#fafafa;padding:10px 12px}.detail-cost-breakdown .cost-breakdown-table,.detail-cost-breakdown table,.detail-body-compact table{min-width:540px}.detail-body-compact>*{max-width:100%}}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}@media (max-width: 768px){button,.btn,[role=button],input[type=submit],input[type=button],input[type=reset],a.btn{min-height:44px}}.keyboard-aware{padding-bottom:var(--keyboard-offset, 0px);transition:padding-bottom .1s ease-out}html,body{max-width:100vw;overflow-x:hidden}.m-inline-filter,.m-inline-filter.show-mobile{display:none}@media (max-width: 768px){.m-inline-filter.show-mobile{display:inline-flex!important}}button:not(.icon-btn):not([class*=circle]):not([class*=round]):not([class*=pill]),.btn,.btn-primary,.btn-secondary,.btn-tertiary,.action-btn,.view-all-btn,.submit-btn,.cancel-btn,.refresh-btn,.help-btn,.retry-btn,.close-btn,input:not([type=checkbox]):not([type=radio]),select,textarea,.form-control,.form-input,.form-select,.search-input,.search-box,.date-filter-box,.date-filter-input,.widget-container,.modal,.modal-content,.modal-container,.modal-body,.modal-header,.modal-footer,.dialog,.dialog-content,.slide-panel,.help-panel,.recall-drawer,.notification-panel,.notification-item,.dropdown,.dropdown-menu,.dropdown-item,.tooltip,.chip,.tag,.tab,.tabs,.tab-button,.card-icon,[class*=-card]:not([class*=card-icon]):not([class*=card-stack]),[class*=-panel]:not([class*=panel-icon]),[class*=-container]:not(.dashboard-container):not(.icon-container):not([class*=circle]),[class*=-box]:not([class*=checkbox]):not([class*=circle]),[class*=-section]:not([class*=circle]),.summary-card,.stat-card,.info-card,.metric-card,.table-container,table,.alert,.toast,.snackbar,.badge:not([class*=round]):not([class*=circle]):not([class*=dot]),.empty-state,.error-state,.loading-state{border-radius:6px!important}.modal-content,.dialog-content,.slide-panel,.help-panel,.widget-container,.summary-card,[class*=-card]:not([class*=card-icon]):not([class*=card-stack]){border-radius:8px!important}.avatar,.user-avatar,.profile-pic,.dot,.indicator-dot,[class*=circle],[class*=rounded-full],[class*=-pill],.badge[class*=round],.toggle,.toggle-switch{border-radius:50%!important}canvas{border-radius:0!important}.pill,.badge.pill,.tag.pill,[class*=pill-],.chip-rounded,.view-mode-badge{border-radius:9999px!important}.action-btn.recall-btn,.card-action-btn.recall{width:auto!important;height:auto!important;padding:4px 12px!important;background:transparent!important;color:#f59e0b!important;border:1px solid #f59e0b!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.4px;display:inline-flex;align-items:center;justify-content:center;line-height:1.4;transition:all .2s ease}.action-btn.recall-btn:hover,.card-action-btn.recall:hover{background:#fffbeb!important;border-color:#d97706!important;color:#d97706!important}.btn-cancel,.btn-submit,.btn-draft,.btn-approve,.btn-reject,.btn-pay,.btn-delete,.btn-recall{padding:10px 24px!important;border-radius:9999px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:all .2s ease;border:none;letter-spacing:.2px;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.2}.btn-cancel{background:#fff!important;color:#6b7280!important;border:1.5px solid #e5e7eb!important}.btn-cancel:hover:not(:disabled){background:#f9fafb!important;border-color:#d1d5db!important;color:#374151!important}.btn-draft{background:transparent!important;color:#0030db!important;border:1.5px solid #0030DB!important}.btn-draft:hover:not(:disabled){background:#f0f4fe!important;transform:translateY(-1px)}.btn-submit{background:linear-gradient(135deg,#0030db,#06b6d4)!important;color:#fff!important;border:none!important}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#00249a,#0891b2)!important;box-shadow:0 4px 16px #0030db4d;transform:translateY(-1px)}.btn-approve{background-color:#10b981!important;background-image:none!important;color:#fff!important;border:none!important}.btn-approve:hover:not(:disabled){background-color:#059669!important;transform:translateY(-1px)}.btn-reject{background-color:#ef4444!important;background-image:none!important;color:#fff!important;border:none!important}.btn-reject:hover:not(:disabled){background-color:#dc2626!important;transform:translateY(-1px)}.btn-recall{background-color:#f59e0b!important;background-image:none!important;color:#fff!important;border:none!important}.btn-recall:hover:not(:disabled){background-color:#d97706!important;transform:translateY(-1px)}.btn-recall.btn-recall-soft{background-color:#fef3c7!important;background-image:none!important;color:#b45309!important;border:1px solid #fcd34d!important}.btn-recall.btn-recall-soft:hover:not(:disabled){background-color:#fde68a!important;border-color:#f59e0b!important;color:#92400e!important;transform:translateY(-1px)}.btn-pay{background-color:#f59e0b!important;background-image:none!important;color:#fff!important;border:none!important}.btn-pay:hover:not(:disabled){background-color:#d97706!important;transform:translateY(-1px)}.btn-delete{background-color:#ef4444!important;background-image:none!important;color:#fff!important;border:none!important}.btn-delete:hover:not(:disabled){background-color:#dc2626!important;transform:translateY(-1px)}.btn-cancel:disabled,.btn-submit:disabled,.btn-draft:disabled,.btn-approve:disabled,.btn-reject:disabled,.btn-pay:disabled,.btn-delete:disabled,.btn-recall:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.header-left h1,.page-header h1,.header h1,.header-content h1{font-size:24px!important;font-weight:500!important;color:#374151!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;background-clip:initial!important;letter-spacing:normal!important}.column-btn,.column-menu-container{display:none!important}.card-row-icon .material-icons-outlined{font-size:22px;color:#0030db}