:root{--bg:#f5fbff;--panel:#fff;--text:#14304a;--muted:#6c8299;--line:#d9ecfb;--blue:#4aa3ff;--blue2:#86caff;--blue3:#eaf6ff;--deep:#1f6fb9;--danger:#c2413b;--ok:#16825d;--warn:#b87912;--shadow:0 22px 55px #2a6fab1a}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(#f7fcff,#edf7ff);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}button,a.btn{border:1px solid var(--line);background:var(--blue3);color:#185b94;cursor:pointer;border-radius:15px;align-items:center;gap:8px;padding:11px 15px;font-weight:800;text-decoration:none;display:inline-flex}button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #4aa3ff21}button.primary{color:#fff;background:linear-gradient(135deg,#4aa3ff,#7fc8ff);border:0;box-shadow:0 14px 30px #4aa3ff40}button.big{justify-content:center;width:100%;padding:14px 16px}button.small{border-radius:11px;padding:8px 11px;font-size:13px}button.iconOnly{background:#fff;border-radius:13px;padding:9px}input,select{border:1px solid var(--line);width:100%;font:inherit;color:var(--text);background:#fff;border-radius:15px;outline:none;padding:12px 14px}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 4px #4aa3ff21}label{color:#31536d;gap:7px;margin-bottom:12px;font-size:13px;font-weight:850;display:grid}.loginShell{background:radial-gradient(circle at 20% 10%,#cfeeff,#0000 35%),linear-gradient(135deg,#fff,#eaf6ff);place-items:center;min-height:100vh;display:grid}.loginCard{text-align:center;background:#fffffff2;border:1px solid #fff;border-radius:32px;width:min(440px,92vw);padding:36px;box-shadow:0 34px 90px #2d70b12e}.brandMark,.miniMark{color:#fff;background:linear-gradient(135deg,#4aa3ff,#93d2ff);place-items:center;font-weight:950;display:grid}.brandMark{border-radius:26px;width:76px;height:76px;margin:0 auto 14px;font-size:29px}.miniMark{border-radius:16px;width:44px;height:44px}.loginCard h1{margin:0;font-size:29px}.loginCard p{color:var(--muted);margin-top:8px}.stack{gap:16px;display:grid}.appShell{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;border-right:1px solid var(--line);background:#fffffff0;flex-direction:column;width:292px;display:flex;position:fixed;inset:0 auto 0 0}.sideBrand{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:88px;padding:18px;display:flex}.sideBrand span,.sideFoot span{color:var(--muted);font-size:12px;display:block}.close{margin-left:auto;display:none}.sidebar nav{gap:8px;padding:16px;display:grid}.sidebar nav button,.sideFoot button{color:#31536d;background:0 0;border:1px solid #0000;justify-content:flex-start;width:100%}.sidebar nav button.active{color:var(--deep);background:linear-gradient(135deg,#e8f5ff,#fff);border-color:#cbe8ff;box-shadow:0 12px 24px #4aa3ff1f}.sideFoot{border-top:1px solid var(--line);margin-top:auto;padding:16px}.userPill{border:1px solid var(--line);background:#f8fcff;border-radius:18px;margin-bottom:10px;padding:13px}.mainArea{width:calc(100% - 292px);margin-left:292px;padding:22px}.topbar{border:1px solid var(--line);min-height:78px;box-shadow:var(--shadow);background:#ffffffe6;border-radius:28px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:15px 18px;display:flex}.topbar h2{margin:0;font-size:23px}.topbar span{color:var(--muted);font-size:13px}.pill{color:var(--deep);border:1px solid var(--line);background:#edf8ff;border-radius:999px;padding:9px 13px;font-weight:900;display:inline-flex}.mobileMenu{display:none}.heroPanel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#fff,#eaf6ff);border-radius:30px;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.heroPanel h1{margin:7px 0;font-size:30px}.heroPanel p{color:var(--muted);margin:0}.eyebrow{color:var(--deep);border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:13px;font-weight:900;display:inline-flex}.pageGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.cards6{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboardGrid{grid-template-columns:1.4fr 1fr 1fr;gap:18px;display:grid}.span2{grid-column:span 2}.panel,.stat{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:20px}.panelHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.panelHead h3,.panel h3{margin:0}.stat{align-items:center;gap:13px;min-height:128px;display:flex}.statIcon{background:var(--blue3);width:50px;height:50px;color:var(--deep);border-radius:18px;place-items:center;display:grid}.stat span{color:var(--muted);font-size:12px;font-weight:850;display:block}.stat b{margin:4px 0;font-size:22px;display:block}.stat small{color:var(--muted)}.wide{grid-column:1/-1}.twoCol{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:18px;display:grid}.sticky{height:max-content;position:sticky;top:22px}.searchLine{gap:10px;margin-bottom:14px;display:flex}.searchLine input{flex:1}.searchLine select{max-width:210px}.tableWrap{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px}th{text-transform:uppercase;letter-spacing:.04em;color:#668199;background:#f6fbff;font-size:12px}td small{color:var(--muted);margin-top:4px;display:block}tr:last-child td{border-bottom:0}.selected{background:#f1f9ff;border:1px solid #cceaff;border-radius:20px;margin-bottom:14px;padding:14px}.selected span{color:#346b98;margin-top:5px;font-size:13px;display:block}.muted{color:var(--muted)}.error,.success{border-radius:15px;padding:12px;font-weight:800}.error{color:#9b1c1c;background:#fff5f5;border:1px solid #ffd2d2}.success{color:#0a6d4b;background:#f0fff8;border:1px solid #c9f2dd}.receiptBox{background:#f8fcff;border:1px solid #cbe8ff;border-radius:22px;margin-top:18px;padding:16px}.qrBox{text-align:center;border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px}.qrBox img{border-radius:16px;width:100%;max-width:240px}.badge{color:#45627b;background:#edf3f8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.pending-cash,.razorpay-pending{color:#936100;background:#fff8e8}.verified-cash,.razorpay-paid{color:#08744e;background:#ecfff8}.uploadBox{background:#f8fcff;border:2px dashed #cbe8ff;border-radius:22px;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.uploadBox input{background:#fff;max-width:320px}.resultBox{color:#e2f3ff;background:#14304a;border-radius:18px;max-height:260px;padding:14px;overflow:auto}.miniTable{max-height:320px;margin-top:14px}.infoGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.infoGrid div{border:1px solid var(--line);background:#f8fcff;border-radius:18px;padding:16px}.infoGrid code{color:#fff;background:#14304a;border-radius:10px;margin-top:10px;padding:10px;display:block;overflow:auto}.barChart{gap:13px;display:grid}.barRow{grid-template-columns:140px 1fr;align-items:center;gap:12px;display:grid}.barName{white-space:nowrap;text-overflow:ellipsis;font-weight:900;overflow:hidden}.barLines{gap:6px;display:grid}.barLine{background:#f4fbff;border:1px solid #dceffd;border-radius:999px;height:22px;position:relative;overflow:hidden}.barLine i{background:#4aa3ff;border-radius:999px;height:100%;display:block}.barLine i.verified{background:#73c6ff}.barLine i.razor{background:#a6d9ff}.barLine span{color:#174466;font-size:12px;font-weight:850;position:absolute;top:2px;left:10px}.donutWrap{place-items:center;gap:16px;display:grid}.donut{border-radius:50%;place-items:center;width:190px;height:190px;display:grid}.donut>div{text-align:center;width:120px;height:120px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:50%;place-items:center;display:grid}.donut b{font-size:18px}.donut span{color:var(--muted);font-size:12px;display:block}.legend{gap:8px;width:100%;display:grid}.legend span{color:#31536d;align-items:center;gap:8px;font-weight:800;display:flex}.legend i{background:#4aa3ff;border-radius:50%;width:12px;height:12px}.legend i.r{background:#8bc9ff}.legend i.p{background:#d8ecff}.miniProgress{gap:8px;margin:10px 0;display:grid}.miniProgress div:first-child{justify-content:space-between;gap:12px;display:flex}.miniProgress span,.miniProgress small{color:var(--muted);font-size:12px;font-weight:800}.progressTrack{background:#eaf6ff;border-radius:999px;height:11px;overflow:hidden}.progressTrack i{background:linear-gradient(90deg,#4aa3ff,#8bc9ff);border-radius:999px;height:100%;display:block}.trendChart{align-items:flex-end;gap:10px;height:250px;padding-top:20px;display:flex}.trendItem{text-align:center;flex:1;grid-template-rows:1fr auto auto;align-items:end;gap:6px;min-width:46px;display:grid}.trendItem div{background:linear-gradient(#4aa3ff,#b9e2ff);border-radius:14px 14px 6px 6px}.trendItem span{color:var(--muted);font-size:11px;font-weight:800}.trendItem b{color:#31536d;font-size:11px}.emptyState{text-align:center;color:var(--muted);border:1px dashed var(--line);background:#f8fcff;border-radius:18px;padding:28px}.goodText{color:var(--ok);font-weight:900}.warnText{color:var(--warn);font-weight:900}@media (width<=1250px){.cards6{grid-template-columns:repeat(3,1fr)}.dashboardGrid{grid-template-columns:1fr}.span2{grid-column:auto}}@media (width<=900px){.pageGrid{grid-template-columns:repeat(2,1fr)}.twoCol{grid-template-columns:1fr}.sticky{position:relative;top:0}.infoGrid{grid-template-columns:1fr}}@media (width<=760px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.show{transform:translate(0)}.close,.mobileMenu{display:inline-flex}.mainArea{width:100%;margin-left:0;padding:12px}.topbar,.heroPanel{border-radius:20px;gap:12px;height:auto}.heroPanel{display:grid}.topbar h2{font-size:18px}.topRight{display:none}.pageGrid,.cards6{grid-template-columns:1fr}.searchLine{flex-direction:column}.searchLine select{max-width:none}.panel,.stat{border-radius:20px;padding:15px}.barRow{grid-template-columns:1fr}th,td{padding:10px;font-size:13px}}html,body,#root{-webkit-text-size-adjust:100%;width:100%;max-width:100%;overflow-x:hidden}body{touch-action:manipulation}img,svg,canvas,video,button,input,select,textarea{max-width:100%}.tableWrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;overflow-x:auto}.tableWrap table{min-width:760px}.panel,.stat,.heroPanel,.topbar,.loginCard,.selected,.receiptBox,.uploadBox{max-width:100%}@media (width<=1024px){.cards6{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboardGrid,.twoCol,.infoGrid{grid-template-columns:1fr!important}.span2{grid-column:auto!important}}@media (width<=760px){body{background:#f5fbff}.appShell{width:100%!important;min-height:100vh!important;display:block!important}.sidebar{z-index:999!important;width:min(86vw,320px)!important;max-width:320px!important;transition:transform .22s!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-105%)!important;box-shadow:20px 0 60px #14304a2e!important}.sidebar.show,.sidebar.open,.sidebar.active,body.sidebar-open .sidebar{transform:translate(0)!important}.close,.mobileMenu{display:inline-flex!important}.mainArea{width:100%!important;max-width:100%!important;margin-left:0!important;padding:10px!important}.topbar{min-height:unset!important;z-index:60!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border-radius:18px!important;gap:10px!important;margin-bottom:12px!important;padding:12px!important;position:sticky!important;top:6px!important}.topbar h2{font-size:17px!important;line-height:1.2!important}.topbar span,.topRight,.pill{font-size:12px!important}.topRight{display:none!important}.heroPanel{border-radius:20px!important;grid-template-columns:1fr!important;gap:12px!important;padding:16px!important;display:grid!important}.heroPanel h1{font-size:22px!important;line-height:1.15!important}.heroPanel p{font-size:13px!important}.heroPanel button,.panel button,.receiptBox button,.uploadBox button,.searchLine button{justify-content:center!important;width:100%!important}.stack{gap:12px!important}.pageGrid,.cards6,.dashboardGrid,.twoCol,.infoGrid{grid-template-columns:1fr!important;gap:12px!important;display:grid!important}.panel,.stat{border-radius:18px!important;padding:14px!important}.stat{gap:11px!important;min-height:96px!important}.statIcon{border-radius:14px!important;flex:none!important;width:42px!important;height:42px!important}.stat b{word-break:break-word!important;font-size:18px!important;line-height:1.2!important}.panelHead{align-items:flex-start!important;gap:8px!important;margin-bottom:12px!important}.panelHead h3,.panel h3{font-size:16px!important;line-height:1.25!important}.searchLine{grid-template-columns:1fr!important;gap:9px!important;display:grid!important}.searchLine input,.searchLine select,.searchLine button,.uploadBox input,input,select,textarea{width:100%!important;max-width:100%!important;min-height:44px!important;font-size:16px!important}button,a.btn{border-radius:14px!important;min-height:44px!important;padding:11px 13px!important}.uploadBox{border-radius:18px!important;grid-template-columns:1fr!important;padding:13px!important;display:grid!important}.selected,.receiptBox,.qrBox{border-radius:16px!important;padding:12px!important}.qrBox img{max-width:min(260px,82vw)!important}.barRow{grid-template-columns:1fr!important;gap:6px!important;display:grid!important}.barName{font-size:13px!important}.barLine{height:25px!important}.barLine span{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:calc(100% - 18px)!important;font-size:11px!important;top:4px!important;overflow:hidden!important}.donut{width:150px!important;height:150px!important}.donut>div{width:98px!important;height:98px!important}.donut b{font-size:14px!important}.trendChart{gap:6px!important;height:200px!important;padding-bottom:4px!important;overflow-x:auto!important}.trendItem{min-width:42px!important}.trendItem b{display:none!important}.tableWrap{border-radius:16px!important;margin:0 -2px!important;overflow-x:auto!important}.tableWrap:before{content:"Swipe table →";color:#1f6fb9;background:#eaf6ff;border-bottom:1px solid #d9ecfb;padding:8px 10px;font-size:12px;font-weight:900;display:block;position:sticky;left:0}table{min-width:720px!important;font-size:12px!important}th,td{padding:9px 8px!important;font-size:12px!important}.loginShell{place-items:center!important;min-height:100dvh!important;padding:14px!important}.loginCard{border-radius:24px!important;width:100%!important;max-width:420px!important;padding:24px 18px!important}.brandMark{border-radius:22px!important;width:64px!important;height:64px!important}.loginCard h1{font-size:24px!important}}@media (width<=420px){.mainArea{padding:8px!important}.topbar,.heroPanel,.panel,.stat{border-radius:16px!important}.heroPanel h1{font-size:20px!important}.stat b{font-size:17px!important}}