*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#2e2ed1;width:100vw;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.app-scaler-wrapper{justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;overflow:hidden}.app-container{transform-origin:50%;background-color:#fff;flex-shrink:0;width:1920px;height:1080px;position:relative;overflow:hidden}.mockup-overlay{opacity:.5;pointer-events:none;object-fit:contain;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.app-title{font-size:30px;font-weight:700;position:absolute;top:0;left:0}.app-subtitle{color:#888;font-size:30px;position:absolute;top:1890px;left:990px}.app-button{color:#fff;cursor:pointer;background-color:#007aff;border:none;border-radius:16px;justify-content:center;align-items:center;width:344px;height:56px;font-size:16px;font-weight:600;display:flex;position:absolute;top:700px;left:43px}.app-input{border:2px solid #ccc;border-radius:12px;outline:none;width:80%;margin-bottom:20px;padding:16px;font-size:24px;position:absolute;top:500px;left:43px}.app-input-username{width:300px;height:100px;font-size:24px;position:absolute;top:120px;left:50%;transform:translate(-50%,-50%)}.app-input-password{width:300px;height:100px;font-size:24px;position:absolute;top:220px;left:50%;transform:translate(-50%,-50%)}.app-button-login{width:300px;height:100px;font-size:24px;position:absolute;top:320px;left:50%;transform:translate(-50%,-50%)}.app-button-back{width:300px;height:100px;font-size:24px;position:absolute;top:420px;left:50%;transform:translate(-50%,-50%)}.emergency-button{color:#fff;cursor:pointer;background-color:#007aff;border:none;border-radius:32px;justify-content:center;align-items:center;width:950px;height:200px;font-size:20px;font-weight:600;display:flex;position:absolute;top:820px;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000026}.home-container,.top-branding{position:absolute;inset:0;overflow:hidden}.app-brand{letter-spacing:.5px;color:#fff;font-size:6rem;font-weight:700;position:absolute;top:130px;left:420px;transform:translate(-50%,-50%)}.gradient-square{color:#fff;letter-spacing:1px;background:linear-gradient(#19376d,#306ad3);border-radius:28px;justify-content:center;align-items:center;width:170px;height:170px;font-size:3.5rem;font-weight:700;display:flex;position:absolute;top:130px;left:150px;transform:translate(-50%,-50%);box-shadow:0 8px 20px #0003}.test-button{color:#fff;cursor:pointer;background-color:#007aff;border:none;border-radius:32px;justify-content:center;align-items:center;width:950px;height:200px;font-size:20px;font-weight:600;display:flex;position:absolute;top:1120px;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000026}.health-status-container{color:#a0a0a0;font-size:1.5rem;position:absolute;top:30px;left:350px;transform:translate(-50%,-50%)}.health-value{color:#22c55e}.db-text{font-size:24px;position:absolute;top:220px;left:50%;transform:translate(-50%,-50%)}.scroll-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;background-color:#f8f9fa;border-radius:12px;flex-direction:column;gap:16px;width:1080px;height:500px;padding:16px;display:flex;position:absolute;top:800px;left:540px;overflow-y:auto;transform:translate(-50%,-50%)}.scroll-container::-webkit-scrollbar{width:8px}.scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.app-input{width:170px;height:170px;margin-bottom:20px;display:block}.back-button{width:50px;position:absolute;top:120px;left:50%;transform:translate(-50%,-50%)}