:root{--ink:#142d43;--green:#087d72;--line:#dce6ed;--muted:#596d7c}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:#f6f8fb;color:var(--ink)}header{background:#fff}.nav{max-width:1240px;padding:22px 32px}.mark{border-radius:12px;background:#102f47}.links{align-items:center}.links a:last-child{padding:8px 14px;border:1px solid var(--line);border-radius:8px}main{max-width:1240px;padding:30px 32px 60px}.hero{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding:54px 48px;background:linear-gradient(115deg,#eaf4f3,#edf2fc);border:1px solid #deeaee;border-radius:26px;overflow:hidden}.hero h1{font-size:clamp(32px,4.3vw,55px);line-height:1.13;letter-spacing:-.04em;margin:18px 0}.intro{font-size:15px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:22px;margin:26px 0}.action{background:#087d72;padding:13px 21px}.secondary{font-size:14px;font-weight:700;text-decoration:none}.badges{font-size:11px;color:#476777;gap:14px}.hero-art{height:330px;position:relative;display:flex;align-items:center;justify-content:center}.paper-back{position:absolute;width:232px;height:284px;background:#b4d5ce;border:1px solid #99c2b8;transform:rotate(-13deg);border-radius:10px}.paper-front{position:relative;background:white;width:235px;padding:19px;border-radius:10px;transform:rotate(6deg);box-shadow:0 25px 40px #173a5520}.paper-top,.paper-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;color:#607786;letter-spacing:.06em}.tiny-mark{background:#143349;color:white;padding:5px;border-radius:4px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.portrait{height:76px;background:#dce9f3;position:relative;overflow:hidden;border-radius:3px}.head{width:20px;height:24px;position:absolute;background:#91aabe;left:calc(50% - 10px);top:15px;border-radius:50%}.shoulders{position:absolute;width:49px;height:45px;border-radius:45% 45% 0 0;background:#7697af;top:42px;left:calc(50% - 24px)}.float-label{position:absolute;bottom:9px;background:#fff;padding:11px 18px;border:1px solid #dce6ed;border-radius:10px;box-shadow:0 10px 25px #14334915;font-size:12px;color:#087d72;font-weight:700}.quick-start{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 52px}.quick-start a{padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;display:flex;flex-direction:column;gap:5px;transition:transform .15s}.quick-start a:hover{transform:translateY(-3px);border-color:#75b3a8}.quick-start span{font-size:10px;color:#087d72;letter-spacing:.13em;font-weight:750}.quick-start strong{font-size:19px}.quick-start small{font-size:12px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px}.section-heading h2{font-size:28px;letter-spacing:-.03em;margin:5px 0}.section-heading p{font-size:13px;color:var(--muted)}.toolbar{margin:20px 0 24px;background:#fff;border:1px solid var(--line);padding:15px 18px;border-radius:13px}.toolbar label br,.toolbar label .note{display:none}.search{min-width:260px;background:#f8fafc!important}.filters button{font-size:13px}.grid{gap:18px}.card{border-radius:14px;padding:24px;min-height:205px;box-shadow:0 3px 5px #19394a03}.card h2{font-size:17px}.privacy{background:#eaf2f5;border:1px solid #dbe7ed;margin-top:38px}.privacy strong{color:#183d51}.privacy p{max-width:830px}#contact{max-width:1176px!important;border-top:1px solid var(--line);padding-top:28px!important}footer{background:#edf2f6}dialog{max-height:92dvh}.upload{background:#f0f7f7}
@media(max-width:850px){.hero{padding:32px;grid-template-columns:1.3fr 1fr;gap:10px}.hero-art{transform:scale(.85);margin:0 -20px}.quick-start a{padding:18px}.quick-start strong{font-size:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.nav{padding:16px 18px;flex-wrap:wrap;gap:12px}.links{font-size:12px;gap:16px;width:100%;justify-content:space-between}.links a:last-child{display:inline!important;padding:5px 10px}main{padding:18px 16px 40px}.hero{grid-template-columns:1fr;padding:28px 23px}.hero-art{height:250px;transform:scale(.82);margin:-10px 0 -20px}.hero h1{font-size:38px}.intro{font-size:14px}.hero-actions{gap:16px}.badges{gap:8px;font-size:10px}.quick-start{grid-template-columns:1fr;gap:10px;margin:18px 0 32px}.quick-start a{padding:15px 18px;display:grid;grid-template-columns:1fr auto}.quick-start span{grid-column:1/-1}.quick-start small{align-self:center;font-size:10px}.section-heading p{display:none}.toolbar{padding:12px;gap:14px}.toolbar label,.search{width:100%;min-width:0}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:16px;min-height:220px}.card h2{font-size:15px}.card p{font-size:12px}.icon{margin-bottom:12px}.privacy{padding:20px}.hero-actions .action{font-size:13px}.secondary{font-size:12px}}
@media(max-width:360px){.grid{grid-template-columns:1fr}.quick-start a{display:flex}.hero h1{font-size:33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* =====================================================================
   ALL CSC WORK — Bento + Glass skin (v1)
   Sirf look badalta hai. HTML/JS/functionality same hai.
   ===================================================================== */
:root{
  --g-ink:#13201b;--g-muted:#40524b;--g-soft:#5b6c65;
  --g-accent:#0f8b6d;--g-accent-d:#0b6b54;--g-amber:#f0a030;
  --g-glass:rgba(255,255,255,.58);--g-glass-2:rgba(255,255,255,.78);--g-glass-3:rgba(255,255,255,.38);
  --g-edge:rgba(255,255,255,.9);--g-line:rgba(19,32,27,.11);
  --g-shadow:0 14px 34px rgba(20,60,50,.13),inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35);
  --g-blur:blur(20px) saturate(165%);
  --g-radius:24px;
  /* purane tokens ko naye rang par map karna */
  --navy:#13201b;--navy-soft:#1d2e28;
  --gray-800:#1c2a25;--gray-700:#2f3f39;--gray-600:#40524b;--gray-500:#5b6c65;
  --gray-50:rgba(255,255,255,.4);--gray-100:rgba(19,32,27,.06);--gray-200:rgba(19,32,27,.12);--gray-300:rgba(19,32,27,.2);
  --teal-50:rgba(15,139,109,.08);--teal-100:rgba(15,139,109,.16);
  --radius:20px;--radius-sm:12px;
  --shadow:var(--g-shadow);--shadow-lg:0 22px 50px rgba(20,60,50,.2);
}

/* ---------- Background ---------- */
:root body{
  color:var(--g-ink);
  background-color:#e6f1ee;
  background-image:
    radial-gradient(520px 420px at 10% 6%,#9be6c9 0,transparent 70%),
    radial-gradient(480px 460px at 94% 20%,#ffd9a0 0,transparent 70%),
    radial-gradient(560px 480px at 58% 100%,#a9cdff 0,transparent 70%);
  background-attachment:fixed;
}
:root body a{color:var(--g-accent-d)}
:root body a:hover{color:var(--g-amber)}

/* ---------- Glass surfaces (bento cards) ---------- */
:root body .panel,:root body .stat-card,:root body .service-card,:root body .tool-card,
:root body .tool-panel,:root body .auth-card,:root body .contact-card,:root body .receipt,
:root body .settings-pane,:root body .settings-menu,:root body .settings-intro,
:root body .clean-row,:root body .stat-pill,:root body .card,:root body .quick-start a,
:root body .privacy,:root body .toolbar,:root body .contact-links a,
:root body .workspace-controls,:root body .workspace-results,
:root body .app-shell .panel,:root body .app-shell .clean-row,:root body .app-shell .settings-pane{
  background:var(--g-glass)!important;
  border:1px solid var(--g-edge)!important;
  border-radius:var(--g-radius)!important;
  box-shadow:var(--g-shadow)!important;
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
  color:var(--g-ink);
}
:root body .clean-row{border-radius:16px!important}
:root body .toolbar{border-radius:20px!important}
:root body .stat-card::before{height:4px;background:linear-gradient(90deg,var(--g-accent),var(--g-amber))}
:root body .service-card:hover,:root body .tool-card:hover,:root body .card:hover,:root body .quick-start a:hover{
  transform:translateY(-3px);border-color:#fff!important;
  box-shadow:0 20px 44px rgba(20,60,50,.18),inset 0 1.5px 0 #fff!important;
}
:root body .panel-header,:root body .app-shell .panel-header{background:transparent!important;border-bottom:1px solid var(--g-line)}
:root body .modal{background:var(--g-glass-2);border:1px solid var(--g-edge);border-radius:28px;
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur)}
:root body .modal-header,:root body .modal-footer{border-color:var(--g-line)}
:root body .modal-overlay{background:rgba(19,32,27,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* Bento: stats aur tool-cards ka pehla card bada */
:root body .stats-grid{grid-auto-flow:dense;gap:14px}
:root body .tool-cards,:root body .services-grid{gap:14px}
@media(min-width:900px){
  :root body .tool-cards>.tool-card:first-child{grid-column:span 2}
}

/* ---------- Headings ---------- */
:root body .section-title h2,:root body .tool-page-header h1,:root body .topbar h1,
:root body .panel-header h2,:root body .service-card h3,:root body .tool-card h3,
:root body .about-box h2,:root body .auth-card h1,:root body .stat-card .value{color:var(--g-ink)}
:root body .section-title p,:root body .stat-card .label,:root body .stat-card .sub,
:root body .service-card p,:root body .tool-card p,:root body .topbar .meta{color:var(--g-soft)}
:root body .section-alt{background:transparent}

/* ---------- Public nav / header / footer ---------- */
:root body .public-nav,:root body header{
  background:rgba(255,255,255,.55)!important;
  border-bottom:1px solid var(--g-edge)!important;
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
  box-shadow:0 8px 24px rgba(20,60,50,.07);
}
:root body header{position:sticky;top:0;z-index:60}
:root body .public-nav .brand,:root body .brand{color:var(--g-ink)}
:root body .nav-links a,:root body .links a{color:var(--g-muted)}
:root body .nav-links a:hover,:root body .links a:hover{color:var(--g-accent-d)}
:root body .brand-mark,:root body .mark{
  background:linear-gradient(145deg,#27b896,#0b6b54)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.7);border-radius:14px;
  box-shadow:0 6px 14px rgba(15,139,109,.3),inset 0 1px 0 rgba(255,255,255,.45);
}
:root body .links a:last-child{background:var(--g-glass-2)!important;border:1px solid var(--g-edge)!important;border-radius:999px!important;color:var(--g-ink)}
:root body .public-footer,:root body footer{
  background:var(--g-glass)!important;color:var(--g-muted)!important;border-top:1px solid var(--g-edge)!important;
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
}
:root body .public-footer strong{color:var(--g-accent-d)}

/* ---------- Hero ---------- */
:root body .hero,:root body .tools-hero{
  background:var(--g-glass)!important;color:var(--g-ink)!important;
  border:1px solid var(--g-edge)!important;border-radius:32px!important;
  box-shadow:var(--g-shadow)!important;
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
}
:root body .tools-hero{margin:16px;padding:2.2rem 1.5rem 2.4rem}
:root body .hero::after{display:none}
:root body .hero h1,:root body .tools-hero h1{color:var(--g-ink)!important;letter-spacing:-.03em}
:root body .hero h1 span,:root body .tools-hero h1 span{color:var(--g-accent)!important}
:root body .hero p,:root body .tools-hero p,:root body .hero .intro{color:var(--g-muted)!important}
:root body .hero .eyebrow,:root body .hero-badge{color:var(--g-accent-d)!important;background:transparent;border-color:rgba(15,139,109,.3)}
:root body .hero .badges,:root body .hero .badges span{color:var(--g-muted)!important}
:root body .hero .action{
  background:linear-gradient(180deg,#1aa583,#0f8b6d)!important;color:#fff!important;border-radius:999px;
  box-shadow:0 10px 22px rgba(15,139,109,.32),inset 0 1px 0 rgba(255,255,255,.4);
}
:root body .hero .secondary{background:var(--g-glass-2);border:1px solid var(--g-edge)!important;color:var(--g-ink)!important;border-radius:999px!important}
:root body .hero-art.poster{border-radius:24px!important;box-shadow:0 14px 34px rgba(20,60,50,.18)!important;border:1px solid var(--g-edge)}
:root body .workspace-hero{
  background:var(--g-glass)!important;color:var(--g-ink)!important;border:1px solid var(--g-edge);
  border-radius:var(--g-radius)!important;box-shadow:var(--g-shadow);
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
}
:root body .workspace-hero h2{color:var(--g-ink)}
:root body .workspace-hero p{color:var(--g-muted)}

/* ---------- Bento rows on home ---------- */
@media(min-width:861px){
  :root body .quick-start{grid-template-columns:1.5fr 1fr 1fr!important;gap:14px}
  :root body .quick-start a:first-child{background:linear-gradient(135deg,rgba(15,139,109,.2),rgba(255,255,255,.58))!important}
}
:root body .quick-start a span{color:var(--g-accent-d)}
:root body .quick-start svg{color:var(--g-accent)}
:root body .card .open{color:var(--g-accent-d);border-top:1px solid var(--g-line)}
:root body .filters button{background:var(--g-glass-2)!important;color:var(--g-muted);border:1px solid var(--g-edge)!important;border-radius:999px!important}
:root body .filters button[aria-pressed=true]{background:linear-gradient(180deg,#1aa583,#0f8b6d)!important;color:#fff!important;border-color:transparent!important}
:root body .section-heading h2{color:var(--g-ink)}
:root body .help-step{background:var(--g-glass-3)!important;border:1px solid var(--g-edge);border-radius:16px!important}
:root body .help-step b{background:rgba(15,139,109,.15)!important;color:var(--g-accent-d)!important}
:root body #toolDialog{background:var(--g-glass-2)!important;border:1px solid var(--g-edge)!important;border-radius:32px!important;
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur)}
:root body #toolDialog::backdrop,:root body dialog::backdrop{background:rgba(19,32,27,.38);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
:root body .modal-head{background:rgba(255,255,255,.6)!important;-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);border-bottom:1px solid var(--g-line)!important}
:root body .upload{background:var(--g-glass-3)!important;border-color:rgba(15,139,109,.45)!important;border-radius:18px!important}

/* ---------- Buttons ---------- */
:root body .btn,:root body .app-shell .btn{border-radius:999px;min-height:40px}
:root body .btn-primary,:root body .btn-teal,:root body .app-shell .btn-primary,
:root body #run{
  background:linear-gradient(180deg,#1aa583,#0f8b6d)!important;color:#fff!important;border:0;
  box-shadow:0 8px 20px rgba(15,139,109,.3),inset 0 1px 0 rgba(255,255,255,.4)!important;
}
:root body .btn-primary:hover,:root body .btn-teal:hover,:root body .app-shell .btn-primary:hover{
  background:linear-gradient(180deg,#139a79,#0b6b54)!important;color:#fff!important;
}
:root body .btn-outline,:root body .app-shell .btn-outline,:root body .btn-ghost{
  background:var(--g-glass-2)!important;border:1px solid var(--g-edge)!important;color:var(--g-ink)!important;
  box-shadow:0 4px 12px rgba(20,60,50,.08)!important;
}
:root body .btn-outline:hover,:root body .app-shell .btn-outline:hover,:root body .btn-ghost:hover{background:#fff!important;color:var(--g-accent-d)!important}
:root body .btn-danger{box-shadow:0 8px 18px rgba(220,38,38,.25)}

/* ---------- Forms ---------- */
:root body .form-control,:root body .app-shell .form-control,
:root body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),
:root body select,:root body textarea{
  background:rgba(255,255,255,.72);border:1px solid rgba(19,32,27,.14);border-radius:12px;color:var(--g-ink);
}
:root body .form-control:focus,:root body input:focus,:root body select:focus,:root body textarea:focus{
  outline:none;border-color:var(--g-accent);box-shadow:0 0 0 4px rgba(15,139,109,.18);background:#fff;
}
:root body .form-group label{color:var(--g-muted)}
:root body .dropzone{background:var(--g-glass-3);border:2px dashed rgba(15,139,109,.55);border-radius:22px}
:root body .dropzone:hover,:root body .dropzone.dragover{background:var(--g-glass-2);border-color:var(--g-accent)}
:root body .file-list li{background:var(--g-glass-3);border:1px solid var(--g-edge)}
:root body .crop-stage{background:var(--g-glass-3);border:1px solid var(--g-edge);border-radius:18px}
:root body .tool-disclaimer{background:rgba(240,160,48,.14);border:1px solid rgba(240,160,48,.35);border-left:4px solid var(--g-amber);border-radius:16px}
:root body .tool-privacy,:root body .rule-note{background:rgba(15,139,109,.1);border:1px solid rgba(15,139,109,.22);color:var(--g-accent-d);border-radius:16px}
:root body .demo-hint{background:rgba(240,160,48,.14);border:1px dashed var(--g-amber);border-radius:14px}

/* ---------- Auth page ---------- */
:root body .auth-page{background:transparent}
:root body .auth-card{background:var(--g-glass-2)!important;border-radius:32px!important;box-shadow:0 26px 60px rgba(20,60,50,.2),inset 0 1.5px 0 #fff!important}

/* ---------- App shell: sidebar + topbar ---------- */
:root body .app-shell .main{background:transparent}
:root body .sidebar{
  background:rgba(255,255,255,.55);color:var(--g-ink);
  border-right:1px solid var(--g-edge);
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
  box-shadow:10px 0 30px rgba(20,60,50,.07);
}
:root body .sidebar-brand{border-bottom:1px solid var(--g-line)}
:root body .sidebar-brand div strong{color:var(--g-ink)}
:root body .sidebar-brand div small{color:var(--g-soft)}
:root body .sidebar-nav a{color:var(--g-muted);border-radius:14px}
:root body .sidebar-nav a:hover{background:rgba(255,255,255,.7);color:var(--g-ink)}
:root body .sidebar-nav a.active{
  background:rgba(15,139,109,.15);color:var(--g-accent-d);font-weight:600;
  border-left:0;padding-left:.85rem;box-shadow:inset 3px 0 0 var(--g-accent);
}
:root body .sidebar-foot{border-top:1px solid var(--g-line)}
:root body .sidebar-foot .user-chip{color:var(--g-muted)}
:root body .topbar,:root body .app-shell .topbar{
  background:rgba(255,255,255,.55);border-bottom:1px solid var(--g-edge);
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
  box-shadow:0 8px 24px rgba(20,60,50,.06);
}
:root body .menu-toggle{background:var(--g-glass-2);border:1px solid var(--g-edge);border-radius:12px}
:root body .sidebar-overlay{background:rgba(19,32,27,.35);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}

/* ---------- Tables ---------- */
:root body table.data th,:root body .app-shell table.data thead th{background:rgba(255,255,255,.45)!important;color:var(--g-muted);border-bottom:1px solid var(--g-line)}
:root body table.data td{border-bottom:1px solid var(--g-line)}
:root body table.data tr:hover td,:root body .app-shell table.data tbody tr:hover{background:rgba(15,139,109,.08)!important}
:root body .service-picker{background:var(--g-glass-3);border:1px solid var(--g-edge);border-radius:16px}
:root body .service-pick-item:hover{background:rgba(15,139,109,.08)}
:root body .service-pick-item.selected{background:rgba(15,139,109,.16)}
:root body .pay-option{background:var(--g-glass-3);border:1.5px solid var(--g-edge);border-radius:14px}
:root body .pay-option.selected,:root body .pay-option:has(input:checked){background:rgba(15,139,109,.14);border-color:var(--g-accent);color:var(--g-accent-d)}
:root body .chart-bar{background:linear-gradient(180deg,#27b896,#0b6b54)}
:root body .settings-nav.active{background:linear-gradient(180deg,#1aa583,#0f8b6d)}
:root body .settings-nav:hover{background:rgba(255,255,255,.7)}
:root body .settings-action{background:var(--g-glass-3);border:1px solid var(--g-edge);border-radius:16px}
:root body .settings-action:hover{background:#fff;border-color:var(--g-accent)}
:root body .audit-list,:root body .security-tips{background:var(--g-glass-3);border:1px solid var(--g-edge);border-radius:16px}
:root body .work-stat-icon{background:rgba(15,139,109,.14)}
:root body .work-stat-copy strong{color:var(--g-ink)}
:root body .service-icon,:root body .tool-card .tool-icon{
  background:var(--g-glass-2);border:1px solid var(--g-edge);border-radius:16px;
  box-shadow:0 4px 10px rgba(20,60,50,.08);
}

/* ---------- About page ---------- */
:root body .nc-hero{background:var(--g-glass)!important;color:var(--g-ink)!important;border:1px solid var(--g-edge);border-radius:32px!important;box-shadow:var(--g-shadow);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur)}
:root body .nc-hero h2{color:var(--g-ink)}
:root body .nc-hero small{color:var(--g-accent-d);opacity:1}
:root body .nc-hero p{color:var(--g-muted);opacity:1}
:root body .nc-card,:root body .nt-item{background:var(--g-glass)!important;border:1px solid var(--g-edge)!important;border-radius:var(--g-radius)!important;box-shadow:var(--g-shadow)!important;-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur)}
:root body .nt-item:hover{transform:translateY(-3px);background:var(--g-glass-2)!important}
:root body .nc-row .nc-ic{background:var(--g-glass-2);border:1px solid var(--g-edge);border-radius:12px}
:root body .nc-chips li{background:var(--g-glass-2);border:1px solid var(--g-edge);color:var(--g-ink)}
:root body .nc-btns a{border-radius:999px;background:var(--g-glass-2);border:1px solid var(--g-edge);color:var(--g-ink)}
:root body .nc-btns a.nc-call{background:linear-gradient(180deg,#1aa583,#0f8b6d);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(15,139,109,.3)}
:root body .nc-btns a.nc-wa{background:linear-gradient(180deg,#2cc46a,#1fae54);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(31,174,84,.3)}
:root body .nc-about{color:var(--g-muted)}

/* ---------- Small screens ---------- */
@media(max-width:560px){
  :root body{background-attachment:scroll}
  :root body{--g-radius:20px;--g-blur:blur(12px) saturate(150%)}
  :root body .tools-hero{margin:10px;padding:1.6rem 1.1rem}
}
@media (prefers-reduced-motion:reduce){:root body *{transition:none!important}}

/* ---------- Print: glass hata do ---------- */
@media print{
  :root body{background:#fff!important}
  :root body *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
  :root body .panel,:root body .receipt{background:#fff!important;border:0!important}
}