:root,
:root[data-theme="light"] {
  color-scheme: light;
  --bg-primary: #ffffff;
  --bg-surface: #ffffff;
  --bg-surface-blur: rgba(255, 255, 255, 0.88);
  --bg-subtle: #f8fafc;
  --text-primary: #202124;
  --text-secondary: #5f6368;
  --border-color: #e1e7f0;
  --border-hover: #cbd5e1;
  --accent-color: #2563eb;
  --accent-strong: #1d4ed8;
  --accent-light: #eff6ff;
  --accent-bg: #eff6ff;
  --accent-hover: #dbeafe;
  --color-on-accent: #ffffff;
  --ticker-bg: #eaf2ff;
  --ticker-text: #2857a4;
  --ticker-border: #d5e4ff;
  --status-green-bg: #e6f4ea;
  --status-green-text: #137333;
  --status-green-solid: #34a853;
  --status-yellow-bg: #fef7e0;
  --status-yellow-text: #8a4b00;
  --status-yellow-solid: #fbbc05;
  --status-red-bg: #fce8e6;
  --status-red-text: #c5221f;
  --status-red-solid: #ea4335;
  --status-red-strong: #dc2626;
  --status-install: #059669;
  --status-install-bg: #ecfdf5;
  --shadow-elevation: 0 8px 24px rgba(35,55,85,.08),0 2px 6px rgba(35,55,85,.05);
  --accent-tint: rgba(37,99,235,.1);
  --accent-border: rgba(37,99,235,.2);
  --overlay-backdrop: rgba(15,23,42,.6);
  --green-pulse: rgba(52,168,83,.7);
  --green-pulse-clear: rgba(52,168,83,0);
  --green-tint-10: rgba(19,115,51,.1);
  --green-tint-15: rgba(19,115,51,.15);
  --yellow-tint-10: rgba(176,96,0,.1);
  --yellow-tint-15: rgba(176,96,0,.15);
  --red-tint-10: rgba(197,34,31,.1);
  --red-tint-15: rgba(197,34,31,.15);
  --accent-tint-15: rgba(37,99,235,.15);
  --accent-shadow-color: rgba(37,99,235,.25);
  --shadow-color-02: rgba(0,0,0,.02);
  --shadow-color-03: rgba(0,0,0,.03);
  --shadow-color-04: rgba(0,0,0,.04);
  --shadow-color-15: rgba(0,0,0,.15);
  font-family: 'Google Sans','Noto Sans Bengali',system-ui,sans-serif;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg-primary: #202124;
  --bg-surface: #303134;
  --bg-surface-blur: rgba(48, 49, 52, 0.92);
  --bg-subtle: #292a2d;
  --text-primary: #e8eaed;
  --text-secondary: #c4c7c5;
  --border-color: #5f6368;
  --border-hover: #70757a;
  --accent-color: #8ab4f8;
  --accent-strong: #a8c7fa;
  --accent-light: #1f2c42;
  --accent-bg: #1f2c42;
  --accent-hover: #293d5d;
  --color-on-accent: #202124;
  --ticker-bg: #263653;
  --ticker-text: #d7e5ff;
  --ticker-border: #3b5680;
  --status-green-bg: #0d361c;
  --status-green-text: #81c995;
  --status-green-solid: #81c995;
  --status-yellow-bg: #3c2f00;
  --status-yellow-text: #fdd663;
  --status-yellow-solid: #fdd663;
  --status-red-bg: #3c1615;
  --status-red-text: #f28b82;
  --status-red-solid: #f28b82;
  --status-red-strong: #f28b82;
  --status-install: #81c995;
  --status-install-bg: #0d361c;
  --shadow-elevation: 0 1px 3px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4);
  --accent-tint: rgba(138,180,248,.14);
  --accent-border: rgba(138,180,248,.3);
  --overlay-backdrop: rgba(0,0,0,.72);
  --green-pulse: rgba(129,201,149,.7);
  --green-pulse-clear: rgba(129,201,149,0);
  --green-tint-10: rgba(129,201,149,.12);
  --green-tint-15: rgba(129,201,149,.2);
  --yellow-tint-10: rgba(253,214,99,.12);
  --yellow-tint-15: rgba(253,214,99,.2);
  --red-tint-10: rgba(242,139,130,.12);
  --red-tint-15: rgba(242,139,130,.2);
  --accent-tint-15: rgba(138,180,248,.2);
  --accent-shadow-color: rgba(138,180,248,.25);
  --shadow-color-02: rgba(0,0,0,.16);
  --shadow-color-03: rgba(0,0,0,.2);
  --shadow-color-04: rgba(0,0,0,.24);
  --shadow-color-15: rgba(0,0,0,.45);
}
*,*::before,*::after{box-sizing:border-box}
html{min-width:320px;background:var(--bg-primary);color:var(--text-primary)}
body{min-height:100vh;margin:0;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;letter-spacing:.01em}
button,input,select{font:inherit}
.dashboard{display:flex;flex-direction:column;gap:16px;width:min(100%,1200px);min-width:0;margin:0 auto;padding:20px 16px 88px}
@media(min-width:640px){.dashboard{padding:26px 24px 96px}}
@media(min-width:1024px){bottom-navigation{display:none}}
::selection{background:var(--accent-shadow-color)}