@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html,body,#root{width:100%;height:100%}.login-root{justify-content:flex-end;align-items:center;width:100vw;height:100vh;font-family:Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;position:absolute;inset:0}.login-bg-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.4s ease-in-out;position:absolute;inset:0}.login-bg-slide.active{opacity:1}.login-bg-overlay{background:#0003;position:absolute;inset:0}.login-card-wrapper{z-index:10;width:366px;margin-right:clamp(24px,5vw,80px);animation:.65s cubic-bezier(.22,1,.36,1) both slideInRight;position:relative}@keyframes slideInRight{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}.login-card{-webkit-backdrop-filter:blur(28px);background:#080b18f2;border:1px solid #ffffff14;border-radius:14px;padding:26px 24px 22px}.login-brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex}.login-logo{object-fit:contain;flex-shrink:0;width:36px;height:36px}.login-brand-text{flex-direction:column;line-height:1.25;display:flex}.login-brand-name{color:#fff;letter-spacing:.3px;font-size:12px;font-weight:700}.login-brand-sub{color:#ffffff52;letter-spacing:2px;font-size:9px;font-weight:400}.login-heading{margin-bottom:20px}.login-heading h1{color:#fff;letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:700}.login-heading-accent{color:#f97316}.login-subheading{color:#ffffff52;margin:0;font-size:11px}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{letter-spacing:1.6px;color:#ffffff59;font-size:9px;font-weight:600}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:#ffffff38;pointer-events:none;flex-shrink:0;width:14px;height:14px;position:absolute;left:11px}.login-input{color:#fff;box-sizing:border-box;caret-color:#f97316;background:#ffffff0d;border:1px solid #ffffff17;border-radius:8px;outline:none;width:100%;padding:10px 38px 10px 34px;font-size:13px;transition:border-color .2s,background .2s}.login-input:-webkit-autofill{caret-color:#f97316;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;border:1px solid #f9731666!important;-webkit-box-shadow:inset 0 0 0 100px #080b18!important}.login-input:-webkit-autofill:hover{caret-color:#f97316;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;border:1px solid #f9731666!important;-webkit-box-shadow:inset 0 0 0 100px #080b18!important}.login-input:-webkit-autofill:focus{caret-color:#f97316;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;border:1px solid #f9731666!important;-webkit-box-shadow:inset 0 0 0 100px #080b18!important}.login-input::placeholder{color:#ffffff2e}.login-input:focus{background:#f973160a;border-color:#f9731680}.login-eye-btn{cursor:pointer;color:#ffffff38;background:0 0;border:none;align-items:center;padding:3px;transition:color .2s;display:flex;position:absolute;right:10px}.login-eye-btn:hover{color:#ffffff8c}.login-eye-btn svg{width:14px;height:14px}.login-btn{color:#fff;letter-spacing:2.5px;cursor:pointer;background:linear-gradient(90deg,#c2410c 0%,#ea580c 50%,#f97316 100%) 0/200% 100%;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:11px;font-size:11px;font-weight:700;transition:background-position .4s,transform .15s;display:flex}.login-btn:hover:not(:disabled){background-position:100%;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.75;cursor:not-allowed}.login-btn-arrow{flex-shrink:0;width:13px;height:13px}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;display:flex}.login-ssl{color:#ffffff40;align-items:center;gap:5px;font-size:9px;display:flex}.login-ssl-icon{color:#f9731680;flex-shrink:0;width:11px;height:11px}.login-copy{color:#ffffff2e;text-align:right;font-size:9px}@media (width<=480px){.login-card-wrapper{justify-content:center;width:100%;margin-right:0;padding:16px;display:flex}.login-card{width:100%;max-width:320px}}.login-api-error{color:#fca5a5;background:#dc26261a;border:1px solid #dc26264d;border-radius:8px;align-items:center;gap:7px;margin-bottom:14px;padding:9px 12px;font-size:11px;display:flex}.login-api-error svg{color:#f87171;flex-shrink:0;width:14px;height:14px}.input-error .login-input{background:#dc26260a;border-color:#dc262680}.login-error-msg{color:#f87171;letter-spacing:.2px;margin-top:2px;font-size:10px}.css-1u8xl8z-MuiGrid-root,.stats-grid{margin-bottom:10px!important}@media (width<=1200px){.card-value{font-size:24px!important}.dashboard-icon-box{width:60px;height:60px}}@media (width<=768px){.dashboard-container{padding:15px}.title-bar h4{font-size:22px}.card-value{font-size:22px!important}.dashboard-icon-box{width:55px;height:55px}.chart-title{font-size:18px!important}.chart-box{height:300px}.dashboard-card-content{padding:18px!important}}.dashboard-container{background:linear-gradient(135deg,#f1f5f9 0%,#dbeafe 100%);min-height:100vh;padding:13px}.invdashboard{padding:5px 9px!important}.css-1u8xl8z-MuiGrid-root,.stats-grid{margin-bottom:10px!important}.stats-grid .MuiGrid-item{display:flex}.stats-grid .dashboard-card{width:100%}.chart-grid .MuiGrid-item{display:flex}.chart-grid .chart-card{width:100%}.dashboard-card{border:1px solid #e2e8f0;height:100%;overflow:hidden;background:#fff!important;border-radius:24px!important;transition:all .3s!important;box-shadow:0 10px 25px #00000014!important}.dashboard-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f!important}.dashboard-card-content{justify-content:space-between;align-items:center;gap:15px;padding:14px!important;display:flex!important}.card-title{color:#64748b;font-size:13px!important;font-weight:600!important}.card-value{color:#0f172a;margin-top:10px!important;font-size:30px!important;font-weight:800!important}.dashboard-icon-box{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.trend-up-icon{color:#10b981;font-size:16px!important}.trend-down-icon{color:#ef4444;font-size:16px!important}.trend-up-text{color:#10b981;font-size:13px!important;font-weight:700!important}.trend-down-text{color:#ef4444;font-size:13px!important;font-weight:700!important}.trend-label{color:#94a3b8;font-size:12px!important}.chart-card{border:1px solid #e2e8f0;height:100%;padding:15px;background:#fff!important;border-radius:24px!important;box-shadow:0 10px 25px #00000014!important}.chart-title{color:#0f172a;font-size:22px!important;font-weight:800!important}.chart-subtitle{color:#64748b;font-size:14px!important}.chart-box{width:100%;height:420px;padding-top:10px}@media (width<=1200px){.card-value{font-size:24px!important}.dashboard-icon-box{width:60px;height:60px}}@media (width<=768px){.dashboard-container{padding:15px}.title-bar h4{font-size:22px}.card-value{font-size:22px!important}.dashboard-icon-box{width:55px;height:55px}.chart-title{font-size:18px!important}.chart-box{height:300px}.dashboard-card-content{padding:18px!important}}.css-1u8xl8z-MuiGrid-root{--Grid-columnSpacing:9px!important}.dashboard-tabs-main{flex-wrap:wrap;gap:3px;margin-bottom:-6px;display:flex}.dashboardtab{padding:0!important}.dashboard-top-icon{color:#1565a7;justify-content:center;align-items:center;display:flex}.dashboard-top-title{color:#1565a7;font-size:14px!important;font-weight:700!important}.dbcard{border-radius:12px!important;gap:6px!important;padding:5px 9px!important}.dashboard-container{background:#fff;width:100%;min-height:100vh;padding:14px 22px;font-family:Inter,sans-serif}.dashboard-layout{align-items:flex-start;gap:20px;padding:10px 12px;display:flex}.dashboard-left{flex-direction:column;gap:18px;width:57%;display:flex}.dashboard-right{width:43%}.dashboard-card{box-shadow:none!important;background:#f5f7fb!important;border:none!important;border-radius:16px!important}.dashboard-card .MuiCardContent-root{padding:12px 16px!important}.dashboard-card-space{margin-top:0}.dashboard-title{text-align:center;color:#1d2d50;margin-bottom:12px!important;font-size:18px!important;font-weight:700!important}.dashboard-table-title{color:#1d2d50;margin-bottom:18px!important;font-size:18px!important;font-weight:700!important}.dashboard-chart-large{width:100%;height:340px}.dashboard-chart-small{width:100%;height:165px}.dashboard-table-wrapper{width:100%;overflow-x:auto}.dashboard-table{border-collapse:collapse;color:#0f172a;background:#fff;width:100%;font-size:11px}.dashboard-table th{color:#fff;text-align:left;background:#237379e0;border:1px solid #dbe3ef;padding:10px 12px;font-weight:700}.dashboard-table td{border:1px solid #e2e8f0;padding:10px 12px}.dashboard-table tbody tr:nth-child(2n) td{background:#f8fbff}.dashboard-table th:first-child,.dashboard-table td:first-child{text-align:center;width:42px}.dashboard-table th:nth-child(3),.dashboard-table th:nth-child(4),.dashboard-table td:nth-child(3),.dashboard-table td:nth-child(4){text-align:center}.rank{color:#009688;font-weight:800}.bold{color:#071c3a;font-weight:800}.recharts-cartesian-axis-tick-value{fill:#7086a6;font-size:12px}.recharts-label-list text{fill:#071c3a;font-size:11px;font-weight:600}@media (width<=992px){.dashboard-layout{flex-direction:column}.dashboard-left,.dashboard-right{width:100%}}@media (width<=768px){.dashboard-container{padding:10px}.dashboard-chart-large{height:300px}.dashboard-chart-small{height:180px}.dashboard-table{font-size:10px}}.bu-outer{background:#fff;flex-direction:row;align-items:flex-start;gap:16px;padding:16px;display:flex}.bu-charts-row{flex-direction:row;flex:1;gap:16px;min-width:0;display:flex}.bu-chart-card{flex:1;min-width:0}.bu-summary-col{flex-direction:column;flex-shrink:0;gap:8px;width:160px;display:flex}.business-card{height:100%;box-shadow:none!important;background:#fff!important;border:1px solid #dbe3ef!important;border-radius:12px!important}.business-chart-title{text-align:center;color:#22304d;margin-bottom:8px!important;font-size:16px!important;font-weight:700!important}.business-chart-box{width:100%;height:350px}.business-summary-card{text-align:center;color:#fff;border-radius:4px;padding:8px 10px}.bu-name{letter-spacing:.3px;margin-bottom:4px!important;font-size:11px!important;font-weight:700!important}.bu-count{margin-bottom:2px!important;font-size:18px!important;font-weight:800!important}.bu-value{opacity:.9;font-size:11px!important;font-weight:400!important}@media (width<=1100px){.bu-outer{flex-direction:column}.bu-summary-col{flex-flow:wrap;width:100%}.business-summary-card{flex:1;min-width:120px}}@media (width<=768px){.bu-charts-row{flex-direction:column}.business-chart-box{height:300px}}.recharts-legend-item{margin-bottom:6px!important}.recharts-legend-item-text{color:#1e293b!important;font-size:12px!important;font-weight:500!important}.dashboard-container{width:100%!important;max-width:100%!important;padding:0!important}.vcard,.vcontainer{box-sizing:border-box;width:100%;min-width:0}.payment-charts-row{box-sizing:border-box;flex-direction:row;gap:20px;width:100%;padding:16px;display:flex}.payment-pie-wrapper{box-sizing:border-box;background:#fff;border:1px solid #dbe3ef;border-radius:16px;flex:1 1 0;min-width:0;padding:16px 12px 12px;overflow:hidden}.payment-chart-title{text-align:center;color:#22304d;margin-bottom:8px;font-size:15px;font-weight:700}.payment-chart-box{width:100%;height:340px}.recharts-pie-label-text{fill:#1e293b!important;font-size:12px!important;font-weight:700!important}.recharts-legend-item-text{color:#1e293b!important;font-size:12px!important}.recharts-default-tooltip{border:none!important;border-radius:10px!important;box-shadow:0 5px 20px #00000026!important}.payment-summary-section{flex-direction:row;gap:12px;margin:0 16px 16px;display:flex}.summary-alert{border-left:5px solid #0000;border-radius:8px;flex:1 1 0;align-items:center;gap:12px;padding:14px 20px;display:flex}.summary-alert .MuiTypography-root{font-size:14px!important;font-weight:600!important}.green-alert{color:#15803d;background:#f0faf4;border-left-color:#218343}.orange-alert{color:#ea580c;background:#fff5ed;border-left-color:#ea580c}.yellow-alert{color:#b45309;background:#fffbeb;border-left-color:#f59e0b}@media (width<=900px){.payment-charts-row{flex-direction:column}}@media (width<=768px){.payment-chart-box{height:280px}.payment-chart-title{font-size:13px}.summary-alert{padding:10px 14px}.summary-alert .MuiTypography-root{font-size:12px!important}}body{font-family:Segoe UI,sans-serif}.dashboard-root{background:linear-gradient(135deg,#f1f5f9 0%,#dbeafe 100%);min-height:100vh;padding:10px}.card-grid{grid-template-columns:repeat(4,1fr);justify-content:start;gap:10px;margin-bottom:12px;display:grid}.top-card{text-align:center;cursor:default;border-radius:12px;min-height:20px;padding:20px 12px;transition:transform .25s;box-shadow:0 4px 12px #0000001a}.top-card:hover{transform:translateY(-3px)}.top-card--navy{background:#0b2e85d6}.top-card--teal{background:#0b8e83d6}.top-card--orange{background:#c35204d4}.top-card--red{background:#b39a05db}.top-card__value{color:#fff;font-size:26px;font-weight:800;line-height:1.1}.top-card__title{color:#fff;margin-top:5px;font-size:11px;font-weight:500}.section-title{color:#0f766e;letter-spacing:4px;margin-top:4px;margin-bottom:8px;font-size:13px;font-weight:800}.breakdown-card{background:#fff;border:1px solid #dbe3ef;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 6px 18px #00000014}.breakdown-card__inner{align-items:stretch;gap:0;padding:12px;display:flex}.breakdown-card__divider{background:#e2e8f0;flex-shrink:0;width:1px;margin:0 12px}.analysis-chart-section{flex:0 0 56%;min-width:0}.analysis-table-section{flex:auto;min-width:0}.chart-container{width:100%;height:310px}.bd-table{border-collapse:collapse;width:100%;font-size:11.5px}.bd-table thead tr{background:#1f2f56}.bd-table th{color:#fff;text-align:left;white-space:nowrap;background:#1f2f56;border-right:1px solid #ffffff26;padding:7px 8px;font-size:11px;font-weight:700}.bd-table th.th-center{text-align:center}.bd-table th.th-total{text-align:center;background:#0f9d92}.bd-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:6px 8px;font-size:11.5px;font-weight:600}.bd-table tbody tr:nth-child(2n) td{background:#f8fafc}.bd-table tbody tr:nth-child(odd) td{background:#fff}.bd-table td.td-orange{color:#f97316;text-align:center;font-weight:800}.bd-table td.td-blue{color:#1f2f56;text-align:center;font-weight:800}.bd-table td.td-green{color:#0f9d92;text-align:center;font-weight:800}.bd-table td.td-amt{color:#475569;text-align:center;font-size:11px}.bd-table tbody tr.total-row td{background:#d9f4ee!important}.total-row .total-label{color:#0f172a;font-weight:800}.total-row .total-orange{color:#f97316;text-align:center;font-weight:800}.total-row .total-blue{color:#1f2f56;text-align:center;font-weight:800}.total-row .total-green{color:#0f9d92;text-align:center;font-weight:800}.total-row .total-amt{color:#475569;text-align:center;font-size:11px;font-weight:700}.summary-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.summary-box{color:#fff;text-align:center;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:9px 12px;font-size:11.5px;font-weight:600;line-height:1.5;display:flex;box-shadow:0 4px 12px #00000014}.summary-box--red{background:#b00505cc}.summary-box--orange{background:#d07f17e0}.summary-box--teal{background:#018074d6}.recharts-default-tooltip{border:none!important;border-radius:8px!important;font-size:12px!important;box-shadow:0 4px 14px #0000001f!important}.recharts-legend-item-text{font-size:11px!important}.recharts-responsive-container{min-width:100%!important}@media (width<=1200px){.top-card__value{font-size:22px}.chart-container{height:270px}}@media (width<=1100px){.breakdown-card__inner{flex-direction:column}.breakdown-card__divider{width:100%;height:1px;margin:12px 0}.analysis-chart-section,.analysis-table-section{flex:100%}}@media (width<=768px){.dashboard-root{padding:8px}.card-grid{grid-template-columns:repeat(2,1fr);gap:8px}.section-title{letter-spacing:2px;font-size:11px}.top-card{padding:10px}.top-card__value{font-size:20px}.top-card__title{font-size:10px}.chart-container{height:240px}.summary-grid{grid-template-columns:1fr}.summary-box{min-height:auto;font-size:11px}.bd-table td,.bd-table th{padding:5px 6px!important;font-size:10px!important}}@media (width<=480px){.card-grid{grid-template-columns:1fr 1fr;gap:8px}.top-card__value{font-size:18px}}.row-main{width:100%;overflow:visible!important}.row-section{z-index:1;padding:20px;position:relative;border-radius:14px!important;overflow:visible!important;box-shadow:0 2px 10px #00000014!important}.filter-section{background:#fff;border-radius:10px;width:100%;padding:20px;margin-bottom:10px!important}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}.css-1toxriw-MuiList-root-MuiMenu-list{outline:0;list-style:none;border-bottom:1px solid #e0e8f2!important;padding-top:0!important;padding-bottom:0!important}.vcard{background:#eef2f7;min-height:100vh;padding:9px;font-family:Inter,sans-serif}.vcontainer{background:#fff;border:1px solid #d6dce8;border-radius:6px;width:100%;overflow:hidden;box-shadow:0 1px 2px #00000014,0 3px 8px #0000000f}.title-bar{color:#fff;background:#1c4c80cf;justify-content:space-between;align-items:center;height:40px;margin:0;padding:0 16px;font-size:15px;font-weight:700;display:flex}.form-container{background:#fff;border-bottom:1px solid #e5eaf2;padding:22px}.form-inner{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.form-field{flex-direction:column;display:flex}.form-field input,.form-field select{color:#0f172a;background:#fff;border:1px solid #c9d2e3;border-radius:6px;outline:none;width:260px;height:38px;padding:0 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.form-field select{width:240px}.form-field input:focus,.form-field select:focus{border-color:#1d5db8;box-shadow:0 0 0 3px #1d5db81a}.titlebtn{color:#fff;cursor:pointer;background:#9d8809;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:29px;padding:0 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 8px #0f2f5740}.titlebtn:hover{background:#173f73}.addbtn{color:#fff;cursor:pointer;background:#0a5873c9;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 8px #0f2f5740}.addbtn:hover,.findbtn:hover,.resetbtn:hover{background:#173f73}.findbtn{color:#fff;cursor:pointer;background:#531d7ad4;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 8px #0f2f5740}.resetbtn{color:#fff;cursor:pointer;background:#5e5217d4;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 8px #0f2f5740}table{border-collapse:collapse;table-layout:fixed;width:100%}.vtable1{width:10%!important}.vtable2{width:20%!important}.vtable3{width:30%!important}.vtable4{width:40%!important}.vtable5{width:50%!important}.vtable6{width:60%!important}.vtable7{width:70%!important}.vtable8{width:80%!important}.vtable9{width:90%!important}.vtable10{width:100%!important}.table-wrap{background:#fff;padding:18px 22px 24px;overflow-x:auto}.table-wrap table{border-collapse:collapse;table-layout:fixed;background:#fff;border:1px solid #dbe2ee;box-shadow:0 2px 8px #0f172a14}.table-wrap thead tr,.vtable-wrap thead tr{background:#264a5cc7}.table-wrap th{color:#fff;text-align:left;border-right:2px solid #ffffff70;padding:9px 18px;font-size:12px;font-weight:700}.table-wrap td{vertical-align:middle;border-bottom:1px solid #b5c8e5d4;border-right:1px solid #e8ecf1f7;padding:4px 12px;font-size:13px}.table-wrap tbody tr:hover td{background:#f8fbff}.action-cell{justify-content:center;align-items:center;gap:10px;display:flex}.icon-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-btn.edit{color:#1565d8;background:#eef5ff00}.icon-btn.delete{color:#dc2626;background:#eef5ff00}.icon-btn:hover{transform:scale(1.05)}.btn-cancel,.cancelbtn,.cancel-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cfd7e6;border-radius:6px;height:38px;padding:0 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.filter-row{border-bottom:1px solid #e5eaf2;align-items:flex-end;gap:16px;padding:18px 22px 22px;display:flex}.filter-field{flex-direction:column;display:flex}.filter-field label{color:#24324a;margin-bottom:7px;font-size:13px;font-weight:600}.filter-field select,.filter-field input{color:#0f172a;background:#fff;border:1px solid #c9d2e3;border-radius:6px;outline:none;width:240px;height:38px;padding:0 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.filter-field select:focus,.filter-field input:focus{border-color:#1d5db8;box-shadow:0 0 0 3px #1d5db81a}.upload-box{background:#e5e7e980;border:1px dashed #87b2e8;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:820px;height:225px;display:flex}.outline-btn{color:#0b5da6;cursor:pointer;background:#dffffb1c;border:1px solid #03498863;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:235px;height:36px;padding:0 18px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 1px 4px #fafafaad}.vrow{background:#fff;padding:0 18px 18px}.vtable-top{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.vtable-top p{color:#1f2937;margin:0;font-size:14px}.vtable-top select{background:#fff;border:1px solid #cfd7e3;border-radius:4px;height:30px;padding:0 8px}.vsearch-box{align-items:center;gap:5px;display:flex}.vsearch-box label{color:#111827;font-size:14px}.vsearch-box input{border:1px solid #bfc7d4;border-radius:3px;width:170px;height:30px;padding:0 8px}.vtable-wrap{border:1px solid #dbe2ee;width:100%;overflow-x:auto;box-shadow:0 1px 4px #0f172a14}.vtable-wrap table{border-collapse:collapse;table-layout:auto;background:#fff;width:2600px;min-width:2600px}.vtable-wrap th{color:#fff;text-align:left;white-space:nowrap;border-right:1px solid #ffffff2e;padding:10px 8px;font-size:12px;font-weight:700}.vtable-wrap td{color:#1e293b;white-space:nowrap;border-bottom:1px solid #edf1f7;border-right:1px solid #edf1f7;padding:9px 8px;font-size:12px;font-weight:500}.vtable-wrap tbody tr:hover td{background:#f8fbff}.role-master-page,.user-master-page,.access-page{background:#eef2f7;min-height:100vh;padding:9px;font-family:Inter,sans-serif}.role-container,.user-container,.access-container{background:#fff;border:1px solid #d6dce8;border-radius:6px;width:100%;overflow:hidden;box-shadow:0 1px 2px #00000014,0 3px 8px #0000000f}.role-title-bar,.user-title-bar,.access-title-bar{background:#1c4c80cf;align-items:center;height:40px;padding:0 16px;display:flex}.role-title-bar{justify-content:space-between}.role-title-bar h2,.user-title-bar h2,.access-title-bar h2{color:#fff;margin:0;font-size:15px;font-weight:700}.role-form-row,.user-form-row{background:#fff;border-bottom:1px solid #e5eaf2;padding:22px}.role-form-inner,.user-form-inner{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.form-field,.access-field{flex-direction:column;display:flex}.form-field label,.access-field label{color:#24324a;margin-bottom:7px;font-size:13px;font-weight:600}.form-field input,.access-field select{color:#0f172a;background:#fff;border:1px solid #c9d2e3;border-radius:6px;outline:none;height:38px;padding:0 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.form-field input{width:260px}.role-form-row .form-field input{width:340px}.access-field select{width:240px}.form-field input:focus,.access-field select:focus{border-color:#1d5db8;box-shadow:0 0 0 3px #1d5db81a}.btn-submit,.access-find-btn,.update-btn{color:#fff;cursor:pointer;background:#0a5873c9;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 8px #0f2f5740}.btn-submit:hover,.access-find-btn:hover,.update-btn:hover{background:#173f73}.btn-cancel,.cancel-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cfd7e6;border-radius:6px;height:38px;padding:0 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.role-table-wrap,.user-table-wrap{background:#fff;padding:18px 22px 24px;overflow-x:auto}.role-table-wrap table,.user-table-wrap table{border-collapse:collapse;table-layout:fixed;background:#fff;border:1px solid #dbe2ee;box-shadow:0 2px 8px #0f172a14}.role-table-wrap thead tr,.user-table-wrap thead tr{background:#264a5cc7}.role-table-wrap th,.user-table-wrap th{color:#fff;text-align:left;border-right:2px solid #ffffff70;padding:9px 18px;font-size:12px;font-weight:700}.role-table-wrap td,.user-table-wrap td{vertical-align:middle;border-bottom:1px solid #b5c8e5d4;border-right:1px solid #e8ecf1f7;padding:4px 12px;font-size:13px}.role-table-wrap tbody tr:hover td,.user-table-wrap tbody tr:hover td{background:#f8fbff}.th-center,.td-action{text-align:center!important}.role-table-wrap col.col-id{width:90px}.role-table-wrap col.col-rolename{width:330px}.role-table-wrap col.col-createdat{width:260px}.role-table-wrap col.col-action{width:140px}.user-table-wrap col.col-id{width:90px}.user-table-wrap col.col-name{width:230px}.user-table-wrap col.col-email{width:300px}.user-table-wrap col.col-password{width:180px}.user-table-wrap col.col-action{width:100px}.access-filter-row{border-bottom:1px solid #e5eaf2;align-items:flex-end;gap:16px;padding:18px 22px 22px;display:flex}.permission-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:22px;display:grid}.permission-card{background:#fff;border:1px solid #dbe2ee;box-shadow:0 2px 8px #0f172a0f}.permission-card-title{color:#fff;text-align:center;background:#0f2f57;padding:9px 12px;font-size:13px;font-weight:700}.permission-table{border-collapse:collapse;table-layout:fixed;width:100%}.permission-table th{color:#1f2937;background:#e5e7eb;border:1px solid #d7dce5;padding:9px 10px;font-size:12px;font-weight:600}.permission-table td{color:#111827;border:1px solid #e5e7eb;padding:9px 10px;font-size:12.5px;font-weight:500}.permission-table th:first-child,.permission-table td:first-child{text-align:left;width:55%}.permission-table th:not(:first-child),.permission-table td:not(:first-child){text-align:center}.permission-table input[type=checkbox]{cursor:pointer;accent-color:#0f2f57;width:14px;height:14px}.access-action-row{justify-content:flex-end;gap:10px;padding:8px 22px 24px;display:flex}.empty-row td{text-align:center;padding:52px 20px}.empty-state{flex-direction:column;align-items:center;display:flex}.empty-icon-wrap{background:#f2f6ff;border:1px dashed #b7c9f4;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:10px;display:flex}.empty-title{color:#1e293b;margin:0;font-size:14px;font-weight:600}.empty-sub{color:#94a3b8;margin-top:6px;font-size:12px}@media (width<=1100px){.permission-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=750px){.permission-grid{grid-template-columns:1fr}.access-filter-row{flex-wrap:wrap}}.bill-page{background:#eef2f7;min-height:100vh;padding:14px;font-family:Inter,sans-serif}.bill-container{background:#fff;border:1px solid #d6dde7;border-radius:6px;width:100%;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 3px 10px #00000014}.bill-title-bar{background:#0f2f57;border-bottom:2px solid #f2a100;justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex}.bill-title-bar h2{color:#fff;margin:0;font-size:16px;font-weight:700}.bill-list-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f80ff 0%,#1f5ed9 100%);border:1px solid #8fb4ff;border-radius:8px;justify-content:center;align-items:center;height:34px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #1e5ed94d,0 0 10px #7aa5ff38}.bill-content{width:820px;margin:0 auto}.bill-top-actions{justify-content:space-between;align-items:center;padding-top:12px;display:flex}.upload-section{padding-top:8px}.upload-icon svg{color:#1d67b4;font-size:70px}.upload-title{color:#0e4f97;margin:8px 0 18px;font-size:20px;font-weight:400}.select-file-btn,.import-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e88e5 0%,#1565c0 100%);border:none;border-radius:6px;height:36px;padding:0 20px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #1565c059}.bottom-action{width:820px;margin:10px auto 14px}.bill-list-section{background:#fff;padding:0 18px 18px}.bill-filter-row{grid-template-columns:repeat(4,1fr);gap:16px;padding:12px 0 10px;display:grid}.bill-filter-six{grid-template-columns:repeat(4,1fr)}.bill-field{flex-direction:column;display:flex}.bill-field label{color:#172033;margin-bottom:5px;font-size:12px;font-weight:600}.bill-field input,.bill-field select{color:#1e293b;background:#fff;border:1px solid #cfd7e3;border-radius:5px;outline:none;height:34px;padding:0 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.bill-download-row{border-bottom:1px solid #f2a100;gap:8px;padding:8px 0 12px;display:flex}.download-small-btn{color:#fff;cursor:pointer;background:#f5a400;border:none;border-radius:5px;height:30px;padding:0 12px;font-size:12px;font-weight:700;box-shadow:0 3px 8px #f5a40047}.bill-table-top{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.bill-table-top p{color:#1f2937;margin:0;font-size:14px}.bill-table-top select{background:#fff;border:1px solid #cfd7e3;border-radius:4px;height:30px;padding:0 8px}.bill-search-box{align-items:center;gap:5px;display:flex}.bill-search-box label{color:#111827;font-size:14px}.bill-search-box input{border:1px solid #bfc7d4;border-radius:3px;width:170px;height:30px;padding:0 8px}.bill-table-wrap{border:1px solid #dbe2ee;width:100%;overflow-x:auto;box-shadow:0 1px 4px #0f172a14}.bill-table-wrap table{border-collapse:collapse;table-layout:auto;background:#fff;width:2600px;min-width:2600px}.bill-table-wrap thead tr{background:#0f2f57}.bill-table-wrap th{color:#fff;text-align:left;white-space:nowrap;border-right:1px solid #ffffff2e;padding:10px 8px;font-size:12px;font-weight:700}.bill-table-wrap td{color:#1e293b;white-space:nowrap;border-bottom:1px solid #edf1f7;border-right:1px solid #edf1f7;padding:9px 8px;font-size:12px;font-weight:500}.bill-table-wrap tbody tr:hover td{background:#f8fbff}.status-approved{color:#15803d;background:#dcfce7;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:700}.status-pending{color:#b45309;background:#fef3c7;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:700}.bill-footer-row{justify-content:space-between;align-items:center;padding-top:10px;display:flex}.bill-footer-row p{color:#374151;margin:0;font-size:14px}.bill-pagination{gap:4px;display:flex}.bill-pagination button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;height:30px;padding:0 10px}.bill-pagination button.active{color:#fff;background:#0f2f57;border-color:#0f2f57}.bill-filter-compact{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.bill-field-small select,.bill-field-small input{width:260px}.bill-pagination button:disabled{opacity:.55;cursor:not-allowed;background:#f3f4f6}.bill-status-find{align-items:center;gap:10px;display:flex}.bill-status-find select{width:220px}.bill-find-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #1d4ed8;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 20px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #2563eb47}