.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-card{background:white;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px;padding:40px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-section{text-align:center;margin-bottom:30px}.logo{width:100px;height:auto;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.title{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:8px}.subtitle{font-size:14px;color:#7f8c8d;margin-bottom:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#2c3e50}.form-input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.form-input::placeholder{color:#bdc3c7}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;padding:10px 12px;font-size:13px;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-button{padding:12px 16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0;font-size:12px;color:#95a5a6}@media (max-width: 480px){.login-card{padding:30px 20px}.title{font-size:20px}.logo{width:80px}}.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%}