:root{--font-heading:"Fredoka", "Outfit", "Noto Sans Devanagari", sans-serif;--font-body:"Fredoka", "Inter", "Noto Sans Devanagari", sans-serif;--purple:#7047e8;--purple-dark:#5833c7;--purple-light:#f0ebff;--blue:#3e73f6;--pink:#ff6fae;--green:#20c979;--yellow:#ffc83d;--orange:#ff8c43;--teal:#30c9a1;--cyan:#06b6d4;--bg-app:#f4f7ff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-glass:#ffffffeb;--dark-text:#26335d;--light-text:#6f7692;--border-color:#e2e8f0;--card-shadow:0 10px 25px -5px #26335d14, 0 8px 10px -6px #26335d0a;--card-shadow-hover:0 20px 30px -10px #7047e833, 0 10px 15px -5px #0000000d;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--radius-full:9999px}[data-theme=dark]{--bg-app:#0f172a;--bg-card:#1e293b;--bg-card-hover:#334155;--bg-glass:#1e293beb;--dark-text:#f8fafc;--light-text:#94a3b8;--border-color:#334155}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-body);color:var(--dark-text);background-color:#0d1117;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.app-viewport-wrapper{background:var(--bg-app);border:8px solid #1e293b;border-radius:40px;flex-direction:column;width:100%;max-width:450px;height:100vh;max-height:920px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000080}@media (width<=500px){body{background-color:var(--bg-app);align-items:stretch}.app-viewport-wrapper{max-width:100%;height:100vh;max-height:100vh;box-shadow:none;border:none;border-radius:0}}.rupix-header{color:#fff;background:linear-gradient(135deg,#7047e8,#db54a7,#ff806a);border-bottom-right-radius:28px;border-bottom-left-radius:28px;padding:1.25rem 1.25rem 1.5rem;position:relative;box-shadow:0 10px 25px #7047e84d}.role-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff38;border-radius:14px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.rupix-action-grid{grid-template-columns:repeat(4,1fr);gap:.85rem;padding:1rem;display:grid}.rupix-card{background:var(--bg-card);border-radius:var(--radius-md);text-align:center;box-shadow:var(--card-shadow);border:1px solid var(--border-color);cursor:pointer;flex-direction:column;align-items:center;gap:.4rem;padding:.85rem .5rem;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.rupix-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)scale(1.03)}.rupix-card:active{transform:translateY(1px)scale(.96)}.rupix-bottom-nav{background-color:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:2000;border-bottom-right-radius:32px;border-bottom-left-radius:32px;justify-content:space-around;align-items:center;height:68px;padding:0 .5rem;display:flex;position:absolute;bottom:0;left:0;right:0}@media (width<=500px){.rupix-bottom-nav{border-bottom-right-radius:0;border-bottom-left-radius:0}}.rupix-nav-btn{color:var(--light-text);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.rupix-nav-btn.active{color:var(--purple)}.rupix-nav-btn.active svg{color:var(--purple);transform:translateY(-2px)scale(1.1)}.app-scroll-content{flex:1;padding-bottom:80px;overflow-y:auto}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.35s cubic-bezier(.16,1,.3,1) forwards slideUp}@media print{body{background:#fff}.app-viewport-wrapper{max-width:100%;height:auto;max-height:none;box-shadow:none;border:none}.rupix-bottom-nav,.no-print{display:none!important}}