:root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#6b7280;--line:#d9e2ef;--brand:#1f4e78;--brand2:#2e6fa8;--danger:#b42318;--ok:#067647;--warning:#b54708;--shadow:0 10px 30px #0e233a1a}:root[data-theme=dark]{--bg:#0e1726;--panel:#172033;--text:#edf2f7;--muted:#aab4c4;--line:#2c3a51;--brand:#4da3ff;--brand2:#74b7ff;--danger:#ff6b6b;--ok:#55d39a;--warning:#ffbc66;--shadow:0 10px 30px #00000040}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.loginPage{background:radial-gradient(circle at top left, #1f4e782e, transparent 32%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:var(--panel);width:min(440px,100%);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:24px;gap:12px;padding:34px;display:grid}.loginLogo{border-radius:24px;width:92px;height:92px;margin:0 auto 8px}.loginCard h1{text-align:center;color:var(--brand);margin:0 0 14px;font-size:28px}label{color:var(--muted);font-size:13px;font-weight:700}input,select,textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);border-radius:12px;outline:none;padding:11px 12px}textarea{resize:vertical;min-height:80px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1f4e7826}.appShell{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:18px;width:290px;height:100vh;padding:20px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:16px;display:flex}.brand img{border-radius:14px;width:52px;height:52px}.brand strong{font-size:16px;display:block}.brand span{color:var(--muted);margin-top:3px;font-size:12px;display:block}nav{gap:8px;display:grid}nav button,.ghost{color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;padding:12px 14px;font-weight:700}nav button:hover,.ghost:hover{background:#1f4e781a}nav button.active{background:var(--brand);color:#fff}.sidebarFooter{gap:8px;margin-top:auto;display:grid}.userBox{border:1px solid var(--line);border-radius:16px;padding:12px}.userBox strong,.userBox span{display:block}.userBox span{color:var(--muted);text-transform:capitalize;margin-top:3px;font-size:13px}.main{flex:1;min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}h1{margin:0;font-size:30px}h2{margin:0 0 16px;font-size:20px}p{color:var(--muted)}.topbar p{margin:6px 0 0}.stack{gap:18px;display:grid}.compactStack{gap:12px}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:20px}.heroPanel{min-height:180px}.dangerPanel{border-color:#b4231859}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.smallCards{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}.metric{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:18px}.metric span{color:var(--muted);font-size:13px;font-weight:700;display:block}.metric strong{color:var(--brand);margin-top:8px;font-size:26px;display:block}.grid{align-items:start;gap:12px;display:grid}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:12px}.twoCol{grid-template-columns:1fr 1fr;gap:18px;display:grid}.settingsGrid{flex-wrap:wrap;gap:12px;display:flex}.btn{background:var(--brand);color:#fff;border:0;border-radius:12px;padding:11px 16px;font-weight:800;box-shadow:0 6px 16px #1f4e782e}.btn:hover{background:var(--brand2)}.btn.secondary{color:var(--brand);border:1px solid var(--brand);box-shadow:none;background:0 0}.btn.danger,button.danger{background:var(--danger);color:#fff}.btn.full{width:100%;margin-top:8px}.btn:disabled{opacity:.55;cursor:not-allowed}.actions{flex-wrap:wrap;gap:7px;display:flex}.actions button,table button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:7px 10px;font-weight:700}.bigActions{gap:12px}.alert{color:var(--brand);background:#1f4e781f;border:1px solid #1f4e7840;border-radius:14px;margin-bottom:16px;padding:12px 14px;font-weight:700}.alert.compact{margin:8px 0 0}.loading{color:var(--muted);margin-bottom:12px;font-weight:700}.tablePanel{overflow:hidden}.tableWrap{border:1px solid var(--line);border-radius:16px;width:100%;overflow:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:900px}th{background:var(--brand);color:#fff;text-align:left;letter-spacing:.02em;text-transform:uppercase;font-size:12px}th,td{border-bottom:1px solid var(--line);vertical-align:top;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;padding:12px}td{color:var(--text)}tr.clickable:hover{cursor:pointer;background:#1f4e7812}.status{text-transform:capitalize;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-block}.status.pending{color:var(--warning);background:#b547081f}.status.approved{color:var(--ok);background:#0676471f}.status.rejected{color:var(--danger);background:#b423181f}@media (width<=1050px){.appShell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;position:static}nav{grid-template-columns:repeat(3,minmax(0,1fr))}nav button,.ghost{text-align:center}.sidebarFooter{grid-template-columns:1fr 1fr 1fr;align-items:center}.cards,.smallCards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three,.grid.five,.twoCol{grid-template-columns:1fr}}@media (width<=620px){.main{padding:14px}.topbar{display:grid}.cards,.smallCards{grid-template-columns:1fr}.sidebar{padding:14px}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebarFooter{grid-template-columns:1fr}h1{font-size:24px}.panel{border-radius:18px;padding:14px}th,td{padding:10px}.metric strong{font-size:22px}}.reportFilters{margin:16px 0 10px}.reportNote{color:var(--muted);border:1px dashed var(--line);border-radius:14px;margin:10px 0 16px;padding:12px;font-weight:700}.roleBadge{text-transform:capitalize;color:var(--brand);background:#1f4e781f;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-block}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body,.sidebar,.panel,.metric,input,select,textarea,button,table,.loginCard{transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s}.themeToggle{border:1px solid var(--line);color:var(--text);text-align:left;background:linear-gradient(135deg,#1f4e781a,#2e6fa80f);border-radius:14px;align-items:center;gap:10px;padding:11px 12px;font-weight:800;display:flex}.themeToggle:hover{border-color:var(--brand);background:#1f4e7824}.themeIcon{background:var(--panel);border:1px solid var(--line);border-radius:999px;place-items:center;width:30px;height:30px;display:inline-grid}:root[data-theme=dark] .metric,:root[data-theme=dark] .panel,:root[data-theme=dark] .loginCard,:root[data-theme=dark] .sidebar{background:linear-gradient(#172033,#0f192a)}:root[data-theme=dark] th{background:#256aa8}:root[data-theme=dark] tr.clickable:hover{background:#4da3ff1a}:root[data-theme=dark] .btn.secondary{background:#4da3ff14}button,.btn,input,select,textarea{min-height:44px}img,video,canvas,svg{max-width:100%}@media (width<=760px){body{-webkit-text-size-adjust:100%;overflow-x:hidden}.loginPage{align-items:start;padding:16px}.loginCard{border-radius:22px;margin-top:28px;padding:22px}.loginLogo{border-radius:20px;width:78px;height:78px}.loginCard h1{font-size:23px;line-height:1.2}.appShell{min-height:100dvh;display:block}.sidebar{z-index:50;border-right:0;border-bottom:1px solid var(--line);gap:10px;width:100%;height:auto;padding:10px 12px;position:sticky;top:0;box-shadow:0 8px 24px #0e233a1a}.brand{gap:10px;padding-bottom:10px}.brand img{border-radius:12px;flex:none;width:42px;height:42px}.brand strong{font-size:14px}.brand span{font-size:11px}nav{scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}nav button,.ghost{white-space:nowrap;text-align:center;scroll-snap-align:start;border-radius:999px;flex:none;padding:10px 12px;font-size:13px}.sidebarFooter{grid-template-columns:1fr 1fr;align-items:stretch;gap:8px;display:grid}.userBox{border-radius:14px;grid-column:1/-1;padding:9px 10px}.userBox strong,.userBox span{display:inline}.userBox span:before{content:" • "}.themeToggle,.sidebarFooter .ghost{text-align:center;justify-content:center;width:100%;min-height:42px;padding:9px 10px}.themeIcon{width:24px;height:24px}.main{padding:12px}.topbar{gap:10px;margin-bottom:12px;display:grid}.topbar h1{font-size:24px;line-height:1.15}.topbar p{font-size:13px;line-height:1.35}.topbar .btn{width:100%}.stack{gap:12px}.panel{border-radius:18px;padding:14px}.heroPanel{min-height:auto}.cards,.smallCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{border-radius:16px;padding:13px}.metric span{font-size:11px;line-height:1.25}.metric strong{word-break:break-word;margin-top:6px;font-size:18px}.grid,.grid.three,.grid.five,.twoCol{grid-template-columns:1fr;gap:10px}.reportFilters{margin:12px 0 8px}input,select,textarea{border-radius:13px;padding:11px 12px;font-size:16px}textarea{min-height:95px}.btn,.actions button,table button{text-align:center;border-radius:12px;justify-content:center;width:100%}.actions,.bigActions,.settingsGrid{grid-template-columns:1fr;gap:8px;width:100%;display:grid}.tablePanel{overflow:visible}.tableWrap{border:0;border-radius:0;overflow:visible}table{border-collapse:separate;border-spacing:0 10px;width:100%;min-width:0}thead{display:none}tbody,tr,td{width:100%;display:block}tbody tr{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:9px 10px;box-shadow:0 8px 22px #0e233a14}tbody tr.clickable:active{transform:scale(.995)}td{word-break:break-word;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;border-bottom:1px solid #798ba529;grid-template-columns:minmax(105px,42%) minmax(0,1fr);align-items:start;gap:10px;padding:9px 4px;font-size:13px;display:grid}td:last-child{border-bottom:0}td:before{content:attr(data-label);color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:900}td[colspan]{text-align:center;color:var(--muted);display:block}td[colspan]:before{content:none}td.actions{grid-template-columns:1fr;display:grid}td.actions:before{margin-bottom:6px}.status,.roleBadge{width:fit-content}}@media (width<=390px){.cards,.smallCards{grid-template-columns:1fr}td{grid-template-columns:1fr;gap:4px}td:before{margin-bottom:1px}}.mobileAppHeader,.mobileBottomNav,.phoneHero{display:none}nav button{align-items:center;gap:10px;display:flex}.navGlyph{width:28px;height:28px;color:var(--brand);background:#1f4e781a;border-radius:10px;place-items:center;font-weight:900;display:inline-grid}nav button.active .navGlyph{color:#fff;background:#ffffff2e}.metricTitle{align-items:center;gap:8px;display:flex!important}.metricTitle em{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand2));border-radius:12px;place-items:center;width:30px;height:30px;font-style:normal;display:inline-grid;box-shadow:0 8px 18px #1f4e7829}@media (width<=760px){:root[data-theme=light]{--bg:#eef3fb;--panel:#fff;--line:#e6ebf3;--brand:#3c5ccf;--brand2:#667eea;--shadow:0 12px 28px #283a5f1f}:root[data-theme=dark]{--bg:#0a1020;--panel:#121b2d;--line:#26344c;--brand:#6f8cff;--brand2:#88a1ff;--shadow:0 14px 32px #00000052}body{background:radial-gradient(circle at 0% 0%, #667eea38, transparent 34%), radial-gradient(circle at 100% 10%, #e639461f, transparent 26%), var(--bg)}.appShell{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.sidebar{display:none!important}.mobileAppHeader{z-index:60;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#eef3fbfa,#eef3fbe0);border-bottom:1px solid #e6ebf3c2;gap:12px;display:grid;position:sticky;top:0}:root[data-theme=dark] .mobileAppHeader{background:linear-gradient(#0a1020fa,#0a1020db);border-bottom-color:#26344cb8}.mobileHeaderTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobileIdentity{align-items:center;gap:10px;min-width:0;display:flex}.mobileIdentity img{background:#fff;border-radius:16px;flex:none;width:44px;height:44px;box-shadow:0 8px 22px #283a5f24}.mobileIdentity span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800;display:block}.mobileIdentity strong{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:16px;display:block;overflow:hidden}.mobileHeaderActions{gap:8px;display:flex}.mobileRoundBtn{border:1px solid var(--line);background:var(--panel);width:42px;height:42px;min-height:42px;color:var(--text);border-radius:999px;place-items:center;display:inline-grid;box-shadow:0 8px 18px #283a5f1a}.dangerText{color:var(--danger)}.mobileMiniCard{color:#fff;background:linear-gradient(135deg,#3859d1fa,#667eeaf5 55%,#dc2626e0);border-radius:24px;padding:16px;position:relative;overflow:hidden;box-shadow:0 18px 38px #3c5ccf42}.mobileMiniCard:after{content:"";background:#ffffff29;border-radius:50%;width:145px;height:145px;position:absolute;top:-52px;right:-48px}.mobileMiniCard span,.mobileMiniCard small{z-index:1;display:block;position:relative}.mobileMiniCard span{opacity:.88;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800}.mobileMiniCard strong{z-index:1;letter-spacing:.02em;margin-top:6px;font-size:25px;line-height:1.1;display:block;position:relative}.mobileMiniCard small{opacity:.82;margin-top:8px;font-size:11px;line-height:1.35}.main{padding:14px 14px 96px}.topbar{display:none}.phoneHero{gap:12px;display:grid}.phoneBalanceCard{color:#fff;background:linear-gradient(135deg,#3859d1 0%,#667eea 55%,#e63946 130%);border-radius:26px;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 38px #3c5ccf47}.phoneBalanceCard:before{content:"";background:#ffffff1f;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-42px;left:-38px}.phoneBalanceCard span,.phoneBalanceCard small,.phoneBalanceCard strong,.cardChip{z-index:1;position:relative}.phoneBalanceCard span{opacity:.86;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800;display:block}.phoneBalanceCard strong{margin:8px 0;font-size:30px;line-height:1.05;display:block}.phoneBalanceCard small{opacity:.82;max-width:230px;font-size:11px;line-height:1.35;display:block}.cardChip{letter-spacing:.05em;background:#fff3;border:1px solid #ffffff3d;border-radius:14px;flex:none;place-items:center;width:54px;height:42px;font-weight:900;display:grid}.quickTiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.quickTiles button{border:1px solid var(--line);background:var(--panel);min-height:74px;color:var(--text);border-radius:20px;place-items:center;gap:5px;padding:10px 6px;display:grid;box-shadow:0 10px 24px #283a5f1a}.quickTiles span{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand2));border-radius:12px;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.quickTiles strong{font-size:11px;line-height:1.15}.cards,.smallCards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border-color:#e6ebf3e0;border-radius:22px}:root[data-theme=dark] .metric{background:linear-gradient(#121b2df5,#0c1423f5);border-color:#26344ce0}.metricTitle{letter-spacing:.03em;font-size:10px!important}.metricTitle em{border-radius:10px;width:26px;height:26px}.metric strong{font-size:20px}.panel{border-radius:24px;box-shadow:0 12px 30px #283a5f1a}.panel h2{margin-bottom:12px;font-size:17px}.grid.five,.grid.three,.twoCol,.grid{gap:11px}input,select,textarea{background:#ffffffdb;border-radius:16px}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#121b2df5}.btn{background:linear-gradient(135deg, var(--brand), var(--brand2));border-radius:16px;min-height:48px;box-shadow:0 12px 26px #3c5ccf38}.btn.secondary{color:var(--brand);background:#667eea1a;border-color:#667eea47}tbody tr{border-radius:22px;box-shadow:0 12px 28px #283a5f1a}td{grid-template-columns:minmax(96px,39%) minmax(0,1fr)}.status,.roleBadge{border-radius:999px;padding:6px 10px}.mobileBottomNav{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #e6ebf3d1;border-radius:26px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px;display:grid;position:fixed;box-shadow:0 18px 42px #283a5f2e}:root[data-theme=dark] .mobileBottomNav{background:#121b2de6;border-color:#26344cd1}.mobileBottomNav button{min-height:56px;color:var(--muted);background:0 0;border:0;border-radius:18px;place-items:center;gap:2px;padding:5px 2px;font-weight:900;display:grid}.mobileBottomNav button span{font-size:17px;line-height:1}.mobileBottomNav button small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;line-height:1.1;display:block;overflow:hidden}.mobileBottomNav button.active{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand2));box-shadow:0 10px 24px #3c5ccf3d}}@media (width<=410px){.phoneBalanceCard strong,.mobileMiniCard strong{font-size:23px}.quickTiles{grid-template-columns:repeat(2,minmax(0,1fr))}.mobileIdentity strong{max-width:132px}}:root{--bg:#eef3fb;--panel:#fff;--text:#111827;--muted:#4b5563;--line:#d7deeb;--brand:#3c5ccf;--brand2:#667eea;--brand-red:#e63946;--shadow:0 16px 42px #283a5f21}:root[data-theme=dark]{--bg:#0a1020;--panel:#121b2d;--text:#f8fafc;--muted:#cbd5e1;--line:#2b3952;--brand:#7b94ff;--brand2:#9ab0ff;--brand-red:#ff6874;--shadow:0 18px 44px #0000005c}html{font-size:16px}body{letter-spacing:.005em;font-size:16px;line-height:1.55}h1,h2,h3,strong,th,label,button{letter-spacing:.005em}h1{font-weight:900;line-height:1.12}h2{color:var(--text);font-weight:900;line-height:1.2}p{line-height:1.55}label{color:var(--text);font-size:14px}input,select,textarea{font-size:15px;line-height:1.35}button,.btn{font-size:15px}@media (width>=761px){body{background:radial-gradient(circle at 8% 0%, #667eea38, transparent 32%), radial-gradient(circle at 92% 6%, #e639461a, transparent 30%), linear-gradient(180deg, #f3f6fd 0%, var(--bg) 100%)}:root[data-theme=dark] body{background:radial-gradient(circle at 10% 0%, #7b94ff38, transparent 32%), radial-gradient(circle at 92% 8%, #ff68741f, transparent 28%), linear-gradient(180deg, #0d1528 0%, var(--bg) 100%)}.appShell{align-items:stretch;gap:0}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-right:1px solid #d7deebd9;width:318px;padding:24px 20px;box-shadow:12px 0 36px #283a5f14}:root[data-theme=dark] .sidebar{background:linear-gradient(#121b2df0,#0a1020f0);border-right-color:#2b3952f2;box-shadow:12px 0 42px #0000003d}.brand{border:1px solid var(--line);background:linear-gradient(135deg,#3c5ccf14,#667eea0f);border-radius:24px;padding:14px;box-shadow:0 12px 26px #283a5f14}.brand img{background:#fff;border-radius:18px;width:58px;height:58px;padding:3px}.brand strong{font-size:17px;line-height:1.15}.brand span{color:var(--muted);font-size:13px}nav{gap:10px;margin-top:4px}nav button,.ghost{min-height:50px;color:var(--text);border-radius:18px;font-size:15px}nav button:hover,.ghost:hover{background:#3c5ccf1a;transform:translateY(-1px)}nav button.active{background:linear-gradient(135deg, var(--brand), var(--brand2));box-shadow:0 12px 26px #3c5ccf40}.navGlyph{border-radius:13px;width:34px;height:34px;font-size:16px}.sidebarFooter{gap:12px}.userBox{background:#ffffffb3;border-radius:20px;padding:14px}:root[data-theme=dark] .userBox{background:#ffffff0a}.userBox strong{font-size:15px}.userBox span{color:var(--muted);font-size:13px}.main{max-width:1600px;margin:0 auto;padding:34px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #d7deebe0;border-radius:28px;align-items:center;margin-bottom:22px;padding:22px 24px}:root[data-theme=dark] .topbar{background:linear-gradient(#121b2df0,#0c1423f0);border-color:#2b3952e6}.topbar h1{color:var(--text);font-size:clamp(30px,2.2vw,42px)}.topbar p{color:var(--muted);margin-top:8px;font-size:16px}.stack{gap:22px}.phoneHero{grid-template-columns:minmax(420px,1.18fr) minmax(320px,.82fr);align-items:stretch;gap:20px;display:grid}.phoneBalanceCard{color:#fff;background:linear-gradient(135deg,#3859d1 0%,#667eea 54%,#e63946 132%);border-radius:34px;justify-content:space-between;align-items:center;gap:20px;min-height:210px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 54px #3c5ccf4d}.phoneBalanceCard:before,.phoneBalanceCard:after{content:"";background:#ffffff24;border-radius:50%;position:absolute}.phoneBalanceCard:before{width:190px;height:190px;bottom:-64px;left:-54px}.phoneBalanceCard:after{width:220px;height:220px;top:-72px;right:-68px}.phoneBalanceCard span,.phoneBalanceCard small,.phoneBalanceCard strong,.cardChip{z-index:1;position:relative}.phoneBalanceCard span{opacity:.9;text-transform:uppercase;letter-spacing:.06em;font-size:14px;font-weight:900;display:block}.phoneBalanceCard strong{letter-spacing:.02em;margin:12px 0;font-size:clamp(36px,3.2vw,54px);line-height:1;display:block}.phoneBalanceCard small{opacity:.88;max-width:520px;font-size:15px;line-height:1.45;display:block}.cardChip{letter-spacing:.05em;background:#fff3;border:1px solid #ffffff47;border-radius:18px;flex:none;place-items:center;width:82px;height:58px;font-size:20px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff40}.quickTiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.quickTiles button{min-height:96px;color:var(--text);box-shadow:var(--shadow);text-align:left;background:#ffffffe0;border:1px solid #d7deebe6;border-radius:28px;justify-content:flex-start;align-items:center;gap:14px;padding:18px;display:flex}:root[data-theme=dark] .quickTiles button{background:linear-gradient(#121b2df5,#0c1423f5);border-color:#2b3952e6}.quickTiles button:hover{border-color:#3c5ccf61;transform:translateY(-2px)}.quickTiles span{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand2));border-radius:18px;flex:none;place-items:center;width:46px;height:46px;font-size:20px;display:grid;box-shadow:0 12px 26px #3c5ccf3b}.quickTiles strong{font-size:17px;line-height:1.2}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:128px;box-shadow:var(--shadow);background:#ffffffe0;border-color:#d7deebe6;border-radius:28px;padding:22px}:root[data-theme=dark] .metric,:root[data-theme=dark] .panel,:root[data-theme=dark] .loginCard{background:linear-gradient(#121b2df5,#0c1423f5);border-color:#2b3952e6}.metric span{color:var(--muted);font-size:14px}.metric strong{color:var(--text);font-size:clamp(24px,1.9vw,34px)}.metricTitle em{border-radius:15px;width:38px;height:38px;font-size:17px}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);background:#ffffffe0;border-color:#d7deebe6;border-radius:30px;padding:24px}.panel h2{font-size:23px}.grid.five{grid-template-columns:1.1fr 1fr .95fr .9fr .9fr;gap:14px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.twoCol{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}input,select,textarea{background:#ffffffeb;border-radius:16px;min-height:48px}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#080e1bbf}.btn{background:linear-gradient(135deg, var(--brand), var(--brand2));border-radius:16px;min-height:48px;box-shadow:0 13px 28px #3c5ccf3d}.btn.secondary{color:var(--brand);background:#667eea1a;border-color:#667eea52}.tableWrap{background:var(--panel);border-color:#d7deebe6;border-radius:22px}table{table-layout:fixed;min-width:980px}th{background:linear-gradient(135deg, var(--brand), var(--brand2));letter-spacing:.04em;white-space:normal;overflow-wrap:anywhere;word-break:break-word;padding:15px 14px;font-size:13px}td{white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;padding:15px 14px;font-size:15px;line-height:1.45}tbody tr:nth-child(2n) td{background:#3c5ccf09}:root[data-theme=dark] tbody tr:nth-child(2n) td{background:#7b94ff0b}.status,.roleBadge{padding:7px 11px;font-size:13px}.actions{gap:9px}.actions button,table button{border-radius:12px;min-height:40px;font-size:13px}.mobileAppHeader,.mobileBottomNav{display:none!important}}@media (width>=761px) and (width<=1180px){.sidebar{width:282px}.main{padding:24px}.phoneHero{grid-template-columns:1fr}.quickTiles{grid-template-columns:repeat(4,minmax(0,1fr))}.quickTiles button{text-align:center;justify-items:center;display:grid}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.five,.grid.three,.twoCol{grid-template-columns:1fr}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}@media (width>=761px){body{font-size:17px;line-height:1.6}.brand strong{font-size:18px}.brand span{font-size:13.5px}nav button,.ghost,.btn,button{font-size:16px;font-weight:850}.topbar h1{font-size:clamp(36px,2.45vw,48px)}.topbar p{font-size:17px;font-weight:700}.panel h2{font-size:25px}.panel p,.reportNote,.alert,label{font-size:15.5px}input,select,textarea{font-size:16px;font-weight:650}.tableWrap{-webkit-overflow-scrolling:touch;overflow:auto hidden}table{table-layout:auto;width:100%;min-width:1320px}th{white-space:nowrap;padding:16px;font-size:14px;font-weight:900;line-height:1.3}td{word-break:normal;overflow-wrap:break-word;padding:16px;font-size:16px;font-weight:650;line-height:1.55}td strong{font-weight:900}td[data-label=Name],td[data-label=Operator],td[data-label=Supplier],td[data-label=Item]{min-width:170px}td[data-label=Email]{white-space:nowrap;overflow-wrap:normal;word-break:normal;min-width:270px}td[data-label=Project],td[data-label="Project / Work"]{min-width:210px}td[data-label=Expense\ No],td[data-label=Bill\ No],td[data-label=Operator\ Code],td[data-label=Code],td[data-label=Mobile],td[data-label=Date],td[data-label=Status],td[data-label=Amount],td[data-label=Cash\ Given],td[data-label=Approved],td[data-label=Pending],td[data-label=Balance]{white-space:nowrap;overflow-wrap:normal;word-break:normal}td[data-label=Description],td[data-label=Remarks]{white-space:normal;min-width:300px;max-width:460px}td[data-label=Actions]{min-width:185px}.actions button,table button{padding:9px 12px;font-size:14px;font-weight:850}.roleBadge,.status{font-size:13.5px;font-weight:900}}@media (width>=761px) and (width<=1360px){.sidebar{width:292px}.main{padding:24px}table{min-width:1380px}}:root{--font-ui:Inter, "Segoe UI", Arial, sans-serif}body{font-family:var(--font-ui);font-size:16.5px;font-weight:500}h1,h2,h3,.panel h2,.topbar h1,.metricTitle,.metric span,.metric strong,.brand strong,.userBox strong,th,label,.roleBadge,.status{font-weight:900}p,.topbar p,.panel p,.reportNote,.alert,.userBox span,.brand span,input,select,textarea,td{font-weight:500}input,select,textarea{font-size:16px}th{font-size:14px}td{font-size:16px;line-height:1.55}.btn,button,nav button,.ghost,.actions button,table button{font-weight:800}@media (width>=761px){body{font-size:18px}.topbar h1{font-size:clamp(38px,2.55vw,50px)}.topbar p,.panel p,.reportNote,.alert{font-size:16px;font-weight:500}.panel h2{font-size:26px;font-weight:900}label{font-size:16px;font-weight:900}input,select,textarea{font-size:16.5px;font-weight:500}th{font-size:14.5px;font-weight:900}td{font-size:16.5px;font-weight:500;line-height:1.6}td strong{font-weight:900}.actions button,table button{font-size:14.5px;font-weight:800}.brand strong{font-weight:900}.brand span{font-weight:500}nav button,.ghost{font-size:16.5px;font-weight:800}}@media (width<=760px){body{font-size:16.5px;font-weight:500}.topbar h1,.mobileBrand strong,.panel h2,.metric span,.metric strong,td:before{font-weight:900}.topbar p,.panel p,.mobileBrand small,td{font-weight:500}td{font-size:15.5px;line-height:1.55}td:before{font-size:12px}}.accountPanel h2{font-weight:900}.mutedText{color:var(--muted);font-weight:500;line-height:1.55}.accountSummary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.accountSummary div{border:1px solid var(--line);background:#1f4e780f;border-radius:16px;padding:12px 14px}.accountSummary span{color:var(--muted);margin-bottom:5px;font-size:13px;font-weight:700;display:block}.accountSummary strong{overflow-wrap:anywhere;font-size:16px;font-weight:900;display:block}.formGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0;display:grid}.formGrid label{margin-bottom:7px;font-weight:900;display:block}@media (width<=900px){.accountSummary,.formGrid{grid-template-columns:1fr}}