@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;min-height:100vh;padding-right:10vw;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;background:#061225;position:fixed;inset:0}.login-bg-slide{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;transition:opacity 1.2s;position:absolute;inset:0;transform:none}.login-bg-slide.active{opacity:1;transform:none}.login-bg-overlay{z-index:1;background:linear-gradient(90deg,#050f2314 0%,#050f2324 50%,#050f237a 100%),radial-gradient(circle at 78%,#030d1f8a,#030d1f14 38%,#0000 58%);position:absolute;inset:0}.login-card-wrapper{z-index:5;animation:.55s cubic-bezier(.22,1,.36,1) both cardIn;position:relative}@keyframes cardIn{0%{opacity:0;transform:translate(40px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.login-card{-webkit-backdrop-filter:blur(22px)saturate(135%);box-sizing:border-box;background:linear-gradient(145deg,#09203eb8,#030d1ef0),#051226e0;border:1.5px solid #7dd3fc6b;border-radius:26px;width:380px;padding:0;position:relative;overflow:hidden;box-shadow:0 35px 95px #000000b3,0 0 0 1px #ffffff14,0 0 46px #0ea5e96b}.login-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:0;background:linear-gradient(145deg,#bae6fdd9,#38bdf833 34%,#eab30859 62%,#7dd3fca6);border-radius:26px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.login-card:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff2e,#0000 32%),radial-gradient(circle at 100% 0,#38bdf83d,#0000 36%),radial-gradient(circle at 0 100%,#eab30814,#0000 38%);border-radius:26px;position:absolute;inset:0}.login-card>*{z-index:1;position:relative}.login-brand{background:#ffffff09;border-bottom:1px solid #94a3b82e;justify-content:flex-start;align-items:center;gap:0;padding:24px 28px 20px;display:flex}.login-logo{object-fit:contain;filter:brightness(1.35)contrast(1.08)drop-shadow(0 0 10px #38bdf82e);flex-shrink:0;width:56px;height:48px}.login-brand-divider{background:linear-gradient(#0000,#ffffff4d,#0000);flex-shrink:0;width:1.5px;height:38px;margin:0 16px}.login-brand-text{flex-direction:column;gap:4px;line-height:1.15;display:flex}.login-brand-name{letter-spacing:.2px;white-space:nowrap;background:linear-gradient(90deg,#fff 0%,#bfdbfe 52%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:800}.login-brand-sub{letter-spacing:2px;color:#fbbf24;text-transform:uppercase;font-size:9px;font-weight:800}.login-heading{text-align:center;margin:0;padding:26px 28px 0}.login-subheading{letter-spacing:1.4px;color:#fff;text-shadow:0 8px 22px #00000047;margin:0 0 5px;font-size:25px;font-weight:850;display:block}.login-heading-accent{color:#fff;margin-left:6px;display:inline-block}.login-subheading:after,.login-heading-bar{display:none}.login-subtext{text-align:center;color:#cbd5e1c7;letter-spacing:.2px;margin:5px 28px 0;font-size:12px;font-weight:400}.login-subtext:after{content:"";background:linear-gradient(90deg,#2563eb,#22d3ee 55%,#fbbf24);border-radius:99px;width:42px;height:3px;margin:10px auto 18px;display:block;box-shadow:0 0 14px #22d3ee5c}.login-form{flex-direction:column;gap:15px;padding:0 28px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:#bae6fd;letter-spacing:.7px;text-transform:uppercase;font-size:11.5px;font-weight:800}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-wrap:before{display:none}.login-input-icon{color:#fbbf24;opacity:.95;pointer-events:none;z-index:2;flex-shrink:0;width:15px;height:15px;position:absolute;left:13px}.login-input{color:#fff;caret-color:#38bdf8;box-sizing:border-box;background:#0210267a;border:1px solid #93c5fd8c;border-radius:20px;outline:none;width:100%;padding:13px 40px;font-family:inherit;font-size:14px;transition:border-color .25s,background .25s,box-shadow .25s}.login-input::placeholder{color:#e2e8f0a8;letter-spacing:.15px;font-weight:400}.login-input:hover{background:#02102694;border-color:#7dd3fcb8}.login-input:focus{background:#021026a8;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf82e,0 0 20px #38bdf842}.login-input:-webkit-autofill{caret-color:#38bdf8;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #021026eb!important}.login-input:-webkit-autofill:hover{caret-color:#38bdf8;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #021026eb!important}.login-input:-webkit-autofill:focus{caret-color:#38bdf8;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #021026eb!important}.input-error .login-input{background:#f8717114;border-color:#fb7185}.input-error .login-input:focus{box-shadow:0 0 0 2px #f871712e,0 0 16px #f8717133}.login-error-msg{color:#fecaca;align-items:center;gap:4px;font-size:11px;display:flex}.login-error-msg:before{content:"⚠";font-size:10px}.login-eye-btn{cursor:pointer;color:#cbd5e19e;z-index:3;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s,transform .2s;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.login-eye-btn:hover{color:#38bdf8;transform:translateY(-50%)scale(1.05)}.login-eye-btn svg{width:16px;height:16px;display:block}.login-btn{letter-spacing:1.5px;cursor:pointer;text-transform:uppercase;color:#f8fafc;text-shadow:0 1px 8px #ffffff1f;background:linear-gradient(90deg,#2563eb 0%,#0ea5e9 55%,#38bdf8 100%);border:1px solid #7dd3fc8c;border-radius:20px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:9px;padding:14px;font-family:inherit;font-size:17px;font-weight:850;line-height:1;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0ea5e959}.login-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:65%;height:100%;transition:left .55s;position:absolute;top:0;left:-110%}.login-btn:hover:not(:disabled):after{left:155%}.login-btn:hover:not(:disabled){color:#fff;background:linear-gradient(90deg,#1d4ed8 0%,#0284c7 50%,#06b6d4 100%);border-color:#bae6fdb8;transform:translateY(-2px);box-shadow:0 20px 42px #0ea5e97a}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.68;cursor:not-allowed}.login-btn-arrow{color:#fff;stroke-width:2.5px;opacity:1;filter:drop-shadow(0 0 8px #ffffff40);width:18px;height:18px;transition:all .25s;display:block;position:relative;top:1px}.login-btn:hover .login-btn-arrow{color:#fff;filter:drop-shadow(0 0 12px #ffffff8c);transform:translate(3px)}.login-spinner{border:2px solid #ffffff47;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-api-error{color:#fecaca;background:#f871711a;border:1px solid #f871715c;border-radius:10px;align-items:center;gap:8px;margin:0 28px 12px;padding:9px 12px;font-size:11px;font-weight:650;display:flex}.login-api-error svg{flex-shrink:0;width:14px;height:14px}.login-footer{border-top:1px solid #94a3b829;flex-direction:column;align-items:center;gap:5px;margin:24px 28px 26px;padding-top:18px;display:flex}.login-copy{color:#ffffff94;text-align:center;font-size:10.8px;font-weight:400;line-height:1.7}.login-ssl{color:#ffffffb8;justify-content:center;align-items:center;gap:6px;margin-top:2px;font-size:10.8px;font-weight:600;display:flex}.login-ssl-icon{color:#4ade80;filter:drop-shadow(0 0 6px #4ade8059);flex-shrink:0;width:12px;height:12px}@media (width<=920px){.login-root{box-sizing:border-box;justify-content:center;padding:18px}.login-bg-overlay{background:#020a1894}}@media (width<=520px){.login-card{border-radius:22px;width:100%;max-width:380px}.login-brand{padding:22px 22px 18px}.login-form,.login-heading,.login-footer{padding-left:22px;padding-right:22px}.login-footer{margin-left:22px;margin-right:22px}.login-brand-name{font-size:15px}.login-subheading{font-size:23px}}.login-company{color:#fbbf24;font-weight:500;text-decoration:none;transition:all .25s}.login-company:hover{text-underline-offset:3px;color:#38bdf8;text-decoration:underline}.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;font-family:Calibri,sans-serif!important}.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}.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}.title-bar h4{color:#fff;margin:0;font-size:18px;font-weight:700}.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,.filter-field{flex-direction:column;display:flex}.filter-field label{color:#24324a;margin-bottom:7px;font-size:13px;font-weight:600}.form-field input,.form-field select,.filter-field select,.filter-field input{color:#0f172a;background:#fff;border:1px solid #c9d2e3;border-radius:6px;outline:none;width:260px;padding:0 14px;font-size:13px;font-weight:500;height:32px!important}.form-field input:focus,.form-field select:focus,.filter-field select:focus,.filter-field input:focus{border-color:#1d5db8;box-shadow:0 0 0 3px #1d5db81a}.form-field input:disabled,.form-field select:disabled,.filter-field select:disabled,.filter-field input:disabled{cursor:not-allowed;background-color:#e9ecef}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.titlebtn,.addbtn,.findbtn,.hederbtn,.cancelbtn,.resetbtn{color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 8px #0f2f5740}.titlebtn:hover:not(:disabled),.addbtn:hover:not(:disabled),.hederbtn:hover:not(:disabled),.cancelbtn:hover:not(:disabled),.resetbtn:hover:not(:disabled){background:#173f73}.titlebtn{background:#b28e0ceb}.addbtn,.findbtn{background:#0a5873c9}.hederbtn{background:#b28e0ceb}.cancelbtn{background:#334155}.resetbtn{background:#b28e0ceb}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-toolbar{justify-content:space-between;align-items:center;margin-bottom:2px;padding:0 10px;display:flex}.table-toolbar-left{align-items:center;gap:10px;display:flex}.total-records{color:#090a9b;font-size:15px}.excel-btn{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;display:flex}.excel-btn:hover:not(:disabled){background-color:#218838}.excel-btn:disabled{opacity:.6;cursor:not-allowed}.table-toolbar-right{gap:10px;display:flex}.items-per-page{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:13px}.search-input{border:1px solid #ddd;border-radius:4px;outline:none;width:220px;padding:6px 12px;font-size:13px}.search-input:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.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:12px}.table-wrap tbody tr:hover td{background:#f8fbff}.pagination-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px;display:flex}.pagination-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;align-items:center;gap:3px;padding:5px 10px;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;background-color:#e0e0e0}.pagination-info{margin:0 15px;font-size:14px}.icon-btn{cursor:pointer;background:0 0;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.edit:hover:not(:disabled){background:#1565d81a;transform:scale(1.05)}.icon-btn.delete{color:#dc2626;background:#eef5ff00}.icon-btn.delete:hover:not(:disabled){background:#dc26261a;transform:scale(1.05)}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.editing-row{background-color:#fff3cd!important}.cell-id{color:#6c757d;font-weight:500}.cell-role{font-weight:500}.cell-date{color:#6c757d}.td-action1{text-align:center}.data-table{border-collapse:collapse;table-layout:fixed;background:#fff;border:1px solid #dbe2ee;width:100%;box-shadow:0 2px 8px #0f172a14}.data-table thead tr{background:#264a5cc7}.data-table th{color:#fff;text-align:left;border-right:2px solid #ffffff70;padding:9px 18px;font-size:12px;font-weight:700}.th-center{text-align:center}.data-table td{vertical-align:middle;border-bottom:1px solid #b5c8e5d4;border-right:1px solid #e8ecf1f7;padding:0 12px;font-size:12px}.data-table tbody tr:hover td{background:#f8fbff}.action-cell{justify-content:center;align-items:center;gap:10px;display:flex}.btn-cancel,.cancelbtn,.cancel-btn{color:#eff1f3;cursor:pointer;background:#be9705f7;border:1px solid #cfd7e6;border-radius:6px;height:32px;padding:0 16px;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}.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:3px 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:241px;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:13px;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}