:root{--mvp-accent:#ff5b1a;--muted:#667085}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#071f55;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.app-shell,.content,#screen{width:100%;min-height:100vh;margin:0;padding:0}
.toast{position:fixed;z-index:100;right:20px;bottom:20px;max-width:min(420px,calc(100% - 32px));transform:translateY(100px);padding:13px 16px;border-radius:10px;background:#172033;color:#fff;box-shadow:0 12px 30px #0003;transition:transform .25s}
.toast:empty{display:none}.toast.show{display:block;transform:translateY(0)}
.mvp-loading,.mvp-error{display:grid;min-height:52vh;place-items:center;padding:40px;text-align:center}
.mvp-loading span{width:36px;height:36px;border:3px solid #f0e4d7;border-top-color:var(--mvp-accent);border-radius:50%;animation:mvp-spin .8s linear infinite}
.mvp-error>div{max-width:470px}.mvp-error h2{margin:12px 0 6px;font:700 24px Poppins,Inter,sans-serif}.mvp-error p{color:var(--muted)}
.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:9px;text-decoration:none;font-weight:750}.button.primary{background:var(--mvp-accent);color:#fff}.button.secondary{border-color:#e5e9f0;background:#fff;color:#344054}
@keyframes mvp-spin{to{transform:rotate(360deg)}}
@media(max-width:620px){.toast{right:12px;bottom:78px;left:12px;max-width:none}}