:root{--uber-black:#000;--uber-white:#fff;--uber-gray:#f6f6f6;--uber-blue:#276ef1;--uber-green:#05a357;--safe-area-bottom:env(safe-area-inset-bottom,0px)}.app-container{background-color:var(--uber-gray);min-height:100vh;padding-bottom:calc(70px + var(--safe-area-bottom))}.dash-page{max-width:600px;margin:0 auto;padding:20px}.hero-status-card{background:var(--uber-black);color:#fff;border-radius:16px;margin-bottom:20px;padding:24px;box-shadow:0 10px 25px #0000001a}.status-label{text-transform:uppercase;letter-spacing:1px;color:#fff9;margin-bottom:8px;font-size:12px;display:block}.status-value{margin-bottom:20px;font-size:24px;font-weight:700;display:block}.progress-track{background:#fff3;border-radius:2px;height:4px;position:relative;overflow:hidden}.progress-fill{background:var(--uber-blue);width:30%;height:100%;transition:width .5s}.bottom-nav{height:calc(65px + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);z-index:1000;background:#fff;border-top:1px solid #eee;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:#666;flex-direction:column;align-items:center;gap:4px;font-size:10px;text-decoration:none;display:flex}.nav-item.active{color:var(--uber-black)}.info-card{background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.card-icon-wrap{background:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.welcome-banner{border:2px solid var(--purple);text-align:center;background:#fff;border-radius:16px;margin-bottom:20px;padding:24px;animation:.5s slideIn;box-shadow:0 10px 25px #8b5cf61a}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}