:root{--primary:#0758d8;--dark:#062864;--accent:#ffad00;--bg:#f5f8ff;--text:#122033;--muted:#667085}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--text);overflow:hidden}
.hidden{display:none!important}.overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px}
#appFrame{width:100%;height:100%;border:0;background:#fff}
#splash{background:linear-gradient(160deg,#0868f0 0%,#073a9c 55%,#041d54 100%);color:#fff;transition:.35s}
#splash.hide{opacity:0;visibility:hidden}.splashBox{text-align:center}.splashLogo{width:132px;height:132px;border-radius:28px;box-shadow:0 22px 55px rgba(0,0,0,.3)}
.splashBox h1{font-size:34px;margin:20px 0 5px}.splashBox p{margin:0;opacity:.92}.spinner{width:44px;height:44px;margin:26px auto 10px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}.progress{width:220px;height:7px;border-radius:99px;background:rgba(255,255,255,.23);overflow:hidden;margin:15px auto}.progress>span{display:block;width:45%;height:100%;background:#fff;border-radius:99px;animation:move 1.4s ease-in-out infinite}
@keyframes move{0%{transform:translateX(-120%)}100%{transform:translateX(330%)}}
.panelOverlay{background:rgba(245,248,255,.98)}.panel{width:min(440px,100%);background:#fff;border-radius:22px;padding:28px;text-align:center;box-shadow:0 22px 65px rgba(17,39,89,.18)}
.panel .icon{font-size:55px}.panel h2{margin:10px 0 8px}.panel p{color:var(--muted);line-height:1.55}.btn{border:0;border-radius:13px;padding:13px 18px;font-weight:800;cursor:pointer}
.btnPrimary{background:var(--primary);color:#fff}.btnSecondary{background:#fff;border:1px solid #d0d5dd;color:var(--text)}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
#installBtn{position:fixed;right:14px;bottom:14px;z-index:80;background:var(--accent);color:#201700;box-shadow:0 12px 30px rgba(0,0,0,.25)}
#updateBar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:90;background:#102a56;color:#fff;padding:12px 14px;border-radius:15px;display:flex;gap:12px;align-items:center;box-shadow:0 12px 30px rgba(0,0,0,.25)}
@media(max-width:600px){.splashLogo{width:116px;height:116px}.splashBox h1{font-size:29px}.panel{padding:23px 18px}}