body{margin:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{position:relative}.dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#111;color:#111;box-shadow:9999px 0 0 -5px #111;animation:dotPulse 1.2s infinite linear;animation-delay:.25s}.dot-pulse:before,.dot-pulse:after{content:"";display:inline-block;position:absolute;top:0;width:10px;height:10px;right:4px;border-radius:5px;background-color:#111;color:#111}.dot-pulse:after{right:0;left:4px}.dot-pulse:before{box-shadow:9984px 0 0 -5px #111;animation:dotPulseBefore 1.2s infinite linear;animation-delay:0s}.dot-pulse:after{box-shadow:10014px 0 0 -5px #111;animation:dotPulseAfter 1.2s infinite linear;animation-delay:.5s}@keyframes dotPulseBefore{0%{box-shadow:9984px 0 0 -5px #111}30%{box-shadow:9984px 0 0 2px #111}60%,to{box-shadow:9984px 0 0 -5px #111}}@keyframes dotPulse{0%{box-shadow:9999px 0 0 -5px #111}30%{box-shadow:9999px 0 0 2px #111}60%,to{box-shadow:9999px 0 0 -5px #111}}@keyframes dotPulseAfter{0%{box-shadow:10014px 0 0 -5px #111}30%{box-shadow:10014px 0 0 2px #111}60%,to{box-shadow:10014px 0 0 -5px #111}}@keyframes flickerAnime{0%{opacity:1}to{opacity:.3}}.flicker{animation-name:flickerAnime;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background:linear-gradient(145deg,#0d1b3e,#132d6e,#1a50c4)}.login-container .login-card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:40px 48px 48px;box-shadow:0 24px 64px #0006;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}@media screen and (max-width: 480px){.login-container .login-card{margin:16px;padding:32px 28px 40px}}.login-container .login-logo{width:80px;height:96px;border-radius:12px;border:0px;overflow:hidden;margin-bottom:20px;box-shadow:0 0 16px #00000026;flex-shrink:0}.login-container .login-logo img{width:100%;height:100%;object-fit:cover;display:block}.login-container .login-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:6px;text-align:center;letter-spacing:.2px}.login-container .login-subtitle{font-size:14px;color:#6b7280;margin-bottom:32px;text-align:center}.login-container .login-form{width:100%;display:flex;flex-direction:column;gap:16px}.login-container .login-error{font-size:13px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:8px 12px;line-height:1.5}.app-content{position:relative;top:64px}@media screen and (max-width: 600px){.app-content{top:56px}}.app-content.open{left:220px;width:calc(100% - 220px)}@media screen and (max-width: 900px){.app-content.open{left:0;width:100%}}.app-content.closed{left:60px;width:calc(100% - 60px)}@media screen and (max-width: 900px){.app-content.closed{left:0;width:100%}}