.login-container{align-items:flex-start;background:linear-gradient(180deg,rgba(16,27,50,.15) 0%,rgba(8,19,42,.28) 100%),url(/background.webp) center / cover no-repeat;display:flex;justify-content:center;min-height:100vh;padding:clamp(38px,7vh,84px) 24px}.login-shell{align-items:center;display:flex;flex-direction:column;gap:clamp(28px,5vh,58px);width:min(100%,420px)}.brand-header{text-align:center}.brand-logo{display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.22));height:auto;margin:0 auto;max-width:100%;width:245px}.login-card{animation:slide-up .45s ease-out;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.66);border-radius:10px;box-shadow:0 18px 48px #07122747;padding:38px 34px 25px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);width:100%}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.login-heading{margin-bottom:30px;text-align:center}.title{color:#27344b;font-size:24px;font-weight:500;letter-spacing:-.02em;margin:0 0 7px}.subtitle{color:#607086;font-size:13px;margin:0}.login-form{display:flex;flex-direction:column;gap:17px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{color:#536176;font-size:12px;font-weight:600}.form-input{background:rgba(255,255,255,.93);border:1px solid #d5dbe4;border-radius:3px;color:#24344e;font-family:inherit;font-size:14px;min-height:43px;padding:11px 13px;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:#1554b6;box-shadow:0 0 0 3px #1554b629;outline:none}.form-input:disabled{background-color:#eff2f7e6;cursor:not-allowed;opacity:.72}.form-input::placeholder{color:#93a0b3}.error-message{animation:shake .35s ease;background-color:#ffededf0;border:1px solid #e7aaaa;border-radius:3px;color:#a32727;font-size:13px;padding:10px 12px}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-button{background:#0c50b5;border:1px solid #0c50b5;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-top:6px;min-height:43px;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.login-button:hover:not(:disabled){background:#083f92;box-shadow:0 7px 14px #083f9238;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.footer{border-top:1px solid rgba(111,127,151,.23);color:#66758a;font-size:11px;margin-top:25px;padding-top:17px;text-align:center}@media (max-width: 520px){.login-container{padding:34px 16px}.brand-logo{width:220px}.login-card{padding:32px 23px 22px}}.app{min-height:100vh}.dashboard{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;gap:20px}.dashboard h1{font-size:48px;font-weight:700;margin-bottom:20px}.token-info{font-size:12px;opacity:.8;margin-bottom:30px;font-family:monospace;background:rgba(255,255,255,.1);padding:10px 15px;border-radius:6px;max-width:300px;word-break:break-all}.dashboard button{padding:12px 30px;background:rgba(255,255,255,.2);border:2px solid white;color:#fff;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.dashboard button:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.dashboard button:active{transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}#root{min-height:100vh}html,body{height:100%;width:100%}