.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{margin:0 0 8px;font-size:28px;color:#333}.login-header p{margin:0;font-size:14px;color:#666}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#fee;color:#c33;padding:12px;border-radius:6px;font-size:14px;border:1px solid #fcc}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#333}.form-group input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.login-button{background:#667eea;color:#fff;border:none;padding:14px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.login-button:hover:not(:disabled){background:#5568d3}.login-button:disabled{background:#aaa;cursor:not-allowed}.app{width:100%;height:100vh;display:flex;flex-direction:column;background:#0a0a0f}.app-header{height:48px;min-height:48px;display:flex;align-items:center;padding:0 20px;background:linear-gradient(90deg,#111118,#1a1a28);border-bottom:1px solid #2a2a3a;z-index:1000}.app-header__brand{display:flex;align-items:baseline;gap:12px}.app-header__logo{font-size:18px;font-weight:700;letter-spacing:2px;color:#e63946}.app-header__subtitle{font-size:13px;color:#8888a0;font-weight:400}.app-main{flex:1;position:relative;overflow:hidden}.app-main canvas{display:block;width:100%;height:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0}